@font-face{font-family:'Shelf Sans';src:url('./shelf-fonts/InstrumentSans.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Shelf Serif';src:url('./shelf-fonts/SourceSerif4.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{color-scheme:light;--desk:#f8f6f2;--paper:#fffefa;--inset:#efede7;--ink:#161719;--muted:#5c5b57;--rule:#d7d4cd;--link:#214ce0;--danger:#ae281e;--c0:#efe6d2;--c1:#fb6a37;--c2:#b9c9a2;--c3:#1550e0;--c4:#cfc7fb;--c5:#e89ab4;--c6:#e6fb45;--c7:#26272d;--stock:var(--c0);--stock-ink:#171819;--font:'Shelf Sans',system-ui,sans-serif;--display:'Shelf Serif',Georgia,serif;--motion:180ms;--ease:cubic-bezier(.2,.8,.2,1);scrollbar-color:var(--muted) var(--desk);scrollbar-width:auto}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--desk:#0b0b0e;--paper:#141418;--inset:#202026;--ink:#f3f1ed;--muted:#b3b0aa;--rule:#37363c;--link:#a5b6ff;--danger:#ffb4a4}}
:root[data-theme=dark]{color-scheme:dark;--desk:#0b0b0e;--paper:#141418;--inset:#202026;--ink:#f3f1ed;--muted:#b3b0aa;--rule:#37363c;--link:#a5b6ff;--danger:#ffb4a4}
[data-stock='0']{--stock:var(--c0)}[data-stock='1']{--stock:var(--c1)}[data-stock='2']{--stock:var(--c2)}[data-stock='3']{--stock:var(--c3);--stock-ink:#fffefa}[data-stock='4']{--stock:var(--c4)}[data-stock='5']{--stock:var(--c5)}[data-stock='6']{--stock:var(--c6)}[data-stock='7']{--stock:var(--c7);--stock-ink:#fffefa}
*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--desk);color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul{margin:0}ul{list-style:none;padding:0}button,input,select,textarea{font:inherit;color:inherit;max-width:100%}button,a{touch-action:manipulation}button:enabled,a,select{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:disabled{opacity:.45;cursor:default}button:active{opacity:.75}fieldset{padding:0;border:0;margin:0;min-width:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--link);outline-offset:4px}legend,label{font-size:13px;font-weight:600}em,i,address{font-style:normal}input,select,textarea{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--rule);background:var(--paper);border-radius:2px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input[type=checkbox],input[type=radio]{width:20px;min-height:20px;height:20px;accent-color:var(--link);flex:none}textarea,.resize-none{resize:none;overflow:hidden;min-height:100px}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}.field{display:grid;gap:5px;align-content:start}.field-error{color:var(--danger);font-size:13px;overflow-wrap:anywhere}.field-error:empty{display:none}.quiet{color:var(--muted);font-size:13px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--rule);border-radius:2px;padding:9px 13px;background:transparent;font-size:13px;font-weight:550;line-height:1.3;text-decoration:none;gap:6px;white-space:normal;text-align:center}.btn:hover:not(:disabled){background:var(--inset)}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.primary:hover{opacity:.9}.btn.danger{color:var(--danger)}.skip{position:fixed;top:10px;left:10px;z-index:50;padding:12px;background:var(--paper);transform:translateY(-160%)}.skip:focus{transform:none}
.app{max-width:1240px;margin:auto;padding:24px clamp(16px,3vw,40px) 52px;display:grid;gap:22px}.top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--rule);padding-bottom:18px}.wordmark{font:600 25px/1 var(--display);letter-spacing:-.04em;text-decoration:none}.header-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}#save-status{color:var(--muted);font-size:12px;min-width:100px}#save-status[data-state=error]{color:var(--danger)}.library-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;padding-top:10px}.library-heading h1{font:600 clamp(44px,5vw,66px)/1 var(--display);letter-spacing:-.035em;margin:10px 0}.create-actions{display:flex;gap:8px;flex-wrap:wrap}.view-nav{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--rule);gap:8px}.view-nav button{border:0;background:none;min-height:44px;padding:9px 16px;border-bottom:2px solid transparent;font-weight:550;font-size:14px}.view-nav button:hover{background:var(--inset)}.view-nav button[aria-pressed=true]{border-color:var(--ink)}.library-tools{display:grid;grid-template-columns:minmax(180px,1fr) repeat(2,minmax(140px,auto));gap:12px;align-items:end}.library-tools:has(#category-filter:not([hidden])){grid-template-columns:repeat(4,minmax(0,1fr))}.library-tools:has(#category-filter:not([hidden])) .search{grid-column:span 2}.search,.filter{display:grid;gap:5px;min-width:0}.search-field{display:flex;gap:6px}.search-field input{flex:1;min-width:0}#filter-summary:empty{display:none}
.folder-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.page-actions{display:flex;gap:8px;margin-left:auto}.filing-drawer{overflow:clip;border:1px solid var(--rule);border-radius:8px;background:var(--inset);padding:12px;isolation:isolate}#folder-stack{display:flex;flex-direction:column;gap:0}.folder-strip{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:44px;padding:11px 18px 11px calc(18px + var(--stagger,0px));border:0;border-radius:6px 6px 0 0;text-align:left;background:var(--stock);color:var(--stock-ink);box-shadow:0 -6px 18px -8px rgb(0 0 0/.32);font-size:11px;font-weight:650;letter-spacing:.1em;line-height:1.4;transition:filter var(--motion) var(--ease)}.folder-strip:hover{filter:brightness(1.04)}.folder-strip[aria-current=true]{box-shadow:none}.folder-strip:focus-visible{outline:2px solid var(--stock-ink);outline-offset:-5px;z-index:3}.folder-label{overflow-wrap:anywhere}.folder-count{font-variant-numeric:tabular-nums;letter-spacing:0;opacity:.8}.folder-content{background:var(--stock);color:var(--stock-ink);padding:22px clamp(16px,3vw,32px) 32px;min-height:320px;overflow-wrap:anywhere}.folder-content :focus-visible{outline-color:var(--stock-ink)}.folder-content .btn{border-color:color-mix(in srgb,var(--stock-ink) 35%,transparent);background:transparent;color:var(--stock-ink)}.folder-content .btn:hover{background:color-mix(in srgb,var(--stock-ink) 8%,transparent)}.folder-content input[type=checkbox]{accent-color:var(--stock-ink)}.folder-content .quiet{color:var(--stock-ink);opacity:.8}.folder-title-row{display:flex;gap:18px;align-items:start;justify-content:space-between;flex-wrap:wrap}.folder-title-row h2{font:600 clamp(32px,4.6vw,62px)/1.06 var(--display);letter-spacing:-.035em;overflow-wrap:anywhere;flex:1;min-width:min(100%,220px)}.folder-meta{margin:12px 0 20px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.select-page{display:flex;gap:10px;align-items:center;font-size:12px;min-height:44px}.select-page input{margin:0}.entry-list{display:grid;gap:0}.entry-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px 0;border-top:1px solid color-mix(in srgb,currentColor 23%,transparent)}.entry-check{display:flex;align-items:start;padding-top:4px;min-height:44px}.entry-main{display:grid;gap:5px;min-width:0}.entry-main h3{font-size:18px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.entry-row[data-kind=place] .entry-main h3{font:600 25px/1.1 var(--display);letter-spacing:-.025em}.entry-meta{font-size:12px;opacity:.8;overflow-wrap:anywhere}.entry-note{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:70ch}.entry-note summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline}.entry-actions{display:flex;gap:6px;flex-wrap:wrap;max-width:310px;justify-content:flex-end}.entry-actions .btn{font-size:12px}.entry-location{font-size:12px;overflow-wrap:anywhere;opacity:.8}.entry-folders{display:flex;gap:8px;flex-wrap:wrap;font-size:11px}.entry-folders span{border-bottom:1px solid currentColor}.entry-tags{font-size:12px;opacity:.8;overflow-wrap:anywhere}.empty-state{display:grid;gap:12px;padding:30px 0;max-width:60ch}.empty-state h3{font:500 30px/1.1 var(--display)}.results-panel{padding:24px;border:1px solid var(--rule);background:var(--paper);border-radius:6px}.results-panel h2{font:600 36px/1.1 var(--display);margin-bottom:18px}.results-panel .entry-row{border-color:var(--rule)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}#entry-range{font-size:13px}.bulk-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:16px;background:var(--paper);border:1px solid var(--rule);margin-top:16px}.bulk-toolbar select{width:auto;max-width:260px}.bulk-toolbar label{font-size:12px}
.editor{background:var(--paper);border:1px solid var(--rule);padding:24px;display:grid;gap:16px;border-radius:6px;scroll-margin-top:18px}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.editor h2{font:600 32px/1.1 var(--display)}.editor form{display:grid;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wide{grid-column:span 2}.full{grid-column:1/-1}.form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.check-label{display:flex;gap:9px;align-items:center;min-height:44px}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.colour-choice{display:flex;align-items:center;gap:6px;min-height:44px;border:1px solid var(--rule);border-radius:3px;padding:8px;background:var(--stock);color:var(--stock-ink);min-width:88px}.colour-choice input{accent-color:var(--stock-ink)}.membership-fieldset{display:grid;gap:10px}.membership-fieldset input[type=search]{max-width:460px}.folder-choices{display:flex;gap:8px 20px;flex-wrap:wrap}.folder-choices label{display:flex;align-items:center;gap:8px;min-height:44px;max-width:100%;overflow-wrap:anywhere}.notice{background:var(--paper);border:1px solid var(--rule);padding:18px;display:grid;gap:12px}.notice h2{font:600 26px/1.1 var(--display)}.notice .btn{justify-self:start}.notifications{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:35;max-width:min(620px,calc(100% - 32px));padding:14px 20px;background:var(--ink);color:var(--paper);border:1px solid var(--paper);border-radius:3px;font-size:14px;box-shadow:0 4px 24px rgb(0 0 0/.15)}.notifications:empty{display:none}.notifications button{margin-left:10px;border:1px solid currentColor;background:none;color:inherit;min-height:44px;padding:8px;cursor:pointer}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:6px;padding:28px;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto}dialog::backdrop{background:rgb(0 0 0/.35)}dialog h2{font:600 32px/1.1 var(--display);margin-bottom:16px}dialog p{margin-bottom:22px}footer{display:grid;gap:6px;font-size:12px;color:var(--muted);border-top:1px solid var(--rule);padding-top:18px}footer .btn{justify-self:start}
@media(max-width:800px){.library-tools,.library-tools:has(#category-filter:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}.search{grid-column:1/-1}.entry-row{grid-template-columns:24px minmax(0,1fr)}.entry-actions{grid-column:2;justify-content:flex-start;max-width:none}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .wide{grid-column:1/-1}.folder-strip{padding-left:16px}.folder-title-row h2{font-size:40px}.header-actions{margin-left:0}.top{gap:14px}.create-actions{width:100%}.editor{padding:18px}}
@media(max-width:440px){.app{padding:18px 16px 36px;gap:18px}.library-tools,.library-tools:has(#category-filter:not([hidden])){grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.wide,.full{grid-column:1}.folder-content{padding:20px 16px 24px}.filing-drawer{padding:8px}.folder-title-row h2{font-size:34px}.page-actions{margin-left:0}.folder-navigation{gap:8px}.pagination .btn{flex:1}.pagination #entry-range{order:3;flex-basis:100%;text-align:center}.editor-heading{align-items:start}.wordmark{font-size:24px}.header-actions{gap:6px}.header-actions .btn{font-size:12px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){:root{--motion:0ms}*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){:root{scrollbar-color:auto}.folder-strip,.folder-content,.btn.primary{background:Canvas;color:CanvasText;border:1px solid CanvasText}.folder-strip[aria-current=true]{border:3px solid Highlight}input[type=checkbox],input[type=radio]{accent-color:auto}}