:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f8fb;--panel:#101624e0;--panel-strong:#111827;--line:#a7b8da26;--muted:#a8b2c8;--blue:#74a6ff;--blue-strong:#3f78ec;--danger:#ff8e9d;--warning:#ffd27d;background:#070a11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#070a11;min-height:100%}body{background:radial-gradient(circle at 76% -10%,#1b2e57 0,#0000 38%),radial-gradient(circle at 5% 20%,#15243d 0,#0000 32%),#070a11;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{min-height:44px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #9ec0ff}.eyebrow{color:var(--blue);letter-spacing:.22em;margin:0;font-size:.72rem;font-weight:850}.muted{color:var(--muted);line-height:1.65}.login-shell{place-items:center;width:min(100% - 32px,520px);min-height:100vh;margin:0 auto;padding:48px 0;display:grid}.login-card{border:1px solid var(--line);background:linear-gradient(160deg,#151e32f5,#0a0e18f5);border-radius:28px;gap:22px;width:100%;padding:clamp(24px,6vw,42px);display:grid;box-shadow:0 28px 90px #0000006b}.login-card h1{letter-spacing:-.05em;margin:10px 0 6px;font-size:clamp(2.2rem,8vw,3.8rem);line-height:.95}.login-card label{color:#dce3f2;gap:9px;font-size:.9rem;font-weight:700;display:grid}.login-card input{border:1px solid var(--line);color:#fff;background:#090e19;border-radius:13px;width:100%;min-height:52px;padding:0 15px}.security-note{text-align:center;color:#7f8aa3;margin:0;font-size:.78rem}.form-error{color:var(--danger);background:#9f233d29;border:1px solid #ff6f8c40;border-radius:12px;padding:11px 13px}.primary-button,.ghost-button{cursor:pointer;border-radius:12px;padding:0 17px;transition:transform .12s,background .12s,opacity .12s}.primary-button{color:#fff;background:linear-gradient(#5c91fb,#346fdc);border:1px solid #6e9fff;font-weight:800;box-shadow:0 10px 28px #3a74e542}.primary-button.compact{min-height:44px}.ghost-button{border:1px solid var(--line);color:#d7dfef;background:#ffffff09}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.55}.workspace-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#070a11d6;justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:12px clamp(16px,3vw,40px);display:flex;position:sticky;top:0}.topbar strong{margin-top:4px;font-size:1.08rem;display:block}.header-actions{gap:9px;display:flex}.workspace-grid{grid-template-columns:minmax(280px,380px) minmax(0,1fr);min-height:calc(100vh - 74px);display:grid}.timeline{border-right:1px solid var(--line);background:#080c15b8;padding:24px 18px 72px;overflow:auto}.timeline section+section{margin-top:28px}.timeline h2{color:#8592aa;text-transform:uppercase;letter-spacing:.095em;margin:0 8px 9px;font-size:.76rem}.note-row{text-align:left;color:#e9eef9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;gap:7px;width:100%;min-height:72px;padding:12px 13px;display:grid}.note-row:hover{background:#ffffff09}.note-row.active{background:linear-gradient(135deg,#4576d533,#294c8c14);border-color:#74a6ff4d}.note-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-row small,.versions-panel small{color:#7f8ba3}.empty-state{color:var(--muted);padding:16px 8px;line-height:1.7}.editor-panel{width:min(100%,1040px);margin:0 auto;padding:clamp(22px,5vw,64px)}.editor-meta,.editor-footer,.section-title{color:#8e9ab1;justify-content:space-between;align-items:center;gap:16px;font-size:.82rem;display:flex}.note-editor{resize:vertical;border:0;border-bottom:1px solid var(--line);color:#f5f7fb;background:0 0;width:100%;min-height:min(58vh,660px);padding:28px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(1rem,2vw,1.15rem);line-height:1.85}.note-editor::placeholder{color:#536078}.editor-footer{padding-top:12px}.save-state{align-items:center;gap:7px;display:inline-flex}.save-state:before{content:"";background:#6f7c93;border-radius:50%;width:7px;height:7px}.save-state.saving:before{background:var(--warning);box-shadow:0 0 12px #ffd27db3}.save-state.saved:before{background:#79d9ad}.save-state.conflict:before,.save-state.error:before{background:var(--danger)}.warning-card{color:#ffe3ad;background:#8357102e;border:1px solid #ffc96638;border-radius:13px;margin-top:18px;padding:13px 15px}.empty-editor{place-content:center;justify-items:start;max-width:620px;min-height:65vh;display:grid}.empty-editor h1{letter-spacing:-.06em;margin:14px 0;font-size:clamp(2.5rem,7vw,5.4rem);line-height:.93}.empty-editor p:not(.eyebrow){color:var(--muted);margin:0 0 25px;line-height:1.7}.versions-panel{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.versions-panel h2{margin:0}.versions-panel article{border:1px solid var(--line);background:#ffffff06;border-radius:14px;margin-top:12px;padding:15px}.versions-panel article>div{justify-content:space-between;gap:15px;display:flex}.versions-panel article p{color:#bcc6d9;white-space:pre-wrap;line-height:1.55}@media (max-width:720px){.topbar{min-height:68px}.topbar .ghost-button{padding-inline:12px}.workspace-grid{display:block}.timeline{border-right:0;border-bottom:1px solid var(--line);max-height:32vh;padding:18px 12px}.timeline section{min-width:0}.note-row{min-height:62px}.editor-panel{padding:24px 18px 70px}.note-editor{min-height:46vh;line-height:1.7}.header-actions{gap:6px}.primary-button.compact{padding-inline:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}