:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fbf7ec;--surface:#f5ecd1;--surface-hover:#faf4e2;--inset:#efe7d1;--ink:#1f1b14;--ink-soft:#55503f;--rule:#c9bfa3;--rule-soft:#d9d0b8;--accent:#b4322b;--accent-hover:#75201a;--accent-button:#b4322b;--accent-button-hover:#75201a;--on-accent:#faf4e2;--blue:#3e5f7a;--green:#4a7a4a;font-synthesis:none;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1b1308;--surface:#261e12;--surface-hover:#352a1a;--inset:#15100a;--ink:#ddd2b6;--ink-soft:#b3a892;--rule:#6b6253;--rule-soft:#554c3f;--accent:#e8534a;--accent-hover:#f0754f;--accent-button:#a62d27;--accent-button-hover:#84211c;--on-accent:#faf4e2;--blue:#5486ac;--green:#75a878}*{box-sizing:border-box}html,body,#root{height:100%;min-height:0;margin:0;overflow:hidden}body{background:var(--paper);color:var(--ink)}button,input,textarea,select{color:inherit;font:inherit;letter-spacing:0}button,select{min-height:2.5rem}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--accent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.skip-link{z-index:500;background:var(--ink);color:var(--paper);padding:.75rem 1rem;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.app-shell{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--rule);background:var(--surface);flex:0 0 3.5rem;align-items:center;gap:.75rem;height:3.5rem;padding:0 .75rem;display:flex}.brand{white-space:nowrap;background:0 0;border:0;align-items:center;gap:.55rem;font-weight:600;display:flex}.brand img{width:1.75rem;height:1.75rem}.brand b{color:var(--accent)}.brand small{border:1px solid var(--rule);color:var(--ink-soft);text-transform:uppercase;border-radius:3px;padding:.15rem .35rem;font-size:.65rem}.topnav{align-self:stretch;margin-left:1rem;display:flex}.nav-button{color:var(--ink-soft);background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:.4rem;padding:0 .65rem;font-size:.82rem;display:flex}.nav-button svg{width:1rem}.nav-button:hover{background:var(--surface-hover);color:var(--ink)}.nav-button.active{border-bottom-color:var(--accent);color:var(--ink)}.connection{color:var(--ink-soft);align-items:center;gap:.35rem;margin-left:auto;font-size:.75rem;display:flex}.connection svg{width:1rem}.connection.offline{color:var(--accent)}.icon-button{border:1px solid var(--rule);background:var(--paper);place-items:center;width:2.5rem;padding:0;display:inline-grid}.icon-button svg{width:1.1rem}.menu-button,.mobile-nav-heading{display:none}.docs-layout{grid-template-columns:15rem minmax(0, 1fr) .5rem minmax(17.5rem, min(var(--notes-width), 48vw));flex:1;min-height:0;display:grid;overflow:hidden}.docs-layout.notes-collapsed{grid-template-columns:15rem minmax(0,1fr) 0 3.25rem}.docs-layout.focus-mode{grid-template-columns:minmax(0,1fr)}.docs-layout.focus-mode .library-pane,.docs-layout.focus-mode .notes-resize-handle,.docs-layout.focus-mode .notes-pane{display:none}.library-pane,.notes-pane{background:var(--surface);min-width:0;min-height:0}.library-pane{border-right:1px solid var(--rule);flex-direction:column;display:flex;overflow:hidden}.library-header{background:var(--surface);flex:none;padding:1rem 1rem 0}.library-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:0 1rem 1rem;overflow-y:auto}.notes-pane{border-left:1px solid var(--rule);flex-direction:column;gap:.75rem;padding:1rem;display:flex;overflow:hidden}.notes-content{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex;overflow-y:auto}.notes-resize-handle{z-index:2;cursor:col-resize;touch-action:none;background:var(--surface);border-inline:1px solid #0000;min-width:.5rem;position:relative}.notes-resize-handle:after{content:"";background:var(--rule-soft);position:absolute;inset:.75rem 2px}.notes-resize-handle:hover,.notes-resize-handle:focus-visible{background:var(--surface-hover);border-color:var(--rule)}.notes-resize-handle:hover:after,.notes-resize-handle:focus-visible:after{background:var(--accent)}.notes-collapsed .notes-resize-handle{display:none}.pane-heading{justify-content:space-between;align-items:center;min-height:2rem;margin-bottom:.75rem;font-weight:700;display:flex}.library-close,.notes-close{display:none}.notes-heading{flex:none;gap:.4rem;margin-bottom:0}.notes-heading>span:first-child{margin-right:auto}.notes-collapse{flex:0 0 2rem;width:2rem;min-height:2rem}.notes-rail{width:100%;height:100%;min-height:0;color:var(--ink-soft);background:0 0;border:0;flex-direction:column;align-items:center;gap:.65rem;padding:.8rem .35rem;display:flex}.notes-rail>svg{flex:none;width:1.15rem}.notes-rail>span:nth-child(2){writing-mode:vertical-rl;font-size:.75rem;font-weight:700;transform:rotate(180deg)}.notes-rail .save-status{background:currentColor;border-radius:50%;width:.55rem;height:.55rem;margin-top:auto;font-size:0}.count,.save-status{color:var(--ink-soft);font-size:.72rem;font-weight:500}.status-unsaved,.status-failed{color:var(--accent)}.status-saving{color:var(--blue)}.status-saved{color:var(--green)}.library-search{border:1px solid var(--rule);background:var(--paper);align-items:center;gap:.45rem;margin-bottom:.8rem;padding:0 .55rem;display:flex}.library-search svg{width:1rem;color:var(--ink-soft);flex:none}.library-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:2.35rem}.library-item{text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.55rem;display:flex}.library-item:hover,.library-item.active{background:var(--surface-hover);border-color:var(--rule-soft)}.doc-mark{border:1px solid var(--rule);background:var(--paper);width:2rem;height:2rem;color:var(--accent);flex:0 0 2rem;place-items:center;font:600 .7rem ui-monospace,monospace;display:grid}.guide-group+.guide-group{margin-top:.15rem}.page-list{border-left:1px solid var(--rule);margin:.15rem 0 .6rem 2.75rem}.page-list button{width:100%;min-height:2rem;color:var(--ink-soft);text-align:left;background:0 0;border:0;padding:.35rem .55rem;font-size:.75rem}.page-list button:hover,.page-list button.active{background:var(--surface-hover);color:var(--ink)}.search-results button{border:0;border-bottom:1px solid var(--rule-soft);text-align:left;background:0 0;flex-direction:column;gap:.15rem;width:100%;min-height:3rem;padding:.5rem;display:flex}.search-results button:hover{background:var(--surface-hover)}.search-results button span,.result-count,.empty-copy{color:var(--ink-soft);font-size:.72rem}.library-note{color:var(--ink-soft);gap:.5rem;margin-top:1.5rem;font-size:.78rem;line-height:1.5;display:flex}.library-note svg{flex:none;width:1rem}.reader-pane{overflow-anchor:none;overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--paper);min-width:0;min-height:0;position:relative;overflow:hidden auto}.document-page{max-width:48rem;margin:0 auto;padding:clamp(2rem,6vw,5rem)}.reader-tools{justify-content:flex-end;align-items:center;gap:.5rem;min-height:2.5rem;margin-bottom:1rem;display:flex}.focus-reading-trigger{font-size:.75rem}.reader-scroll-top{z-index:5;border-radius:50%;margin:0 1rem 1rem 0;position:sticky;bottom:1rem;left:calc(100% - 3.5rem);box-shadow:0 4px 16px #00000038}.breadcrumb,.eyebrow{color:var(--accent);text-transform:uppercase;font-size:.72rem;font-weight:700}.document-page h1,.placeholder-view h1,.settings-view h1,.desktop-view h1,.intro-dialog h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:500;line-height:1.08}.lede{max-width:42rem;color:var(--ink-soft);font-size:1.1rem;line-height:1.7}.guide-section{margin-top:2.5rem}.guide-section h2{margin-bottom:.75rem;font-family:Georgia,serif;font-size:1.6rem;font-weight:600}.guide-section p,.guide-section li{line-height:1.7}.code-block{border:1px solid var(--rule);background:var(--inset);margin:1.25rem 0}.code-toolbar{border-bottom:1px solid var(--rule);min-height:2.35rem;color:var(--ink-soft);text-transform:uppercase;justify-content:space-between;align-items:center;padding-left:.75rem;font:.7rem ui-monospace,monospace;display:flex}.code-toolbar button{border:0;border-left:1px solid var(--rule);background:var(--surface);text-transform:none;align-items:center;gap:.35rem;padding:0 .65rem;font-size:.72rem;display:flex}.code-toolbar svg{width:.9rem}.code-block pre{border:0;margin:0}.source-note{border:1px solid var(--rule);background:var(--surface);color:var(--ink-soft);margin-top:3rem;padding:1rem;font-size:.85rem;line-height:1.5}.source-note strong{color:var(--ink)}.page-navigation{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;padding-top:1rem;display:grid}.page-navigation button{border:1px solid var(--rule);background:var(--surface);text-align:left;align-items:center;gap:.5rem;min-width:0;padding:.75rem;display:flex}.page-navigation button:last-child{text-align:right;justify-content:flex-end}.page-navigation svg{flex:none;width:1rem}.page-navigation span{min-width:0}.page-navigation small{color:var(--ink-soft);margin-bottom:.2rem;display:block}.secondary-button{border:1px solid var(--rule);background:var(--surface);align-items:center;gap:.4rem;padding:.45rem .7rem;display:inline-flex}.secondary-button svg{width:1rem}.mobile-reader-actions,.mobile-library-trigger,.mobile-notes-trigger{display:none}.callout{border-left:3px solid var(--accent);background:var(--surface);color:var(--ink-soft);flex-direction:column;gap:.35rem;margin:1.5rem 0;padding:1rem;display:flex}.callout strong{color:var(--ink)}pre{border:1px solid var(--rule);background:var(--inset);padding:1.1rem;line-height:1.55;overflow:auto}.note-context{color:var(--ink-soft);flex-direction:column;gap:.3rem;font-size:.8rem;display:flex}.note-context strong{color:var(--ink)}.notes-actions{flex-wrap:wrap;gap:.35rem;display:flex}.notes-actions button{border:1px solid var(--rule);background:var(--paper);align-items:center;gap:.3rem;min-height:2.15rem;padding:.35rem .5rem;font-size:.7rem;display:inline-flex}.notes-actions svg{width:.9rem;height:.9rem}.notes-actions .danger-action{color:var(--accent);margin-left:auto}.export-menu{position:relative}.export-menu summary{border:1px solid var(--rule);background:var(--paper);cursor:pointer;align-items:center;gap:.3rem;min-height:2.15rem;padding:.35rem .5rem;font-size:.7rem;list-style:none;display:inline-flex}.export-menu summary::-webkit-details-marker{display:none}.export-menu summary svg{width:.9rem}.export-menu>div{z-index:30;border:1px solid var(--rule);background:var(--paper);min-width:10rem;padding:.25rem;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 8px 24px #0000002e}.export-menu>div button{text-align:left;background:0 0;border:0;width:100%}.export-menu>div button:hover{background:var(--surface-hover)}.notes-pane textarea{resize:none;border:1px solid var(--rule);background:var(--paper);flex:1;width:100%;min-height:12rem;padding:.75rem;line-height:1.55}.notes-local-copy{color:var(--ink-soft);margin:0;font-size:.7rem;line-height:1.4}.primary-button{border:1px solid var(--accent-button);background:var(--accent-button);min-height:2.6rem;color:var(--on-accent);border-radius:3px;padding:.65rem 1rem;font-weight:650}.primary-button:hover:not(:disabled){background:var(--accent-button-hover)}.link-button{align-items:center;text-decoration:none;display:inline-flex}.placeholder-view,.settings-view,.desktop-view{overscroll-behavior:contain;flex:1;width:min(48rem,100% - 2rem);min-height:0;margin:auto;padding:4rem 1rem;overflow-y:auto}.settings-view label{margin-bottom:.45rem;font-weight:650;display:block}.settings-view select{border:1px solid var(--rule);background:var(--surface);min-width:15rem;padding:0 .6rem}.settings-section{border:1px solid var(--rule);background:var(--surface);grid-template-columns:1fr auto;align-items:center;gap:2rem;margin-top:1rem;padding:1.25rem;display:grid}.settings-section>div{grid-template-columns:auto 1fr;gap:.2rem .65rem;display:grid}.settings-section>div>svg{width:1.2rem;color:var(--accent);grid-row:1/3}.settings-section h2{margin:0;font-family:Georgia,serif;font-size:1.3rem}.settings-section p{color:var(--ink-soft);grid-column:2;margin:.2rem 0;line-height:1.5}.settings-section label{align-items:center;gap:.65rem;margin:0;display:flex}.settings-section button{align-items:center;gap:.4rem;display:inline-flex}.settings-section button svg{width:1rem}.settings-section.privacy-copy{display:block}.settings-section.privacy-copy p{margin:.75rem 0 0 1.85rem}.desktop-view p:not(.eyebrow){max-width:42rem;color:var(--ink-soft);font-size:1.05rem;line-height:1.65}.desktop-features{border:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:0;max-width:48rem;padding:0;list-style:none;display:grid}.desktop-features li{background:var(--surface);flex-direction:column;gap:.35rem;padding:1rem;display:flex}.desktop-features li:nth-child(odd){border-right:1px solid var(--rule)}.desktop-features li:nth-child(n+3){border-top:1px solid var(--rule)}.desktop-features span{color:var(--ink-soft);font-size:.85rem;line-height:1.45}.bottom-nav{display:none}.all-notes-view{flex-direction:column;flex:1;min-height:0;padding:1.5rem;display:flex;overflow:auto}.view-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.25rem;display:flex}.view-heading h1{margin:.2rem 0 0;font-family:Georgia,serif;font-size:2.4rem;font-weight:500}.notes-search{border:1px solid var(--rule);background:var(--surface);align-items:center;gap:.5rem;width:min(30rem,50%);padding:0 .75rem;display:flex}.notes-search svg{width:1rem;color:var(--ink-soft)}.notes-search input{background:0 0;border:0;outline:0;width:100%;height:2.6rem}.all-notes-layout{border:1px solid var(--rule);flex:1;grid-template-columns:minmax(15rem,22rem) minmax(24rem,1fr);min-height:30rem;display:grid}.notes-list{border-right:1px solid var(--rule);background:var(--surface);min-width:0;overflow:auto}.notes-list .pane-heading{padding:.75rem 1rem 0}.notes-list .pane-heading span:last-child{color:var(--ink-soft);font-size:.7rem;font-weight:500}.note-list-item{border:0;border-top:1px solid var(--rule-soft);text-align:left;background:0 0;flex-direction:column;gap:.25rem;width:100%;padding:.85rem 1rem;display:flex}.note-list-item:hover,.note-list-item.active{background:var(--surface-hover)}.note-list-item.active{box-shadow:inset 3px 0 var(--accent)}.note-list-item span,.note-list-item time{color:var(--ink-soft);font-size:.72rem}.note-list-item p{color:var(--ink-soft);margin:.2rem 0;font-size:.8rem;line-height:1.4;overflow:hidden}.notes-list>.empty-copy{padding:1rem}.note-detail{background:var(--paper);flex-direction:column;gap:1rem;min-width:0;padding:1.25rem;display:flex}.note-detail-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.note-detail-heading h2{margin:.2rem 0;font-family:Georgia,serif;font-size:1.7rem}.note-detail textarea{resize:none;border:1px solid var(--rule);background:var(--surface);flex:1;width:100%;min-height:20rem;padding:1rem;line-height:1.6}.note-detail-actions{align-items:center;gap:.75rem;display:flex}.note-detail-actions>span{color:var(--ink-soft);margin-left:auto;font-size:.8rem}.danger-action{color:var(--accent)}.empty-detail{color:var(--ink-soft);text-align:center;margin:auto}.loading-view{color:var(--ink-soft);margin:auto}.playground-view{flex-direction:column;flex:1;min-height:0;padding:1.25rem;display:flex;overflow:auto}.playground-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.playground-heading h1{margin:.15rem 0;font-family:Georgia,serif;font-size:2.25rem;font-weight:500}.playground-controls{align-items:center;gap:.5rem;display:flex}.playground-controls button{align-items:center;gap:.4rem;display:inline-flex}.playground-controls svg{width:1rem}.auto-run{border:1px solid var(--rule);background:var(--surface);align-items:center;gap:.4rem;min-height:2.6rem;padding:0 .65rem;font-size:.82rem;display:inline-flex}.security-warning{color:var(--ink-soft);margin:.6rem 0 1rem;font-size:.78rem}.playground-layout{border:1px solid var(--rule);flex:1;grid-template-columns:minmax(24rem,1fr) minmax(24rem,1fr);min-height:34rem;display:grid}.editor-workspace,.output-workspace{flex-direction:column;min-width:0;min-height:0;display:flex}.editor-workspace{border-right:1px solid var(--rule)}.workspace-tabs{border-bottom:1px solid var(--rule);background:var(--surface);flex:0 0 2.65rem;align-items:stretch;display:flex}.workspace-tabs button{border:0;border-right:1px solid var(--rule);min-height:2.65rem;color:var(--ink-soft);background:0 0;border-bottom:3px solid #0000;padding:0 .85rem}.workspace-tabs button.active{border-bottom-color:var(--accent);color:var(--ink)}.workspace-tabs button span{color:var(--ink-soft);margin-left:.25rem;font-size:.7rem}.workspace-tabs .clear-console{border-right:0;border-left:1px solid var(--rule);align-items:center;gap:.35rem;margin-left:auto;font-size:.72rem;display:flex}.workspace-tabs svg{width:.9rem}.editor-panel,.output-panel{flex:1;min-height:0;display:none}.editor-panel.active,.output-panel.active{display:block}.code-editor,.code-editor .cm-editor{height:100%}.code-editor .cm-editor{font:.86rem/1.55 SFMono-Regular,Consolas,Liberation Mono,monospace}.code-editor .cm-scroller{overflow:auto}.output-panel{color:#202020;background:#fff}.output-panel iframe{background:#fff;border:0;width:100%;height:100%;min-height:30rem;display:block}.preview-empty{color:#666;place-content:center;justify-items:center;gap:.5rem;height:100%;min-height:30rem;display:grid}.preview-empty svg{width:2rem}.console-output{background:var(--inset);height:100%;min-height:30rem;color:var(--ink);padding:.5rem;font:.75rem/1.5 ui-monospace,monospace;overflow:auto}.console-output>p{color:var(--ink-soft);padding:.5rem}.console-entry{border-bottom:1px solid var(--rule-soft);overflow-wrap:anywhere;grid-template-columns:5.5rem 3.5rem 1fr auto;gap:.5rem;padding:.35rem .5rem;display:grid}.console-entry time,.console-entry small{color:var(--ink-soft)}.console-entry.info strong{color:var(--blue)}.console-entry.warn strong{color:#9b6511}.console-entry.error strong{color:var(--accent)}.storage-view{overscroll-behavior:contain;flex:1;width:min(76rem,100% - 2rem);min-height:0;margin:0 auto;padding:2rem 0 5rem;overflow-y:auto}.storage-badge{border:1px solid var(--rule);background:var(--surface);color:var(--ink-soft);align-items:center;gap:.4rem;padding:.45rem .65rem;font-size:.78rem;display:inline-flex}.storage-badge.persistent{color:var(--green)}.storage-badge svg{width:1rem}.storage-metrics{border:1px solid var(--rule);grid-template-columns:repeat(4,1fr);display:grid}.storage-metrics article{background:var(--surface);grid-template-columns:auto 1fr;gap:.2rem .6rem;min-width:0;padding:1rem;display:grid}.storage-metrics article+article{border-left:1px solid var(--rule)}.storage-metrics svg{width:1.2rem;color:var(--accent);grid-row:1/4}.storage-metrics span,.storage-metrics small{color:var(--ink-soft);font-size:.72rem}.storage-metrics strong{font-size:1.25rem}.storage-sections{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.storage-sections>section{border:1px solid var(--rule);background:var(--surface);padding:1.25rem}.storage-sections h2{margin-top:0;font-family:Georgia,serif}.storage-sections p{color:var(--ink-soft);line-height:1.55}.storage-actions{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.storage-actions button,.storage-sections>section>button{align-items:center;gap:.4rem;display:inline-flex}.storage-actions svg,.storage-sections>section>button svg{width:1rem}.bundled-docs{border:1px solid var(--rule-soft);grid-template-columns:1fr 1fr;display:grid}.bundled-docs span{border-bottom:1px solid var(--rule-soft);align-items:center;gap:.5rem;padding:.55rem;font-size:.8rem;display:flex}.bundled-docs span:nth-child(odd){border-right:1px solid var(--rule-soft)}.bundled-docs small{color:var(--ink-soft);margin-left:auto}.storage-sections .danger-zone{border-color:var(--accent);grid-column:1/-1}.import-review{border:1px solid var(--rule);background:var(--paper);margin-top:1rem;padding:1rem}.import-review h3{margin-top:0}.import-review dl{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.import-review dl div{flex-direction:column;display:flex}.import-review dt{color:var(--ink-soft);font-size:.7rem}.import-review dd{margin:0;font-weight:700}.import-review label{margin:.75rem 0;display:block}.storage-message{min-height:1.5rem;color:var(--ink-soft)}.dialog-backdrop{z-index:400;background:#120c05b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.intro-dialog{border:1px solid var(--rule);background:var(--paper);border-radius:6px;width:min(31rem,100%);padding:2rem;box-shadow:0 20px 60px #00000059}.intro-dialog>img{width:3rem}.intro-dialog h1{margin:.45rem 0 1rem;font-size:2.2rem}.intro-dialog p,.intro-dialog li{color:var(--ink-soft);line-height:1.55}.intro-dialog ul{padding-left:1.25rem}.intro-dialog .primary-button{width:100%;margin-top:.5rem}.text-button{width:100%;color:var(--accent);background:0 0;border:0}.pwa-notice{z-index:350;border:1px solid var(--rule);background:var(--paper);align-items:center;gap:.6rem;max-width:min(32rem,100% - 2rem);padding:.65rem;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 8px 30px #00000038}.pwa-notice>svg{width:1.1rem;color:var(--green)}.pwa-notice>button:not(.icon-button){border:1px solid var(--accent-button);background:var(--accent-button);color:var(--on-accent);padding:.45rem .65rem}@media (width<=1050px){.topnav{margin-left:0}.nav-button{padding-inline:.45rem}.nav-button span{display:none}.docs-layout{grid-template-columns:13rem minmax(0, 1fr) .5rem minmax(17.5rem, min(var(--notes-width), 48vw))}.docs-layout.notes-collapsed{grid-template-columns:13rem minmax(0,1fr) 0 3.25rem}.docs-layout.focus-mode{grid-template-columns:minmax(0,1fr)}}@media (width<=820px){.app-shell{padding-bottom:4rem}.topbar{z-index:100;position:sticky;top:0}.menu-button{display:inline-grid}.topnav{z-index:300;background:var(--paper);border-right:1px solid var(--rule);flex-direction:column;align-items:stretch;width:min(20rem,88vw);margin:0;padding:1rem;transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.topnav.open{transform:translate(0);box-shadow:12px 0 40px #00000047}.mobile-nav-heading{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.nav-button{border:0;border-left:3px solid #0000;min-height:3rem;padding:0 .8rem;font-size:.95rem}.nav-button span{display:inline}.nav-button.active{border-left-color:var(--accent);border-bottom-color:#0000}.connection span{display:none}.docs-layout,.docs-layout.notes-collapsed,.docs-layout.focus-mode{display:block;overflow:hidden}.docs-layout.focus-mode .reader-pane{display:block}.library-pane,.notes-pane,.notes-resize-handle{display:none}.reader-pane{height:100%}.library-pane.mobile-open{z-index:120;border:0;display:flex;position:fixed;inset:3.5rem 0 4rem;overflow:hidden}.library-pane.mobile-open .library-close{display:inline-grid}.notes-pane.mobile-open{z-index:120;border:0;display:flex;position:fixed;inset:3.5rem 0 4rem;overflow:auto}.notes-pane.mobile-open .notes-content{overflow:auto}.notes-pane.mobile-open .notes-close{margin-left:auto;display:inline-grid}.notes-pane.mobile-open .notes-collapse{display:none}.notes-pane.mobile-open .save-status{margin-left:.5rem}.library-pane.mobile-open .count{display:none}.mobile-reader-actions{gap:.5rem;display:flex}.mobile-library-trigger,.mobile-notes-trigger{display:inline-flex}.reader-tools{justify-content:flex-start}.focus-reading-trigger{display:none}.document-page{padding:2rem 1.25rem 4rem}.all-notes-view{padding:1rem}.view-heading{flex-direction:column;align-items:stretch;gap:1rem}.notes-search{width:100%}.all-notes-layout{border:0;min-height:0;display:block}.notes-list{border:1px solid var(--rule);max-height:17rem}.note-detail{border:1px solid var(--rule);border-top:0;min-height:28rem}.note-detail-heading{flex-direction:column}.settings-section{display:block}.settings-section>label,.settings-section>button{margin-top:1rem}.settings-section label{flex-direction:column;align-items:stretch}.settings-section select{width:100%}.desktop-features{display:block}.desktop-features li{border:0!important;border-top:1px solid var(--rule)!important}.desktop-features li:first-child{border-top:0!important}.playground-view{padding:1rem}.playground-heading{flex-direction:column;align-items:stretch}.playground-controls{flex-wrap:wrap}.playground-layout{border:0;min-height:0;display:block}.editor-workspace,.output-workspace{border:1px solid var(--rule);height:28rem}.output-workspace{margin-top:1rem}.workspace-tabs{overflow-x:auto}.workspace-tabs button{flex:none}.workspace-tabs .clear-console{margin-left:0}.output-panel iframe,.preview-empty,.console-output{min-height:25rem}.storage-view{width:calc(100% - 2rem);padding-top:1rem}.storage-metrics{grid-template-columns:1fr 1fr}.storage-metrics article+article{border-left:0}.storage-metrics article:nth-child(2n){border-left:1px solid var(--rule)}.storage-metrics article:nth-child(n+3){border-top:1px solid var(--rule)}.storage-sections{display:block}.storage-sections>section+section{margin-top:1rem}.import-review dl{grid-template-columns:repeat(2,1fr)}.pwa-notice{max-width:none;bottom:4.5rem;left:.5rem;right:.5rem}.bottom-nav{z-index:150;border-top:1px solid var(--rule);background:var(--surface);grid-template-columns:repeat(5,1fr);height:4rem;display:grid;position:fixed;inset:auto 0 0}.bottom-nav button{min-width:0;color:var(--ink-soft);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:.62rem;display:flex}.bottom-nav button.active{color:var(--accent)}.bottom-nav svg{width:1.1rem}}@media print{.topbar,.bottom-nav,.library-pane,.notes-pane{display:none!important}.docs-layout{display:block}body,.reader-pane{color:#000;background:#fff}.document-page{max-width:none;padding:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}