@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff")}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sora-latin-400-normal-CRt88UEn.woff2)format("woff2"),url(/assets/sora-latin-400-normal-OW7qkl5a.woff)format("woff")}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sora-latin-500-normal-01eiPEn0.woff2)format("woff2"),url(/assets/sora-latin-500-normal-w58xtEt9.woff)format("woff")}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sora-latin-600-normal-Cdg4DaK0.woff2)format("woff2"),url(/assets/sora-latin-600-normal-1_7fyUAY.woff)format("woff")}:root{--ink:#132820;--ink-soft:#243f34;--mist:#e7f0ea;--paper:#f3f7f2;--leaf:#2f6b4f;--spark:#d7f26d;--line:color-mix(in srgb, var(--ink) 14%, transparent);--shadow:color-mix(in srgb, var(--ink) 20%, transparent);--danger:#8f2424;--danger-bg:color-mix(in srgb, var(--danger) 10%, white);--focus:#1f7a52;--space-1:.35rem;--space-2:.75rem;--space-3:1.25rem;--space-4:2rem;--space-5:3.5rem;--radius-control:12px;--radius-surface:18px;--font-display:"Instrument Serif", Georgia, serif;--font-ui:"Sora", system-ui, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);color:var(--ink);background:var(--paper);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;caret-color:var(--leaf);accent-color:var(--leaf)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{min-height:100%;margin:0}body{background:radial-gradient(1200px 700px at 12% -10%, color-mix(in srgb, var(--spark) 38%, transparent), transparent 55%), radial-gradient(900px 600px at 90% 8%, color-mix(in srgb, var(--leaf) 20%, transparent), transparent 50%), linear-gradient(165deg, #eef5ef 0%, #f7faf6 42%, #e4eee7 100%);background-attachment:fixed}body:before{content:"";pointer-events:none;opacity:.28;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:color-mix(in srgb, var(--spark) 70%, var(--leaf));color:var(--ink)}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}#app{z-index:1;min-height:100vh;position:relative}.skip-link{z-index:40;background:var(--ink);color:var(--spark);transition:transform .18s var(--ease-out);border-radius:999px;padding:.65rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:0;left:1rem;transform:translateY(-120%)}.skip-link:focus{transform:translateY(.75rem)}.site-header{z-index:30;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) clamp(1.25rem, 4vw, 3rem);border-bottom:1px solid var(--line);transition:box-shadow .22s var(--ease-out);background:#eff6f0;flex-wrap:wrap;display:flex;position:sticky;top:0}.site-header.is-stuck{box-shadow:0 10px 28px color-mix(in srgb, var(--ink) 12%, transparent)}.brand-mark{font-family:var(--font-display);letter-spacing:-.02em;border-radius:10px;align-items:center;gap:.65rem;font-size:1.5rem;font-weight:400;text-decoration:none;display:inline-flex}.brand-mark img{border-radius:8px;width:2rem;height:2rem}.nav-note{color:var(--ink-soft);font-size:.85rem}.header-nav{gap:4px;display:flex}.tab-btn{appearance:none;font:inherit;color:var(--ink-soft);cursor:pointer;min-height:40px;transition:background .18s var(--ease-out), color .18s var(--ease-out);background:0 0;border:0;border-radius:999px;padding:.55rem .95rem;font-size:.88rem;font-weight:500}.tab-btn:hover{color:var(--ink);background:#ffffff7a}.tab-btn[aria-current=page]{background:var(--ink);color:var(--spark)}.vh{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.workspace-split[data-pane=library] .pane-convert,.workspace-split[data-pane=library] .pane-marks,.workspace-split[data-pane=convert] .pane-library,.workspace-split[data-pane=convert] .pane-marks,.workspace-split[data-pane=marks] .pane-convert,.workspace-split[data-pane=marks] .pane-library{display:none}.cta-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.btn{appearance:none;cursor:pointer;font:inherit;min-height:44px;transition:transform .18s var(--ease-out), background .18s var(--ease-out), box-shadow .18s var(--ease-out), opacity .18s var(--ease-out);border:0;border-radius:999px;padding:.95rem 1.35rem;font-weight:600}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.btn-primary{background:var(--ink);color:var(--spark);box-shadow:0 12px 30px var(--shadow)}.btn-primary:hover:not(:disabled){background:#0c1c16;transform:translateY(-1px)}.btn-ghost{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--ink);background:#ffffff73}.workspace{padding:0 clamp(1.25rem,4vw,3rem) 4.5rem}.panel{max-width:40rem;padding:var(--space-3) 0 0;margin-inline:auto}.pane-library.panel{max-width:min(72rem,100%)}.pane-marks.panel{max-width:min(42rem,100%)}.pane-library.active:not(:has([data-id])){outline:2px dashed color-mix(in srgb, var(--leaf) 70%, transparent);outline-offset:10px;border-radius:var(--radius-surface)}.tool-note{margin:-.35rem 0 var(--space-3);color:var(--ink-soft);max-width:48ch;font-size:.92rem;line-height:1.5}.marks-search{margin-bottom:var(--space-3);display:grid}.marks-search input{border:1px solid var(--line);width:100%;min-height:44px;color:inherit;font:inherit;background:#ffffffb3;border-radius:999px;padding:.65rem .9rem}.marks-search input:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--leaf)}.marks-list{gap:.85rem;display:grid}.mark-card{border:1px solid var(--line);border-radius:var(--radius-surface);animation:ink-print .42s var(--ease-out) both;background:#ffffff9e;padding:1rem 1.1rem 1.05rem}.mark-card blockquote{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .65rem;font-size:1.2rem;line-height:1.35}.mark-card p{color:var(--ink-soft);margin:0 0 .85rem;font-size:.88rem}.mark-card:hover{background:color-mix(in srgb, var(--spark) 14%, white)}.mark-actions{flex-wrap:wrap;gap:.5rem;display:flex}.mark-actions .btn{min-height:40px;padding:.45rem .95rem;font-size:.88rem;font-weight:500}.panel h2{margin:0 0 var(--space-1);font-family:var(--font-display);letter-spacing:-.02em;font-size:1.75rem;font-weight:400}.panel>.lede{margin:0 0 var(--space-3);color:var(--ink-soft);max-width:48ch;line-height:1.5}.dropzone{isolation:isolate;border:1.5px dashed color-mix(in srgb, var(--ink) 42%, transparent);border-radius:var(--radius-surface);text-align:center;min-height:180px;transition:border-color .18s var(--ease-out), background .22s var(--ease-out), box-shadow .28s var(--ease-out), min-height 0s;background:#fff6;place-items:center;padding:1.5rem;display:grid;position:relative;overflow:hidden}.dropzone:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(180deg, transparent 20%, color-mix(in srgb, var(--spark) 28%, transparent)), repeating-linear-gradient(180deg, color-mix(in srgb, var(--ink) 8%, transparent) 0 1px, transparent 1px 22px);opacity:0;transition:opacity .28s var(--ease-out), transform .42s var(--ease-out);position:absolute;inset:0;transform:translateY(28%)}.dropzone:focus-within,.dropzone.active,.dropzone.is-set{border-style:solid;border-color:var(--leaf);background:color-mix(in srgb, var(--spark) 16%, white)}.dropzone:focus-within:before,.dropzone.active:before,.dropzone.is-set:before{opacity:1;transform:none}.dropzone.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--leaf) 45%, transparent), 0 16px 36px var(--shadow)}.dropzone.is-set{min-height:112px;padding:1.1rem 1.25rem}.dropzone>div{z-index:1;position:relative}.dropzone strong{margin-bottom:.35rem;font-size:1.05rem;display:block}.dropzone span{color:var(--ink-soft);font-size:.92rem}.dropzone input{z-index:2;opacity:0;cursor:pointer;position:absolute;inset:0}#library-drop[data-stocked]{min-height:0;padding:.7rem 1rem}#library-drop[data-stocked] strong{margin-bottom:.15rem;font-size:.95rem}.meta-grid{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}label{color:var(--ink-soft);gap:.35rem;font-size:.82rem;font-weight:500;display:grid}input[type=text]{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-control);min-height:44px;transition:border-color .16s var(--ease-out), box-shadow .16s var(--ease-out);background:#ffffffb3;padding:.75rem .9rem}input[type=text]::placeholder{color:color-mix(in srgb, var(--ink-soft) 72%, white)}input[type=text]:focus{border-color:var(--leaf);box-shadow:0 0 0 3px color-mix(in srgb, var(--leaf) 28%, transparent);outline:none}.actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.result-actions{flex-wrap:wrap;gap:10px;display:flex}.file-chip{background:color-mix(in srgb, var(--leaf) 10%, white);max-width:min(100%,28rem);min-height:40px;color:var(--ink-soft);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;align-items:center;padding:.45rem .75rem;font-size:.85rem;display:inline-flex;overflow:hidden}.file-chip:after{content:" · clear";color:color-mix(in srgb, var(--ink-soft) 80%, var(--leaf));flex:none}.file-chip:not([hidden]){animation:ink-print .42s var(--ease-out) both}.file-chip[hidden]{display:none}.meta-grid:not([hidden]){animation:ink-print .36s var(--ease-out) both}.meta-grid[hidden]{display:none}.progress{margin-top:var(--space-3)}.progress[hidden]{display:none}.progress-label{color:var(--ink-soft);justify-content:space-between;gap:1rem;margin-bottom:.45rem;font-size:.88rem;display:flex}.bar{background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:999px;height:8px;overflow:hidden}.bar>i{border-radius:inherit;background:linear-gradient(90deg, var(--leaf) 0%, var(--spark) 42%, var(--leaf) 100%);transform-origin:0;width:100%;height:100%;transition:transform .22s var(--ease-out);background-size:180% 100%;display:block;transform:scaleX(0)}.progress.is-running .bar>i{animation:1.6s linear infinite ink-flow}.result{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);display:none}.result.visible{animation:sheet-land .56s var(--ease-out) both;display:block}.result h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.35rem;font-weight:400}.chapters{gap:.4rem;margin:.75rem 0 1rem;padding:0;list-style:none;display:grid}.chapters li{color:var(--ink-soft);background:color-mix(in srgb, var(--leaf) 7%, white);animation:ink-print .4s var(--ease-out) both;border-radius:10px;padding:.45rem .7rem;font-size:.95rem}.chapters li:first-child{animation-delay:30ms}.chapters li:nth-child(2){animation-delay:70ms}.chapters li:nth-child(3){animation-delay:.11s}.chapters li:nth-child(4){animation-delay:.15s}.chapters li:nth-child(5){animation-delay:.19s}.chapters li:nth-child(6){animation-delay:.22s}.error{margin-top:var(--space-3);border-radius:var(--radius-control);background:var(--danger-bg);color:var(--danger);padding:.85rem 1rem;font-size:.92rem;line-height:1.45;display:none}.error.visible{animation:ink-print .28s var(--ease-out) both;display:block}@keyframes ink-print{0%{opacity:0;clip-path:inset(0 72% 0 0);filter:contrast(1.25)}to{opacity:1;clip-path:inset(0);filter:none}}@keyframes sheet-land{0%{opacity:0;clip-path:inset(0 0 70%);filter:saturate(.65)}to{opacity:1;clip-path:inset(0);filter:none}}@keyframes ink-flow{0%{background-position:0 0}to{background-position:180% 0}}.site-footer{padding:var(--space-3) clamp(1.25rem, 4vw, 3rem) 2.5rem;color:var(--ink-soft);text-align:center;font-size:.85rem}.marks-list>.library-count{color:var(--ink-soft);margin:0 0 .15rem;font-size:.88rem}@media (max-width:780px){.meta-grid{grid-template-columns:1fr}.nav-note.desktop-only{display:none}.header-nav{margin-left:auto}.tab-btn{padding:.5rem .7rem;font-size:.82rem}}@media (prefers-reduced-motion:reduce){.result.visible,.file-chip:not([hidden]),.meta-grid:not([hidden]),.chapters li,.error.visible,.dropzone:before,.skip-link,.mark-card{filter:none;animation:none}.dropzone:before{opacity:1;transform:none}.progress.is-running .bar>i{animation:none}.btn{transition:background .16s var(--ease-out), opacity .16s var(--ease-out)}}