:root{color-scheme:light;--paper:#f8f5f2;--sidebar:#385144;--surface:#ece9e5;--ink:#171717;--muted:#687268;--line:#d8d8cf;--accent:#385144;--tint:#e4e9e1;--danger:#a33e38;--prose-size:20px;--measure:68ch;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}
:root[data-theme=dark]{color-scheme:dark;--paper:#222222;--sidebar:#171717;--surface:#171717;--ink:#f8f5f2;--muted:#b0b7ae;--line:#3b3b3b;--accent:#a5c3ad;--tint:#303630;--danger:#ffa498}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper:#222222;--sidebar:#171717;--surface:#171717;--ink:#f8f5f2;--muted:#b0b7ae;--line:#3b3b3b;--accent:#a5c3ad;--tint:#303630;--danger:#ffa498}}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input,select{border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:11px 12px;min-height:44px;width:100%;font-size:16px}input[type=range]{padding:0;accent-color:var(--accent)}button{min-height:44px;border:0;background:none;border-radius:8px;padding:8px 12px}button:hover{background:var(--tint)}a{color:var(--accent);text-underline-offset:3px}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:var(--muted)}.quiet{font-weight:600}.text-button{color:var(--accent);font-size:12px;padding:6px 8px}.primary{background:var(--accent);color:var(--paper);font-weight:600;width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 17px}.primary:hover{filter:brightness(.93);background:var(--accent)}.error{color:var(--danger);font-size:14px}.brand-symbol{object-fit:contain;opacity:.82}:root[data-theme=dark] .brand-symbol{filter:invert(1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-symbol{filter:invert(1)}}
.login{min-height:100dvh;display:grid;place-items:center;padding:32px;background:var(--sidebar)}.login-card{width:100%;max-width:365px}.login .large{margin-left:-8px}.login h1{font:normal 46px/1.15 Georgia,serif;letter-spacing:-1.5px;margin:18px 0}.login form{margin:36px 0 0}.login label{font-size:12px;font-weight:600;display:block;margin-bottom:8px}.login input{margin-bottom:14px}.login-footnote{font-size:11px;color:var(--muted);margin-top:40px}
.app{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:100dvh}.library{background:var(--sidebar);border-right:1px solid var(--line);height:100dvh;position:sticky;top:0;display:flex;flex-direction:column}.brand{display:flex;gap:8px;padding:22px 22px 15px;align-items:center;font:24px/1 Georgia,serif}.brand .ink{font-style:italic}.brand small{display:block;font:8px/2.4 -apple-system,sans-serif;letter-spacing:.2em;color:var(--muted)}.brand button{margin-left:auto;font:17px Georgia,serif}.vault-controls{padding:5px 22px 15px;border-bottom:1px solid var(--line)}.vault-controls label{display:block;margin-bottom:6px}.vault-controls select{font-weight:600;background:transparent}.sync-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.badge{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:3px 8px}.sync-row button{min-height:34px}#sync-status{margin:0;min-height:18px}.browse-content{padding:20px 16px;overflow:auto;flex:1}.search-box{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding-left:12px}.search-box span{font-size:25px;color:var(--muted)}.search-box input{border:0;background:none;min-width:0}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;margin:12px 0}.breadcrumbs button{font-size:12px;color:var(--muted);min-height:36px;padding:5px 8px}.list-label{display:flex;justify-content:space-between;align-items:center;margin:18px 8px 8px}.list-label h2{margin:0}#recents-section{padding:0 0 14px;border-bottom:1px solid var(--line)}#recents-section h2{margin-left:8px}.file-row{display:flex;gap:12px;text-align:left;align-items:center;width:100%;padding:12px 10px;min-height:60px}.file-row.active{background:var(--tint)}.file-icon{color:var(--accent);font-size:20px;width:22px;text-align:center;flex-shrink:0}.file-info{min-width:0;flex:1}.file-name{font-size:14px;font-weight:500;overflow-wrap:anywhere;display:block}.file-detail{font-size:11px;color:var(--muted);display:block;margin-top:3px;overflow-wrap:anywhere}.row-arrow{color:var(--muted)}.empty-list{padding:25px 10px;color:var(--muted);font-size:14px}.library-footer{padding:10px 14px max(10px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;border-top:1px solid var(--line)}
.reading-pane{min-width:0;padding-bottom:env(safe-area-inset-bottom)}.reading-toolbar{height:72px;position:sticky;top:0;z-index:5;display:flex;gap:14px;align-items:center;padding:12px 30px;border-bottom:1px solid var(--line);background:var(--paper)}.reading-toolbar #back{display:none}.reading-toolbar #document-location{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reading-toolbar #reader-settings{font:19px Georgia,serif}.welcome{max-width:650px;margin:16vh auto;padding:30px;text-align:center}.welcome h1{font:normal 42px Georgia,serif;letter-spacing:-1px;margin:22px 0}.welcome #vault-about{white-space:pre-wrap;overflow-wrap:anywhere;max-width:45ch;margin:20px auto}.welcome .eyebrow{margin-top:20px}.document-tools{display:flex;gap:8px;align-items:center;max-width:900px;margin:20px auto;padding:0 32px}.document-find{display:flex;align-items:center;margin-left:auto;max-width:250px}.document-find input{border:none;background:none;font-size:12px;width:155px;min-width:0}.document-find span{white-space:nowrap}.contents{max-width:650px;margin:12px auto 30px;padding:14px 24px;background:var(--surface);border-radius:8px}.contents a{display:block;font-size:14px;padding:7px;text-decoration:none}.contents .subheading{padding-left:22px}.properties{max-width:var(--measure);margin:20px auto;color:var(--muted);padding:0 30px;font-size:12px}.properties pre{white-space:pre-wrap;overflow-wrap:anywhere}.prose{font:var(--prose-size)/1.8 Georgia,"Times New Roman",serif;max-width:var(--measure);margin:35px auto 70px;padding:0 32px;overflow-wrap:anywhere;outline:none}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{line-height:1.25;font-weight:normal;letter-spacing:-.025em;scroll-margin-top:95px}.prose h1{font-size:2.1em;margin:1em 0 .65em}.prose h2{font-size:1.55em;margin:1.7em 0 .75em}.prose h3{font-size:1.2em;margin:1.5em 0 .65em}.prose p{margin:1.2em 0;scroll-margin-top:100px}.prose.plain p{white-space:pre-wrap}.prose blockquote{margin:1.5em 0;border-left:3px solid var(--accent);padding:0 1.1em;color:var(--muted);font-style:italic}.prose img{max-width:100%;height:auto;border-radius:6px}.prose pre{background:var(--surface);padding:18px;overflow:auto;font:13px/1.7 ui-monospace,monospace;border-radius:8px}.prose code{font-size:.8em;background:var(--surface);padding:2px 4px}.prose pre code{padding:0}.prose table{display:block;max-width:100%;overflow:auto;font-size:.85em;border-collapse:collapse}.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 14px;text-align:left}.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}.prose mark{background:#ead598;color:#253634;border-radius:2px}.prose mark.current{background:#ddb65c}.document-footer{max-width:900px;padding:20px 32px;margin:auto;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.attachment{max-width:950px;margin:30px auto;padding:0 30px;text-align:center}.attachment img,.attachment video{max-width:100%;max-height:75vh}.attachment audio{width:100%;max-width:500px}.attachment iframe{border:1px solid var(--line);width:100%;height:75vh}.attachment h1{font:normal 28px Georgia,serif;overflow-wrap:anywhere}.notice{font-size:13px;background:var(--tint);padding:12px 30px}.connection{background:var(--ink);color:var(--paper);padding:10px 20px;text-align:center;font-size:13px;position:sticky;top:0;z-index:10}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;width:min(440px,calc(100% - 36px));padding:25px;box-shadow:0 15px 80px #0003}dialog::backdrop{background:#101e1977}dialog header{display:flex;gap:15px;align-items:center;margin-bottom:20px}dialog h2{font:normal 25px/1.3 Georgia,serif;margin:0;flex:1}dialog label{display:block;margin:20px 0 8px;font-size:13px}dialog output{float:right}dialog .small{margin-top:24px}
@media(min-width:1500px){.app{grid-template-columns:340px minmax(0,1fr)}}
@media(max-width:760px){.app{display:block}.library{width:100%;border:0;height:100dvh;padding-top:env(safe-area-inset-top)}.brand{padding-top:20px}.browse-content{padding:18px 22px}.reading-pane{display:none}.app.reading .library{display:none}.app.reading .reading-pane{display:block;min-height:100dvh}.reading-toolbar{height:auto;min-height:62px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;gap:6px}.reading-toolbar #back{display:block;white-space:nowrap}.reading-toolbar #document-location{font-size:11px}.document-tools{padding:0 18px;margin:14px auto}.document-find input{width:125px}.prose{padding:0 25px;margin-top:24px;line-height:1.75}.prose h1{font-size:1.85em}.contents{margin:12px 22px}.properties{padding:0 25px}.document-footer{padding:20px 25px}.attachment{padding:0 18px}.notice{padding:12px 22px}.file-row{padding:14px 10px;min-height:66px}.file-name{font-size:16px}.file-detail{font-size:12px}.welcome{margin:12vh auto}.login h1{font-size:43px}.library-footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}}

/* Keep find controls available while stepping through matches in a long document. */
.document-tools{position:sticky;top:72px;z-index:4;background:var(--paper);padding-top:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.prose [id]{scroll-margin-top:160px}
@media(max-width:760px){.document-tools{top:calc(62px + env(safe-area-inset-top))}.prose [id]{scroll-margin-top:calc(160px + env(safe-area-inset-top))}}

textarea{font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;width:100%;resize:vertical;min-height:170px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:12px}textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.capture-controls{display:flex;align-items:center;gap:6px;margin-top:14px}.capture-controls .primary{width:auto;flex:1;justify-content:center;font-size:13px}.capture-controls .text-button{flex:1}.vault-details{margin-top:10px;font-size:12px;color:var(--muted)}.vault-details p{white-space:pre-wrap;overflow-wrap:anywhere}.quick-note-dialog,.saved-notes-dialog{width:min(600px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto}.quick-note-dialog label{margin-top:14px}.quick-note-dialog header{margin-bottom:12px}.check-row{display:flex!important;align-items:center;gap:10px}.check-row input{width:20px;min-height:24px;flex-shrink:0;accent-color:var(--accent)}.note-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.note-actions .primary{width:auto;flex:1;justify-content:center}.note-card{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.note-card h3{font-size:16px;margin:0 0 8px;overflow-wrap:anywhere}.note-card p{margin:6px 0}.note-copy{font-size:13px;margin:12px 0}.note-copy pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 -apple-system,sans-serif}.note-card .note-actions{justify-content:flex-end}.document-tools{flex-wrap:wrap}.document-tools #reader-saved-notes{margin-left:auto}.document-find{margin-left:0}@media(max-width:760px){.document-tools #reader-saved-notes{display:none}.quick-note-dialog,.saved-notes-dialog{padding:20px}.note-actions #note-download{width:100%;text-align:left}.reading-toolbar #reader-quick-note{font-size:24px;font-weight:400}.capture-controls .primary{font-size:15px}}
.quick-note-dialog textarea{height:clamp(140px,25dvh,240px);min-height:140px}.quick-note-dialog p.small{margin:8px 0}.quick-note-dialog .note-actions{position:sticky;bottom:-1px;background:var(--paper);padding:8px 0}.quick-note-dialog #note-error:empty{display:none}@media(max-width:760px){.note-actions #note-download{width:auto;font-size:12px}.note-actions #note-keep{font-size:12px}.note-actions #note-save{font-size:13px;padding:10px}}

/* The vault sidebar keeps light controls on Moss Velvet or Carbon. */
.library{color-scheme:dark;--paper:var(--sidebar);--ink:#f8f5f2;--muted:#ced8cf;--line:#ffffff26;--accent:#c2d7c5;--tint:#ffffff14;--danger:#ffc1b8;color:var(--ink)}
.library .brand-symbol{filter:invert(1)}

input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}