:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f5f0e6;--paper-raised:#fffdf8;--paper-soft:#eee7da;--ink:#35312b;--muted:#7e766a;--charcoal:#292b29;--charcoal-raised:#383a37;--nav-ink:#eee9df;--amber:#b7791f;--amber-soft:#f2dfbd;--line:#e2dacd;--shadow:0 18px 50px #4b3e2b1a;--radius-sm:10px;--radius:16px;--motion:.18s;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}@media (prefers-reduced-motion:reduce){:root{--motion:0s}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box}html,body{margin:0}#root{min-height:100vh}body{background:var(--paper);color:var(--ink)}body:has(.workspace){overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.setup-page{background:var(--paper);grid-template-columns:minmax(0,1.15fr) minmax(24rem,.85fr);min-height:100vh;display:grid}.setup-intro{background:var(--charcoal);color:var(--nav-ink);flex-direction:column;justify-content:center;padding:clamp(3rem,8vw,9rem);display:flex}.setup-brand{color:var(--amber);align-items:center;gap:.65rem;font-family:Georgia,serif;font-size:1.25rem;display:flex}.setup-intro h1{max-width:10ch;margin-top:4rem;font-size:clamp(3rem,6vw,6rem);line-height:1.06}.setup-intro p{color:#eee9dfad;max-width:33rem;margin-top:2rem;line-height:1.85}.setup-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);width:min(100% - 3rem,31rem);box-shadow:var(--shadow);align-self:center;margin:auto;padding:2.5rem}.setup-form h2{font-size:2rem}.setup-form>p{color:var(--muted);margin-bottom:2rem}.setup-form label{color:var(--muted);gap:.5rem;margin-top:1rem;font-size:.8rem;font-weight:600;display:grid}.setup-form input{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:8px;outline:none;padding:.82rem .9rem}.setup-form input:focus{border-color:var(--amber);box-shadow:0 0 0 3px #b7791f1f}.setup-form button{background:var(--amber);color:#fffdf8;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:3rem;margin-top:1.6rem;font-weight:700;display:flex}.setup-form button:disabled{cursor:not-allowed;opacity:.45}.setup-form small{color:var(--muted);text-align:center;margin-top:1rem;display:block}.workspace{grid-template-columns:15rem 22rem minmax(0,1fr);min-height:100vh;display:grid;position:relative}.primary-nav{background:var(--charcoal);color:var(--nav-ink);flex-direction:column;padding:1.5rem 1rem;display:flex}.brand{color:inherit;align-items:center;gap:.7rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{border:1px solid #ffffff40;border-radius:50%;place-items:center;width:2rem;height:2rem;font-family:Georgia,serif;display:grid}.nav-items{gap:.35rem;margin-top:2.25rem;display:grid}.nav-item{border-radius:var(--radius-sm);color:#eee9dfb3;cursor:pointer;text-align:left;width:100%;transition:background var(--motion), color var(--motion);background:0 0;border:0;align-items:center;gap:.7rem;padding:.72rem .8rem;display:flex}.nav-item:hover,.nav-item.active{background:var(--charcoal-raised);color:var(--nav-ink)}.nav-footer{gap:.25rem;margin-top:auto;display:grid}.note-rail{border-right:1px solid var(--line);background:var(--paper-raised);min-width:0;overflow:hidden}.rail-header{justify-content:space-between;align-items:center;padding:2rem 1.5rem 1rem;display:flex}.note-count{color:var(--muted);font-size:.78rem}.search-field{border:1px solid var(--line);color:var(--muted);background:var(--paper);border-radius:8px;align-items:center;gap:.65rem;margin:0 1.5rem 1rem;padding:.72rem .8rem;display:flex}.search-field:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px #b7791f1f}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:.88rem}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.note-list{height:calc(100vh - 9rem);padding:.55rem 1rem 3rem;overflow-y:auto}.note-row{border:0;border-top:1px solid var(--line);cursor:pointer;text-align:left;width:100%;min-height:7.2rem;transition:background var(--motion), box-shadow var(--motion);background:0 0;padding:1.15rem;display:block}.note-row:first-child{border-top:0}.note-row:hover{background:var(--paper)}.note-row.selected{background:color-mix(in srgb, var(--amber-soft) 30%, var(--paper-raised));box-shadow:inset 3px 0 var(--amber);border-radius:9px;position:relative}.note-row-topline{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.note-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Noto Serif SC,Songti SC,serif;font-size:1rem;font-weight:600;overflow:hidden}.note-row time{color:var(--muted);flex:none;font-size:.72rem}.note-excerpt{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.65rem;font-size:.8rem;line-height:1.55;display:-webkit-box;overflow:hidden}.eyebrow{color:var(--amber);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .45rem;font-size:.72rem;font-weight:700}h1,h2{margin:0;font-family:Georgia,Noto Serif SC,Songti SC,serif;font-weight:600}h1{font-size:1.65rem}.empty-hint{color:var(--muted);margin-top:3rem;font-size:.9rem;line-height:1.6}.editor-pane{min-width:0;height:100vh;padding:0 3.5rem 4rem;overflow-y:auto}.empty-editor{color:var(--muted);text-align:center;place-items:center;display:grid}.empty-editor h2{color:var(--ink);font-size:clamp(2rem,4vw,3.7rem)}.editor-toolbar{z-index:3;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:1rem;min-width:0;min-height:5rem;display:flex;position:sticky;top:0}.saved-status{color:var(--muted);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.editor-leading{align-items:center;gap:.25rem;display:flex}.mobile-back{display:none}.sync-error{color:#a85f32}.status-spinner{animation:1s linear infinite status-spin}@keyframes status-spin{to{transform:rotate(360deg)}}.editor-actions{flex:0 auto;align-items:center;gap:.35rem;min-width:0;display:flex}.mode-switch{border:1px solid var(--line);background:var(--paper-raised);border-radius:8px;padding:.18rem;display:flex}.mode-switch button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:.43rem 1rem;font-size:.78rem}.mode-switch button.active{color:var(--ink);box-shadow:inset 0 -2px var(--amber)}.icon-button{min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.icon-button:hover{color:var(--ink)}.danger-action:hover{color:#a84c3d}.global-sync{z-index:5;pointer-events:none;position:fixed;top:.75rem;right:2rem}.document-canvas{width:min(100%,58rem);margin:0 auto;padding-top:3.5rem}.document-canvas textarea{resize:none;width:100%;min-height:calc(100vh - 12rem);color:var(--ink);background:0 0;border:0;outline:0;font:1.08rem/1.9 Georgia,Noto Serif SC,Songti SC,serif}.markdown{color:var(--ink);font:1.08rem/1.9 Georgia,Noto Serif SC,Songti SC,serif}.markdown h1,.markdown h2,.markdown h3{margin:1.7em 0 .65em;line-height:1.25}.markdown h1:first-child,.markdown h2:first-child{margin-top:0;font-size:clamp(2.4rem,5vw,4.2rem)}.markdown code{background:var(--paper-soft);border-radius:4px;padding:.12em .35em;font-family:ui-monospace,monospace}.markdown blockquote{border-left:3px solid var(--amber);color:var(--muted);margin-left:0;padding-left:1rem}.welcome-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);max-width:36rem;box-shadow:var(--shadow);padding:3rem}.welcome-card h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.08}.welcome-card>p:last-child{color:var(--muted);line-height:1.75}.new-note{background:var(--amber);color:#fffdf8;cursor:pointer;border:0;border-radius:50%;place-items:center;width:3.25rem;height:3.25rem;display:grid;position:fixed;bottom:2rem;right:2rem;box-shadow:0 12px 28px #b7791f4d}.dialog-backdrop{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1a171285;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);width:min(100%,28rem);box-shadow:var(--shadow);padding:1.75rem}.dialog h2{font-size:1.55rem}.dialog p{color:var(--muted);line-height:1.65}.create-dialog{width:min(100%,42rem)}.create-dialog textarea{resize:vertical;border:1px solid var(--line);background:var(--paper);width:100%;min-height:14rem;color:var(--ink);border-radius:10px;outline:none;margin-top:1.25rem;padding:1rem;font:1rem/1.75 Georgia,Noto Serif SC,serif}.create-dialog textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px #b7791f1f}.dialog-actions{justify-content:flex-end;gap:.65rem;margin-top:1.25rem;display:flex}.dialog-actions button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;min-height:42px;padding:.6rem 1rem}.dialog-actions .primary-button{border-color:var(--amber);background:var(--amber);color:#fffdf8}.dialog-actions .danger-button{color:#fff;background:#a84c3d;border-color:#a84c3d}.dialog-actions button:disabled{cursor:not-allowed;opacity:.45}@media (width<=64rem){.workspace{grid-template-columns:5rem 19rem minmax(0,1fr)}.brand span:last-child,.nav-item span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.nav-item{justify-content:center}}@media (width<=48rem){.workspace{display:block}.primary-nav{z-index:10;flex-direction:row;align-items:center;min-height:4rem;padding:.5rem 1rem;position:fixed;inset:auto 0 0}.brand,.nav-footer,.nav-item:nth-child(n+4){display:none}.nav-items{justify-content:space-around;width:100%;margin:0;display:flex}.nav-item{width:auto;min-width:44px;min-height:44px}.note-rail{border-right:0;min-height:100vh;padding-bottom:6rem}.editor-pane,.mobile-view-editor .note-rail{display:none}.mobile-view-editor .editor-pane{padding:0 1.25rem 6rem;display:block}.mobile-view-editor .primary-nav,.mobile-view-editor .new-note,.mobile-view-editor .global-sync{display:none}.mobile-back{display:grid}.mobile-view-editor .saved-status{display:none}.mobile-view-editor .editor-actions{flex:none;gap:.1rem}.editor-toolbar{min-height:4.25rem}.editor-actions .icon-button:nth-of-type(n+3){display:none}.mode-switch button{padding-inline:.7rem}.document-canvas{padding-top:2rem}.new-note{bottom:5rem;right:1.25rem}.setup-page{padding:1.25rem;display:block}.setup-intro{min-height:38vh;margin:-1.25rem -1.25rem 0;padding:2.5rem 1.5rem}.setup-intro h1{margin-top:2rem;font-size:2.7rem}.setup-form{margin-top:-1.5rem;padding:1.5rem;position:relative}}