@font-face{font-family:'Folio Anton';src:url('/fonts/anton.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('/fonts/jakarta-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('/fonts/jakarta-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('/fonts/jakarta-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('/fonts/jakarta-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--on-accent:#101110;--surface:#101110;--ink:#edece6;--muted:#acafa4;--accent:#ff5b35;--accent-dark:#ff795a;--raised:6px 6px 15px #0009,-6px -6px 15px #25292380;--inset:inset 4px 4px 10px #0009,inset -4px -4px 10px #292d2480;--rule:#41453d;--panel:#1a1d18;background:var(--surface);color:var(--ink)}
body,#app{background:var(--surface)}
.header-title h1,.title-block h2,.onboard-copy h2,.empty-state h2,.detail-title,.lab-screen>h2,.sheet-heading h2,.boot h1{font-family:'Folio Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:1.22}
.header-title h1{font-size:24px}.title-block h2{font-size:34px}.onboard-copy h2{font-size:39px}.detail-title{font-size:34px}.boot h1{font-size:36px;letter-spacing:-.02em}
.statusbar,.section-label,.field-label,.caption,.prototype-note,.demo-label,.preview-toolbar{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.app-mark,.boot-mark img{filter:grayscale(1) brightness(3.5)}.onboard-art{filter:grayscale(1)}
.gesturebar i{background:var(--ink)}.primary{background:var(--accent);color:var(--on-accent);box-shadow:5px 7px 16px #0005,-3px -3px 10px #292d2444}
.choice.selected .radio{color:var(--on-accent)}.radio{border-color:var(--muted)}
.segments button[aria-pressed=true]{color:var(--orange,var(--accent));background:var(--panel);box-shadow:3px 3px 8px #0007,-3px -3px 8px #292d2466}
.document-row,.search-result,.settings-row,.entry-routes{border-color:var(--rule)}.document-row>svg,.library-footnote,.section-label{color:var(--muted)}
.onboard-dots i{background:var(--rule)}.onboard-dots i.current{background:var(--accent)}
.crop-canvas,.camera-viewport{background:var(--panel)}.crop-lines polygon{fill:#ff5b350a}.camera-corners{border-color:var(--accent)}.camera-hint{background:#101110cc;color:#edece6}
.filter-options button[aria-pressed=true] .filter-swatch{color:var(--accent-dark);background:var(--panel);box-shadow:var(--inset)}
.text-editor,.text-input,.search-field,select{background:var(--surface);color:var(--ink)}.search-field input{color:var(--ink)}.text-input::placeholder,.text-editor::placeholder{color:var(--muted)}
.ocr-highlight{color:var(--accent-dark);background:transparent}.ocr-highlight::before{background:#ff5b3526;border-color:var(--accent)}
.paper,.typeset-page,.layout-paper{--ink:#101110;--muted:#55584f;--accent-dark:#ae341a;background:#edece6;color:#101110}
.paper .paper-kicker,.paper .id-bottom,.paper .id-body small{color:#55584f}.paper .portrait-placeholder{background:#d4d3c9}.paper .id-top span{color:#ae341a}.paper .paper-rule,.paper-lines i{background:#b3b5a9}.typeset-page h2{font-family:'Plus Jakarta Sans',sans-serif}
.lab-box{background:#ff5b3526;color:var(--accent-dark)}.scrim{background:#000b}.sheet{background:var(--surface)}.sheet-grip,.processing-skeleton i{background:var(--rule)}
#toast{background:var(--ink);color:var(--surface)}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:350px){.header-title h1{font-size:21px}.title-block h2{font-size:30px}.onboard-copy h2{font-size:34px}}
@media(max-height:650px){.onboard-copy h2{font-size:31px}}

:root[data-appearance=Light]{color-scheme:light;--surface:#f4f5ee;--ink:#19271f;--muted:#536459;--accent:#286447;--accent-dark:#235a3f;--on-accent:#fff;--rule:#d3dcd1;--panel:#e7ede3;--raised:6px 6px 15px #9baa9970,-6px -6px 15px #ffffffd9;--inset:inset 4px 4px 10px #9baa9970,inset -4px -4px 10px #ffffffd9}
:root[data-appearance=Light] .app-mark,:root[data-appearance=Light] .boot-mark img{filter:grayscale(1) brightness(.55)}
:root[data-appearance=Light] .primary{box-shadow:5px 7px 16px #9baa9950,-3px -3px 10px #ffffff99}
:root[data-appearance=Light] .paper .id-top span{color:#235a3f}
:root[data-appearance=Light] .segments button[aria-pressed=true]{box-shadow:3px 3px 8px #9baa9955,-3px -3px 8px #ffffff99}