@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400;1,6..72,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background-color:#020617}:root{--bg: #1A1719;--bg-sidebar: #161315;--bg-raised: #221E20;--bg-subtle: rgba(232, 227, 216, .03);--ink: #E8E3D8;--ink-muted: #A8A095;--ink-subtle: #7A7168;--ink-dim: #5A5249;--ink-faint: #4D4740;--border: rgba(232, 227, 216, .06);--border-strong: rgba(232, 227, 216, .1);--plum: #9B5FAA;--plum-light: #BC88C9;--plum-soft: rgba(155, 95, 170, .12);--plum-glow: rgba(155, 95, 170, .4);--rose: #DC8296;--rose-light: #E8A6B3;--rose-soft: rgba(220, 130, 150, .12);--red: #C85A66;--red-light: #E49499;--red-soft: rgba(200, 90, 102, .12);--live: #7FB58E;--live-soft: rgba(127, 181, 142, .12)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;font-size:14px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit;padding:0;text-align:left}.app{position:relative;display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}.aurora{position:absolute;inset:-8%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 55% 45% at 25% 20%,rgba(155,95,170,.22),transparent 60%),radial-gradient(ellipse 45% 35% at 80% 70%,rgba(220,130,150,.14),transparent 60%),radial-gradient(ellipse 40% 30% at 60% 100%,rgba(200,90,102,.08),transparent 60%),radial-gradient(ellipse 35% 25% at 10% 90%,rgba(155,95,170,.1),transparent 60%);animation:aurora 26s ease-in-out infinite alternate;filter:blur(40px)}@keyframes aurora{0%{transform:translate(0) scale(1) rotate(0);opacity:1}33%{transform:translate(3%,-2%) scale(1.06) rotate(1deg);opacity:.92}66%{transform:translate(-2%,3%) scale(1.08) rotate(-1deg);opacity:1}to{transform:translate(2%,1%) scale(1.04) rotate(.5deg);opacity:.88}}.grain{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.sidebar{position:relative;z-index:3;background:var(--bg-sidebar);border-right:.5px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:22px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px}.brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--plum-light) 0%,var(--plum) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-family:Newsreader,serif;font-size:20px;font-weight:500;font-style:italic;box-shadow:0 2px 12px var(--plum-glow)}.brand-name{font-family:Newsreader,serif;font-size:19px;font-weight:500;font-style:italic;color:var(--ink);letter-spacing:-.01em}.side-section{display:flex;flex-direction:column}.side-label{display:flex;align-items:center;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:9.5px;color:var(--ink-subtle);letter-spacing:.15em;text-transform:uppercase;padding:0 8px;margin-bottom:8px}.count-pill{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-muted);background:var(--bg-subtle);padding:1px 7px;border-radius:10px;letter-spacing:0}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:7px;font-size:12.5px;color:var(--ink-muted);width:100%;transition:all .15s ease}.nav-item:hover{background:var(--bg-subtle);color:var(--ink)}.nav-item--active{background:var(--plum-soft);color:var(--ink);font-weight:500}.nav-item--active .bullet{background:var(--plum);box-shadow:0 0 0 3px var(--plum-soft)}.bullet{width:5px;height:5px;border-radius:50%;background:var(--ink-dim);flex-shrink:0;transition:all .2s ease}.nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card{background:var(--bg-subtle);border:.5px solid var(--border);border-radius:10px;padding:5px}.user-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;transition:background .15s ease}.user-row:hover{background:var(--bg-subtle)}.user-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;flex-shrink:0;position:relative}.user-avatar:after{content:"";position:absolute;bottom:-1px;right:-1px;width:7px;height:7px;background:var(--live);border:1.5px solid var(--bg-sidebar);border-radius:50%}.user-avatar--more{background:var(--bg-subtle)!important;color:var(--ink-muted);font-size:9px}.user-avatar--more:after{display:none}.user-name{font-size:12.5px;color:var(--ink);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-badge{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--plum-light);background:var(--plum-soft);padding:2px 6px;border-radius:10px;letter-spacing:.03em}.side-action{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:7px;font-size:12.5px;color:var(--ink-muted);width:100%;transition:all .15s ease}.side-action:hover{background:var(--bg-subtle);color:var(--ink)}.side-foot{margin-top:auto;padding:10px;border-top:.5px solid var(--border);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-subtle);letter-spacing:.08em;display:flex;align-items:center;gap:7px}.foot-dot{width:5px;height:5px;border-radius:50%;background:var(--live);box-shadow:0 0 0 2px var(--live-soft);animation:pulse 2s ease-in-out infinite}.foot-dot--error{background:var(--red);box-shadow:0 0 0 2px var(--red-soft)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.main{position:relative;z-index:2;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:13px 24px;border-bottom:.5px solid var(--border);flex-shrink:0;gap:12px}.menu-btn{display:none;flex-direction:column;justify-content:center;width:30px;height:30px;padding:6px 5px;gap:4px;border-radius:6px;transition:background .15s ease;flex-shrink:0}.menu-btn:hover{background:var(--bg-subtle)}.menu-btn span{display:block;height:1.5px;width:100%;background:var(--ink-muted);border-radius:2px;transition:all .2s ease}.menu-btn:hover span{background:var(--ink)}.sidebar-backdrop{display:none}.crumbs{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-subtle);flex:1;min-width:0}.crumbs-sep{color:var(--ink-faint);flex-shrink:0}.crumbs-current{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink);background:var(--bg-subtle);padding:3px 9px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.tools{display:flex;align-items:center;gap:10px;flex-shrink:0}.status-chip{display:flex;align-items:center;gap:6px;padding:5px 11px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;border-radius:4px}.status-chip--on{color:var(--live);background:var(--live-soft)}.status-chip--off{color:var(--red-light);background:var(--red-soft)}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px currentColor;opacity:.9}.status-chip--on .status-dot{animation:pulse 2s ease-in-out infinite}.btn-mono{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--ink);letter-spacing:.15em;text-transform:uppercase;padding:6px 13px;border:.5px solid var(--border-strong);border-radius:4px;background:var(--bg-subtle);transition:all .15s ease}.btn-mono:hover{border-color:var(--plum);background:var(--plum-soft);color:var(--plum-light)}.dochead{padding:36px 48px 20px;flex-shrink:0}.eyebrow{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-subtle);letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px}.eyebrow-line{width:26px;height:1.5px;background:var(--rose);border-radius:2px}.doc-title{font-family:Newsreader,serif;font-size:36px;font-weight:400;color:var(--ink);letter-spacing:-.02em;line-height:1.1;margin-bottom:14px}.doc-title em{font-style:italic;color:var(--plum-light);font-weight:500}.doc-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-muted);flex-wrap:wrap}.meta-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-subtle);border-radius:12px}.meta-dot{width:3px;height:3px;border-radius:50%;background:var(--ink-faint)}.canvas{flex:1;position:relative;overflow-y:auto;padding:0}.edit-wrap{display:flex;padding:16px 64px 40px;min-height:100%}.editor{flex:1;min-height:calc(100vh - 240px);background:transparent;border:none;outline:none;resize:none;color:var(--ink);font-family:JetBrains Mono,monospace;font-size:14.5px;line-height:1.85;letter-spacing:.005em;max-width:1100px;overflow-wrap:break-word;word-wrap:break-word;caret-color:var(--plum)}.editor::placeholder{color:var(--ink-dim);font-family:Newsreader,serif;font-style:italic;font-size:17px;letter-spacing:0}.preview{padding:20px 64px 40px;font-family:Inter,sans-serif;font-size:16px;line-height:1.75;color:var(--ink);max-width:1100px}.preview-empty{color:var(--ink-subtle);font-family:Newsreader,serif;font-style:italic;font-size:18px}.preview h1,.preview h2,.preview h3,.preview h4{font-family:Newsreader,serif;font-weight:500;letter-spacing:-.015em;margin:1.5em 0 .5em;line-height:1.2;color:var(--ink)}.preview h1{font-size:2.3em;margin-top:.3em}.preview h2{font-size:1.7em}.preview h3{font-size:1.3em}.preview p{margin:.8em 0}.preview a{color:var(--plum-light);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.preview strong{font-weight:600;color:var(--ink)}.preview em{font-family:Newsreader,serif;font-style:italic;font-size:1.05em;color:var(--rose-light)}.preview code{font-family:JetBrains Mono,monospace;font-size:.88em;padding:2px 7px;background:var(--plum-soft);color:var(--plum-light);border-radius:4px}.preview pre{background:var(--bg-raised);border:.5px solid var(--border);border-radius:8px;padding:18px 20px;overflow-x:auto;margin:1.2em 0}.preview pre code{background:none;color:var(--ink);padding:0;font-size:13px}.preview blockquote{border-left:2px solid var(--rose);padding:4px 0 4px 20px;margin:1.2em 0;font-family:Newsreader,serif;font-style:italic;font-size:1.08em;color:var(--ink-muted)}.preview ul,.preview ol{padding-left:24px;margin:.8em 0}.preview li{margin:.3em 0}.preview hr{border:none;height:1px;background:var(--border-strong);margin:2em 0}.preview table{border-collapse:collapse;width:100%;margin:1.2em 0}.preview th,.preview td{padding:10px 14px;text-align:left;border-bottom:.5px solid var(--border)}.preview th{font-weight:500;color:var(--ink-muted);font-size:.88em;text-transform:uppercase;letter-spacing:.05em}.remote-cursor{position:absolute;z-index:20;pointer-events:none;transition:left .18s ease-out,top .18s ease-out;transform:translate(-3px,-3px)}.cursor-arrow{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.cursor-label{margin-top:-3px;margin-left:14px;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:500;padding:2px 7px;color:#fff;border-radius:3px;letter-spacing:.05em;white-space:nowrap;box-shadow:0 1px 3px #0000004d;display:inline-block}.colophon{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:12px 24px;border-top:.5px solid var(--border);font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--ink-subtle);letter-spacing:.04em;flex-shrink:0}.col-l{justify-self:start}.col-c{justify-self:center;display:flex;align-items:center;gap:10px;font-family:Newsreader,serif;font-style:italic;font-size:12.5px;color:var(--ink-muted);letter-spacing:0}.col-r{justify-self:end;text-transform:uppercase}.col-stat{color:var(--ink);font-weight:500}.col-sep{color:var(--ink-faint);margin:0 8px}.col-italic{color:var(--ink-subtle)}.col-accent-dot{width:3px;height:3px;border-radius:50%;background:var(--plum);display:inline-block;box-shadow:0 0 6px var(--plum-glow)}.col-name{color:var(--plum-light);font-family:Newsreader,serif;font-style:normal;font-weight:500;font-size:13.5px;letter-spacing:-.01em}*{scrollbar-width:none}*::-webkit-scrollbar{display:none;width:0;height:0}*{-ms-overflow-style:none}.sidebar{animation:slideInLeft .5s ease-out}.topbar,.dochead,.canvas,.colophon{animation:slideInUp .5s ease-out}.dochead{animation-delay:.05s;animation-fill-mode:both}.canvas{animation-delay:.1s;animation-fill-mode:both}.colophon{animation-delay:.15s;animation-fill-mode:both}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.edit-wrap,.preview{padding-left:40px;padding-right:40px}.dochead{padding:32px 40px 18px}}@media(max-width:768px){.app{grid-template-columns:1fr}.menu-btn{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:50;transform:translate(-100%);transition:transform .3s cubic-bezier(.32,.72,0,1);box-shadow:4px 0 24px #0006}.app--sidebar-open .sidebar{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:40;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.app--sidebar-open .sidebar-backdrop{opacity:1;visibility:visible}.topbar{padding:12px 16px}.dochead{padding:24px 20px 16px}.doc-title{font-size:26px;line-height:1.15}.doc-meta{gap:6px}.meta-chip{font-size:11px;padding:3px 8px}.edit-wrap{padding:12px 20px 24px}.preview{padding:16px 20px 24px}.editor,.preview{max-width:none}.crumbs-root,.crumbs-sep{display:none}.crumbs-current{font-size:11.5px}.colophon{grid-template-columns:1fr;gap:6px;padding:10px 16px;text-align:center}.col-l,.col-r{justify-self:center}.col-c{font-size:11.5px;flex-wrap:wrap;justify-content:center}.status-chip{padding:4px 8px;font-size:9.5px}.btn-mono{padding:5px 10px;font-size:10px}.aurora{filter:blur(30px);animation-duration:40s}.cursor-label{font-size:9px;padding:1px 6px}}@media(max-width:380px){.topbar{padding:10px 12px;gap:8px}.dochead{padding:20px 16px 14px}.doc-title{font-size:22px}.edit-wrap,.preview{padding:12px 16px 20px}.meta-chip:nth-child(n+5){display:none}.colophon{padding:10px 12px}}