@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-xs:.5rem;--space-2:.75rem;--space-sm:1rem;--space-3:1.25rem;--space-4:2rem;--space-5:3.5rem;--text-meta:.8125rem;--text-ui:.875rem;--text-lead:1.0625rem;--leading-tight:1.2;--leading-snug:1.38;--leading-body:1.55;--leading-display:1.12;--track-display:-.028em;--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);scrollbar-color:color-mix(in srgb, var(--ink) 32%, transparent) transparent}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{min-height:100%;margin:0}body{font-size:1rem;line-height:var(--leading-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;padding:var(--space-2) var(--space-sm);background:var(--ink);color:var(--spark);transition:transform .18s var(--ease-out);border-radius:999px;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{align-items:center;gap:var(--space-2);font-family:var(--font-display);letter-spacing:var(--track-display);border-radius:10px;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{font-size:var(--text-meta);line-height:var(--leading-snug);color:var(--ink-soft);margin-left:auto}.marks-jump{min-height:40px;padding:0 var(--space-2);color:var(--ink);font-size:var(--text-ui);background:color-mix(in srgb, var(--spark) 28%, white);border-radius:999px;align-items:center;font-weight:500;text-decoration:none;display:none}.marks-jump:hover{background:color-mix(in srgb, var(--spark) 42%, white)}.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{min-width:0}.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) var(--space-5)}.panel{max-width:40rem;padding:var(--space-4) 0 0;margin-inline:auto}.pane-library{animation:pane-enter .38s var(--ease-out) both}.pane-library.panel{flex-direction:column;max-width:min(72rem,100%);display:flex}.library-desk{gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.library-desk.has-marks{grid-template-columns:minmax(0,1fr) minmax(15rem,18.5rem)}.library-main{flex-direction:column;min-width:0;display:flex}.library-main .shelf{order:1}.library-main #library-drop[data-stocked]{margin-top:var(--space-3);order:2}.library-main #library-error{order:3}.library-main #progress{margin-top:0;margin-bottom:var(--space-3);order:0}.marks-rail{min-width:0;max-height:calc(100dvh - 6.5rem);padding:var(--space-sm);border:1px solid var(--line);border-radius:var(--radius-surface);scrollbar-color:color-mix(in srgb, var(--ink) 32%, transparent) transparent;background:#ffffff94;position:sticky;top:5.5rem;overflow:auto}.marks-rail[hidden]{display:none}.marks-rail h2{margin:0 0 var(--space-1);font-family:var(--font-display);letter-spacing:var(--track-display);font-size:1.35rem;font-weight:400;line-height:var(--leading-display)}.marks-rail-lede{margin:0 0 var(--space-sm);color:var(--ink-soft);font-size:var(--text-meta);line-height:var(--leading-snug)}.marks-rail .marks-search{margin-bottom:var(--space-sm)}.marks-rail .mark-card{padding:var(--space-2)}.marks-rail .mark-card blockquote{font-size:1rem}.marks-rail.is-focused{box-shadow:0 0 0 2px color-mix(in srgb, var(--leaf) 55%, transparent), 0 16px 36px var(--shadow)}.pane-library.is-converting .shelf,.pane-library.is-converting .marks-rail{pointer-events:none}.pane-library.active .library-empty--first{border-radius:var(--radius-surface);background:color-mix(in srgb, var(--spark) 16%, white);box-shadow:inset 0 0 0 1.5px var(--leaf);padding:var(--space-3)}.pane-library.is-empty>h2,.pane-library.is-empty>.lede{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.tool-note{margin:0 0 var(--space-3);color:var(--ink-soft);font-size:var(--text-ui);line-height:var(--leading-body);max-width:52ch}.marks-search{margin-bottom:var(--space-3);display:grid}.marks-search input{width:100%;min-height:44px;padding:var(--space-2) var(--space-sm);border:1px solid var(--line);color:inherit;font:inherit;background:#ffffffb3;border-radius:999px}.marks-search input:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--leaf)}.marks-search input::placeholder{color:color-mix(in srgb, var(--ink-soft) 88%, white)}.marks-list{gap:var(--space-2);display:grid}.mark-card{padding:var(--space-3) var(--space-sm) var(--space-sm);border:1px solid var(--line);border-radius:var(--radius-surface);animation:ink-print .42s var(--ease-out) both;background:#ffffff9e}.mark-card blockquote{margin:0 0 var(--space-xs);font-family:var(--font-display);font-size:var(--text-lead);line-height:var(--leading-snug);letter-spacing:var(--track-display);overflow-wrap:anywhere}.mark-card p{margin:0 0 var(--space-2);color:var(--ink-soft);font-size:var(--text-meta);line-height:var(--leading-snug)}.mark-card:hover,.mark-card:focus-within{background:color-mix(in srgb, var(--spark) 14%, white)}.mark-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.mark-actions .btn{min-height:44px;font-weight:500;font-size:var(--text-ui);padding:.45rem .95rem}.panel h2{margin:0 0 var(--space-2);font-family:var(--font-display);letter-spacing:var(--track-display);font-size:1.5rem;font-weight:400;line-height:var(--leading-display)}.panel>.lede{margin:0 0 var(--space-4);color:var(--ink-soft);max-width:52ch;font-size:var(--text-lead);line-height:var(--leading-body)}.dropzone{isolation:isolate;min-height:10.5rem;padding:var(--space-4);border:1.5px dashed color-mix(in srgb, var(--ink) 42%, transparent);border-radius:var(--radius-surface);text-align:center;transition:border-color .18s var(--ease-out), background .22s var(--ease-out), box-shadow .28s var(--ease-out);background:#fff6;place-items:center;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:0;padding:var(--space-sm) var(--space-3)}.dropzone>div{z-index:1;position:relative}.dropzone strong{margin-bottom:var(--space-1);font-size:var(--text-lead);display:block}.dropzone span{color:var(--ink-soft);font-size:var(--text-ui);line-height:var(--leading-snug)}.dropzone.is-busy{pointer-events:none;opacity:.55}.dropzone input{z-index:2;opacity:0;cursor:pointer;position:absolute;inset:0}#library-drop[data-stocked]{min-height:0;padding:var(--space-xs) var(--space-sm)}#library-drop[data-stocked] strong{font-size:var(--text-ui);margin-bottom:.15rem}label{gap:var(--space-1);font-size:var(--text-meta);color:var(--ink-soft);font-weight:500;display:grid}input[type=text]{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-control);padding:var(--space-2) var(--space-sm);min-height:44px;transition:border-color .16s var(--ease-out), box-shadow .16s var(--ease-out);background:#ffffffb3}input[type=text]::placeholder{color:color-mix(in srgb, var(--ink-soft) 88%, 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}.progress{margin-top:var(--space-3)}.progress[hidden]{display:none}.progress-head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.progress-label{min-width:0;font-size:var(--text-ui);color:var(--ink-soft);flex:1;justify-content:space-between;gap:1rem;display:flex}#convert-stop{flex:none;min-height:40px;padding:.35rem .9rem;font-weight:500}#convert-stop[hidden]{display:none}.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}.error{margin-top:var(--space-3);padding:var(--space-2) var(--space-sm);border-radius:var(--radius-control);background:var(--danger-bg);color:var(--danger);font-size:var(--text-ui);line-height:var(--leading-snug);display:none}.error.visible{animation:ink-print .28s var(--ease-out) both;display:block}@keyframes pane-enter{0%{opacity:0;clip-path:inset(0 0 10%)}to{opacity:1;clip-path:inset(0)}}@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) var(--space-4);color:var(--ink-soft);font-size:var(--text-meta);text-align:center}.marks-list>.library-count{margin:0 0 var(--space-1);color:var(--ink-soft);font-size:var(--text-ui)}@media (max-width:52rem){.library-desk.has-marks{grid-template-columns:1fr}.marks-rail{order:2;max-height:none;position:static}.marks-jump:not([hidden]){display:inline-flex}}@media (prefers-reduced-motion:reduce){.error.visible,.dropzone:before,.skip-link,.mark-card,.pane-library{filter:none;clip-path:none;animation:none}.dropzone:before{opacity:1;transform:none}.progress.is-running .bar>i{animation:none}.skip-link,.btn,.site-header,input[type=text],.dropzone,.bar>i{transition:background .16s var(--ease-out), opacity .16s var(--ease-out), color .16s var(--ease-out), border-color .16s var(--ease-out), box-shadow .16s var(--ease-out)}.btn:active:not(:disabled),.btn-primary:hover:not(:disabled){transform:none}}