:root{--bg: #fcfdff;--bg-soft: #f4f7fd;--bg-inset: #e9eff9;--bg-raised: #ffffff;--fg: #0f172a;--fg-muted: #48566a;--fg-subtle: #5e6a7d;--border: #e4eaf4;--border-strong: #cdd7e8;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-fg: #ffffff;--accent-soft: #eef4ff;--accent-border: #c7d9fe;--lav: #6b47e8;--lav-soft: #f3efff;--lav-border: #ddd2fb;--on-brand: #ffffff;--ok: #0c7050;--ok-soft: #e6f6ef;--ok-border: #a5dcc4;--warn: #a04a08;--danger: #d0342c;--danger-soft: #fdeeec;--shadow-sm: 0 1px 2px rgb(15 23 42 / 6%);--shadow-md: 0 8px 24px -8px rgb(15 23 42 / 10%);--shadow-lg: 0 24px 48px -16px rgb(15 23 42 / 14%);--shadow-press: inset 0 1px 2px rgb(15 23 42 / 8%);--ring: 0 0 0 3px rgb(37 99 235 / 22%);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-pill: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--s9: 88px;--s10: 120px;--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .15s;--dur: .2s;--dur-slow: .26s;--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Inter", var(--font);--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--t-xs: .8125rem;--t-sm: .875rem;--t-base: 1rem;--t-md: 1.0625rem;--t-lg: 1.125rem;--t-xl: 1.5rem;--t-2xl: clamp(1.75rem, 1.15rem + 2.4vw, 2.5rem);--t-3xl: clamp(2.25rem, 1.3rem + 3.6vw, 3.5rem);--t-hero: clamp(2.5rem, 1.1rem + 5.2vw, 4.5rem);--lh-tight: 1.08;--lh-snug: 1.25;--lh-body: 1.7;--wrap: 720px;--wrap-wide: 1160px;--header-h: 60px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a0f1a;--bg-soft: #101725;--bg-inset: #17202f;--bg-raised: #131b29;--fg: #e8eef8;--fg-muted: #9aa9bf;--fg-subtle: #7a8798;--border: #212c3d;--border-strong: #33415a;--accent: #5b93f7;--accent-hover: #85b0fa;--accent-fg: #06132b;--accent-soft: #16233c;--accent-border: #29405f;--lav: #a78bfa;--lav-soft: #1e1b34;--lav-border: #38306b;--ok: #34d399;--ok-soft: #0c2620;--ok-border: #1d4a3c;--warn: #f0b429;--danger: #ff8a7a;--danger-soft: #2c1512;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 8px 24px -8px rgb(0 0 0 / 55%);--shadow-lg: 0 24px 48px -16px rgb(0 0 0 / 65%);--shadow-press: inset 0 1px 2px rgb(0 0 0 / 45%);--ring: 0 0 0 3px rgb(91 147 247 / 30%)}}:root[data-theme=dark]{--bg: #0a0f1a;--bg-soft: #101725;--bg-inset: #17202f;--bg-raised: #131b29;--fg: #e8eef8;--fg-muted: #9aa9bf;--fg-subtle: #7a8798;--border: #212c3d;--border-strong: #33415a;--accent: #5b93f7;--accent-hover: #85b0fa;--accent-fg: #06132b;--accent-soft: #16233c;--accent-border: #29405f;--lav: #a78bfa;--lav-soft: #1e1b34;--lav-border: #38306b;--ok: #34d399;--ok-soft: #0c2620;--ok-border: #1d4a3c;--warn: #f0b429;--danger: #ff8a7a;--danger-soft: #2c1512;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 8px 24px -8px rgb(0 0 0 / 55%);--shadow-lg: 0 24px 48px -16px rgb(0 0 0 / 65%);--shadow-press: inset 0 1px 2px rgb(0 0 0 / 45%);--ring: 0 0 0 3px rgb(91 147 247 / 30%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@view-transition{navigation:auto}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}main{display:block}main>.prose{max-width:var(--wrap);margin:0 auto;padding:var(--s8) var(--s5)}.shell{max-width:var(--wrap-wide);margin:0 auto;padding:0 var(--s5)}.reading{max-width:var(--wrap);margin:0 auto;padding:0 var(--s5)}.section{padding:var(--s8) 0}.section-tint{background:var(--bg-soft);border-block:1px solid var(--border)}:where(a,button,select,summary,input,[tabindex]):focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}h1,h2,h3{font-family:var(--font-display);font-weight:700;text-wrap:balance;letter-spacing:-.022em;line-height:var(--lh-snug);margin:0}h1{font-size:var(--t-3xl);font-weight:800;letter-spacing:-.032em;line-height:var(--lh-tight)}h2{font-size:var(--t-2xl);letter-spacing:-.026em;margin:var(--s8) 0 var(--s4)}h3{font-size:var(--t-lg);margin:var(--s5) 0 var(--s2)}p{margin:0 0 var(--s4)}a{color:var(--accent);text-underline-offset:2px;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--accent-hover)}.lede{font-size:var(--t-md);color:var(--fg-muted);margin:var(--s3) 0 var(--s5);text-wrap:pretty}.prose{font-size:var(--t-md)}.prose>h2{font-size:clamp(1.5rem,1.2rem + .9vw,1.875rem);letter-spacing:-.02em;margin:var(--s7) 0 var(--s4)}.prose>h2:first-of-type{margin-top:var(--s6)}.prose>p,.prose>ol,.prose>ul:not(.checks){max-width:68ch}.prose>ol,.prose>ul{padding-left:1.15em;margin:0 0 var(--s4)}.prose>ol>li+li,.prose>ul:not(.checks)>li+li{margin-top:var(--s2)}.eyebrow{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--r-pill);padding:var(--s1) var(--s3);margin:0 0 var(--s4)}.site-header{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--border)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.site-header{background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px)}}.header-inner{max-width:var(--wrap-wide);margin:0 auto;padding:0 var(--s5);display:flex;align-items:center;gap:var(--s4);min-height:var(--header-h)}.logo{font-family:var(--font-display);font-weight:800;font-size:var(--t-md);letter-spacing:-.04em;color:var(--fg);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--s2)}.logo:hover{color:var(--fg)}.logo span{color:var(--accent)}.logo-mark{width:28px;height:28px;flex:none;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--accent),var(--lav));display:inline-grid;place-items:center;color:var(--on-brand);box-shadow:var(--shadow-sm)}.logo-mark svg{display:block}.site-nav{display:flex;align-items:center;gap:var(--s1);margin-right:auto}.site-nav a{color:var(--fg-muted);text-decoration:none;font-size:var(--t-sm);font-weight:550;padding:var(--s2) var(--s3);border-radius:var(--r-sm);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.site-nav a:hover{color:var(--fg);background:var(--bg-soft)}.site-nav a[aria-current=page]{color:var(--fg);background:var(--bg-inset)}.header-actions{display:flex;align-items:center;gap:var(--s2)}.privacy-pill{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-xs);font-weight:600;color:var(--ok);background:var(--ok-soft);border:1px solid var(--ok-border);border-radius:var(--r-pill);padding:5px var(--s3);white-space:nowrap}.privacy-pill svg{flex:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;padding:0;cursor:pointer;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-raised);color:var(--fg-muted);transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.icon-btn:hover{color:var(--fg);background:var(--bg-soft);border-color:var(--border-strong)}.icon-btn:active{box-shadow:var(--shadow-press)}.theme-toggle .i-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .i-sun{display:none}:root:not([data-theme=light]) .theme-toggle .i-moon{display:block}}:root[data-theme=dark] .theme-toggle .i-sun{display:none}:root[data-theme=dark] .theme-toggle .i-moon{display:block}:root[data-theme=light] .theme-toggle .i-sun{display:block}:root[data-theme=light] .theme-toggle .i-moon{display:none}.install{font:inherit;font-size:var(--t-sm);font-weight:650;cursor:pointer;padding:var(--s2) var(--s4);border-radius:var(--r-sm);border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.install:hover{background:var(--accent);color:var(--accent-fg)}.install-note{margin:0;font-size:var(--t-sm);color:var(--fg-muted);border-top:1px solid var(--border);background:var(--bg-soft)}.install-note p{max-width:var(--wrap-wide);margin:0 auto;padding:var(--s3) var(--s5)}.install-note strong{color:var(--fg)}.search-panel{position:fixed;inset:0;z-index:60;display:grid;place-items:start center;padding:var(--s6) var(--s4);background:color-mix(in srgb,var(--fg) 28%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade var(--dur-fast) var(--ease-out)}.search-box{width:min(560px,100%);background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:rise var(--dur) var(--ease-out)}.search-box input{width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--fg);font:inherit;font-size:var(--t-md);padding:var(--s4) var(--s5);outline:none}.search-box input::placeholder{color:var(--fg-subtle)}.search-results{list-style:none;margin:0;padding:var(--s2);max-height:min(56vh,420px);overflow-y:auto}.search-results li{margin:0}.search-results a{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s3);border-radius:var(--r-sm);color:var(--fg);text-decoration:none;font-size:var(--t-sm)}.search-results a:hover,.search-results a:focus-visible,.search-results [aria-selected=true] a{background:var(--accent-soft);color:var(--fg)}.search-kind{margin-left:auto;flex:none;font-size:var(--t-xs);font-weight:600;color:var(--fg-subtle);background:var(--bg-inset);border-radius:var(--r-pill);padding:2px var(--s2)}.search-empty{padding:var(--s5);margin:0;color:var(--fg-muted);font-size:var(--t-sm);text-align:center}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(-6px)}}.menu-btn,.mobile-menu{display:none}@media(max-width:860px){.site-nav,.header-actions .privacy-pill,.header-actions .install{display:none}.menu-btn{display:inline-flex}.header-inner{gap:var(--s3)}.logo{margin-right:auto}.mobile-menu{display:block;position:fixed;inset:var(--header-h) 0 auto;z-index:39;background:var(--bg-raised);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);animation:drop var(--dur) var(--ease-out)}.mobile-menu nav{display:grid;padding:var(--s3) var(--s5) var(--s5);max-width:var(--wrap-wide);margin:0 auto}.mobile-menu a{padding:var(--s4) var(--s2);font-size:var(--t-md);font-weight:600;color:var(--fg);text-decoration:none;border-bottom:1px solid var(--border)}.mobile-menu a:last-of-type{border-bottom:0}.mobile-menu .privacy-pill,.mobile-menu .install{margin-top:var(--s4);align-self:start}}@media(max-width:400px){.header-inner,.shell,.reading,.site-footer,main>.prose{padding-left:var(--s4);padding-right:var(--s4)}.logo{font-size:var(--t-base)}}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}}.skip{position:absolute;left:var(--s3);top:calc(var(--s3) * -10);z-index:50;padding:var(--s2) var(--s4);border-radius:var(--r-sm);background:var(--accent);color:var(--accent-fg);font-size:var(--t-sm);font-weight:700;text-decoration:none;transition:top var(--dur) var(--ease-out)}.skip:focus{top:var(--s3);color:var(--accent-fg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font:inherit;font-size:var(--t-base);font-weight:700;line-height:1.2;cursor:pointer;padding:var(--s3) var(--s5);min-height:46px;border:1px solid transparent;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-fg);text-decoration:none;box-shadow:var(--shadow-sm);transition:background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-spring)}.btn:hover{background:var(--accent-hover);color:var(--accent-fg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0) scale(.97);box-shadow:var(--shadow-press)}.btn[disabled]{opacity:.55;cursor:default;transform:none;box-shadow:none}.btn-ghost{background:var(--bg-raised);border-color:var(--border-strong);color:var(--fg);box-shadow:none}.btn-ghost:hover{background:var(--bg-inset);border-color:var(--fg-subtle);color:var(--fg);box-shadow:var(--shadow-sm)}.tool{margin:var(--s5) 0 var(--s6)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);text-align:center;padding:var(--s7) var(--s5);border:2px dashed var(--border-strong);border-radius:var(--r-xl);background:var(--bg-soft);cursor:pointer;transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-spring),box-shadow var(--dur) var(--ease-out)}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dropzone[data-over=true]{border-color:var(--accent);border-style:solid;background:var(--accent-soft);transform:scale(1.015);box-shadow:var(--shadow-lg)}.dropzone strong{font-family:var(--font-display);font-size:var(--t-lg);font-weight:700;letter-spacing:-.025em;color:var(--fg)}.dropzone .dz-or{font-size:var(--t-sm);color:var(--fg-subtle)}.dropzone .dz-cta{display:inline-flex;align-items:center;min-height:46px;padding:var(--s3) var(--s6);border-radius:var(--r-pill);background:var(--accent);color:var(--accent-fg);font-weight:700;font-size:var(--t-base);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur) var(--ease-out)}.dropzone:hover .dz-cta{transform:scale(1.04);box-shadow:var(--shadow-md)}.dropzone:active .dz-cta{transform:scale(.97)}.dropzone small{font-size:var(--t-sm);color:var(--fg-muted)}.dz-formats{margin-top:var(--s2);margin-bottom:0;font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.02em;color:var(--fg-subtle)}.privacy-note{display:flex;align-items:center;justify-content:center;gap:var(--s2);margin:var(--s4) 0 0;padding:var(--s3) var(--s4);font-size:var(--t-sm);font-weight:600;color:var(--ok);background:var(--ok-soft);border:1px solid var(--ok-border);border-radius:var(--r-pill);text-align:center}.privacy-note svg{flex:none}.tool-controls{display:flex;flex-wrap:wrap;gap:var(--s4);margin-top:var(--s4)}.target-pick{display:flex;align-items:center;gap:var(--s3);margin:0;flex:1 1 240px}.target-pick label{font-size:var(--t-sm);font-weight:700;color:var(--fg-muted);white-space:nowrap}.target-pick select{flex:1;max-width:260px;font:inherit;font-size:var(--t-sm);min-height:46px;padding:var(--s2) var(--s3);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-raised);color:var(--fg);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.target-pick select:hover{border-color:var(--accent)}.file-list{list-style:none;margin:var(--s4) 0 0;padding:0;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--bg-raised)}.file-list:empty{display:none}.file-list li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);animation:row-in var(--dur) var(--ease-out) both}@keyframes row-in{0%{opacity:0;transform:translateY(-6px)}}.file-list li:last-child{border-bottom:0}.file-thumb{flex:none;width:48px;height:48px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-inset);overflow:hidden;display:block}.file-thumb img{width:100%;height:100%;object-fit:cover;display:block;animation:thumb-in var(--dur-slow) var(--ease-spring) both}@keyframes thumb-in{0%{opacity:0;transform:scale(.82)}}.file-thumb:empty{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.file-info{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:2px}.file-name{font-weight:600;overflow-wrap:anywhere;line-height:1.3}.file-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);font-family:var(--mono);font-size:var(--t-xs);color:var(--fg-muted)}.file-delta{padding:1px var(--s2);border-radius:var(--r-pill);font-family:var(--font);font-size:var(--t-xs);font-weight:700;animation:pop var(--dur-slow) var(--ease-spring) both}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.file-delta[data-dir=down]{background:var(--ok-soft);border:1px solid var(--ok-border);color:var(--ok)}.file-delta[data-dir=up]{background:var(--bg-inset);border:1px solid var(--border);color:var(--warn)}.file-delta[data-dir=flat]{background:var(--bg-inset);border:1px solid var(--border);color:var(--fg-muted)}.file-status{font-size:var(--t-sm);color:var(--fg-muted)}.file-status[data-state=error]{color:var(--danger);flex:1 1 100%;order:3}.file-status[data-state=done]{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--ok-soft);border:1px solid var(--ok-border);color:var(--ok);animation:pop var(--dur-slow) var(--ease-spring) both}.file-status[data-state=done] path{stroke-dasharray:20;stroke-dashoffset:20;animation:draw .42s var(--ease-out) .12s forwards}@keyframes draw{to{stroke-dashoffset:0}}.dl{margin-left:auto;display:inline-flex;align-items:center;min-height:40px;padding:var(--s2) var(--s4);border-radius:var(--r-pill);background:var(--accent);color:var(--accent-fg);font-size:var(--t-sm);font-weight:700;text-decoration:none;white-space:nowrap;transition:background-color var(--dur-fast),transform var(--dur) var(--ease-spring)}.dl:hover{background:var(--accent-hover);color:var(--accent-fg);transform:translateY(-2px)}.dl:active{transform:scale(.96)}.tool-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-top:var(--s4)}.progress{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-sm);font-weight:600;color:var(--fg-muted);margin-right:auto}.progress:before{content:"";width:15px;height:15px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{margin-top:var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-sm);background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);font-size:var(--t-sm)}.alert:empty{display:none}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--s5);list-style:none;margin:0;padding:0}.pillars h3{margin:0 0 var(--s1);font-size:var(--t-base)}.pillars p{margin:0;font-size:var(--t-sm);color:var(--fg-muted)}.pillars li{padding:var(--s5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-raised)}.pillars .mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:var(--s4);border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);line-height:1}.pillars .mark svg{display:block}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s3) var(--s5);list-style:none;margin:var(--s4) 0 0;padding:0}.checks li{display:flex;align-items:flex-start;gap:var(--s2);font-size:var(--t-sm);color:var(--fg-muted)}.checks svg{flex:none;margin-top:4px;color:var(--ok)}.checks strong{color:var(--fg);font-weight:700}.byline{font-size:var(--t-sm);color:var(--fg-subtle);margin:var(--s2) 0 var(--s5)}.answer{font-size:var(--t-md);padding:var(--s5);margin:0 0 var(--s5);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--r-md);background:var(--bg-soft)}.prose>p.answer{max-width:none}.next-step{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin:var(--s5) 0;padding:var(--s4) var(--s5);border:1px solid var(--accent-border);border-radius:var(--r-md);background:var(--accent-soft)}.next-step p{margin:0;flex:1 1 240px;font-weight:600;color:var(--fg)}.toc{margin:var(--s5) 0 var(--s6);padding:var(--s4) var(--s5);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-soft)}.toc h2{font-family:var(--font);margin:0 0 var(--s3);font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle)}.toc ol{margin:0;padding:0;list-style:none;counter-reset:toc;display:flex;flex-direction:column;gap:var(--s2)}.toc li{counter-increment:toc;display:flex;gap:var(--s3);font-size:var(--t-sm)}.toc li:before{content:counter(toc,decimal-leading-zero);flex:none;font-family:var(--mono);font-size:var(--t-xs);color:var(--accent);padding-top:2px}.toc a{color:var(--fg);text-decoration:none}.toc a:hover{color:var(--accent);text-decoration:underline}.prose h2[id]{scroll-margin-top:80px}details.faq{border-bottom:1px solid var(--border)}details.faq summary{display:flex;align-items:center;gap:var(--s3);cursor:pointer;list-style:none;padding:var(--s4) 0;font-weight:700;min-height:46px;transition:color var(--dur-fast) var(--ease-out)}details.faq summary:hover{color:var(--accent)}details.faq summary::-webkit-details-marker{display:none}details.faq summary:before{content:"";flex:none;width:8px;height:8px;border-right:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(-45deg);transition:transform var(--dur) var(--ease-spring)}details.faq[open] summary:before{transform:rotate(45deg)}details.faq p{margin:0 0 var(--s4);padding-left:calc(var(--s3) + 8px);color:var(--fg-muted);max-width:68ch;animation:row-in var(--dur) var(--ease-out) both}.affiliate,.app-promo{margin:var(--s6) 0;padding:var(--s5);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-md)}.affiliate h2{font-family:var(--font-display);margin:0 0 var(--s2);font-size:var(--t-md)}.affiliate-disclosure{margin:0 0 var(--s3);font-size:var(--t-xs);color:var(--fg-subtle)}.affiliate>p{margin:0 0 var(--s3);max-width:none}.affiliate ul,.app-promo ul{margin:0;padding:0;list-style:none}.affiliate li+li{margin-top:var(--s3)}.affiliate li small{display:block;color:var(--fg-muted);font-size:var(--t-sm)}.app-promo h2{font-family:var(--font-display);margin:0 0 var(--s2);font-size:var(--t-md)}.app-promo-lead{margin:0 0 var(--s4);font-size:var(--t-sm);color:var(--fg-muted);max-width:none}.app-list li{display:flex;gap:var(--s4)}.app-list li+li{margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--border)}.app-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--r-md);background:var(--bg-inset);border:1px solid var(--border);font-family:var(--mono);font-size:var(--t-xs);font-weight:700;letter-spacing:.02em;color:var(--fg-muted);transition:transform var(--dur) var(--ease-spring)}.app-list li:hover .app-mark{transform:rotate(-5deg) scale(1.06)}.app-list strong{display:block;font-weight:700;letter-spacing:-.012em}.app-list small{display:block;margin-top:2px;color:var(--fg-muted);font-size:var(--t-sm)}.app-list p{margin:var(--s2) 0 var(--s3);font-size:var(--t-sm);color:var(--fg-muted);max-width:58ch}.app-list .btn{min-height:40px;padding:var(--s2) var(--s4);font-size:var(--t-sm)}.app-promo-note{margin:var(--s4) 0 0;font-size:var(--t-xs);color:var(--fg-subtle);max-width:none}@media(max-width:480px){.app-list li{gap:var(--s3)}.app-mark{width:38px;height:38px}}.install-band{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);padding:var(--s5) var(--s6);border:1px solid var(--accent-border);border-radius:var(--r-lg);background:var(--accent-soft);margin:var(--s6) 0}.install-band div{flex:1 1 260px}.install-band h2{margin:0 0 var(--s1);font-size:var(--t-lg)}.install-band p{margin:0;font-size:var(--t-sm);color:var(--fg-muted);max-width:46ch}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);padding:var(--s8) var(--s5) var(--s6);margin-top:0}.footer-top{max-width:var(--wrap-wide);margin:0 auto;display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:var(--s8);padding-bottom:var(--s7)}.footer-brand .logo{margin-bottom:var(--s4)}.footer-brand p{font-size:var(--t-sm);color:var(--fg-muted);margin:0 0 var(--s4);max-width:30ch}@media(max-width:860px){.footer-top{grid-template-columns:minmax(0,1fr);gap:var(--s7)}}.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s5)}.footer-cols h2{font-family:var(--font);margin:0 0 var(--s3);font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle)}.footer-cols nav{display:flex;flex-direction:column;gap:var(--s2)}.footer-cols a{color:var(--fg-muted);text-decoration:none;font-size:var(--t-sm);transition:color var(--dur-fast),transform var(--dur-fast)}.footer-cols a:hover{color:var(--accent);transform:translate(2px)}.footer-base{max-width:var(--wrap-wide);margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--s3);align-items:baseline;justify-content:space-between;padding-top:var(--s5);border-top:1px solid var(--border);font-size:var(--t-sm);color:var(--fg-subtle)}.footer-base p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.badge{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-xs);font-weight:600;line-height:1.4;border-radius:var(--r-pill);padding:4px var(--s3);background:var(--bg-inset);border:1px solid var(--border);color:var(--fg-muted);white-space:nowrap}.badge-accent{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.badge-ok{background:var(--ok-soft);border-color:var(--ok-border);color:var(--ok)}.badge-lav{background:var(--lav-soft);border-color:var(--lav-border);color:var(--lav)}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s6)}.section-head>div{min-width:0}.section-head h2{margin:0}.section-head p{margin:var(--s3) 0 0;color:var(--fg-muted);max-width:58ch}.link-more{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-sm);font-weight:650;text-decoration:none;color:var(--accent);white-space:nowrap}.link-more svg{transition:transform var(--dur) var(--ease-out)}.link-more:hover svg{transform:translate(3px)}.icon-box,.fmt,.badge,.privacy-pill,.notfound-mark,.logo-mark{line-height:1}.icon-box svg,.badge svg,.privacy-pill svg,.notfound-mark svg,.logo-mark svg{display:block}.icon-box{display:inline-grid;place-items:center;width:38px;height:38px;flex:none;border-radius:var(--r-sm);background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent)}.icon-box-ok{background:var(--ok-soft);border-color:var(--ok-border);color:var(--ok)}.icon-box-lav{background:var(--lav-soft);border-color:var(--lav-border);color:var(--lav)}.fmt{display:inline-grid;place-items:center;min-width:46px;height:26px;padding:0 var(--s2);border-radius:var(--r-sm);font-family:var(--mono);font-size:var(--t-xs);font-weight:600;letter-spacing:.01em;background:var(--bg-inset);border:1px solid var(--border);color:var(--fg-muted)}.fmt-to{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.hero-wrap{position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.hero-wrap:before{content:"";position:absolute;inset:-30% -10% auto;height:620px;pointer-events:none;background:radial-gradient(48% 46% at 22% 34%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%),radial-gradient(42% 42% at 82% 12%,color-mix(in srgb,var(--lav) 12%,transparent),transparent 70%)}.hero-split{position:relative;max-width:var(--wrap-wide);margin:0 auto;padding:var(--s8) var(--s5);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8);align-items:center}.hero-copy h1{font-size:clamp(2.25rem,1.15rem + 3.1vw,3.5rem);margin:0 0 var(--s5)}.hero-wide h1{font-size:var(--t-hero)}.hero-copy .lede{font-size:var(--t-md);max-width:46ch;margin:0 0 var(--s6)}.hero-benefits{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4)}.hero-benefits li{display:flex;align-items:flex-start;gap:var(--s3);margin:0}.hero-benefits strong{display:block;font-size:var(--t-base);font-weight:650;line-height:1.35}.hero-benefits span{display:block;font-size:var(--t-sm);color:var(--fg-muted);line-height:1.5}.hero-tool{min-width:0}.tool-head{position:relative;max-width:860px;margin:0 auto;padding:var(--s7) var(--s5) var(--s8)}.tool-head h1{margin-bottom:var(--s4)}.tool-head .lede{max-width:54ch;margin-bottom:var(--s6)}@media(max-width:940px){.hero-split{grid-template-columns:minmax(0,1fr);gap:var(--s7);padding-top:var(--s8)}.hero-copy .lede{max-width:none}.hero-tool{order:-1}}.workspace{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:var(--s5)}.workspace-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.workspace-head strong{font-size:var(--t-sm);font-weight:650}.workspace-head .badge{margin-left:auto}@media(max-width:560px){.workspace{padding:var(--s4);border-radius:var(--r-lg)}}.grid-conv{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:var(--s4);list-style:none;margin:0;padding:0}.grid-conv>li{display:flex}.card-conv{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);width:100%;padding:var(--s5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-raised);text-decoration:none;color:var(--fg);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.card-conv:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px);color:var(--fg)}.card-conv:active{transform:translateY(0)}.card-conv-top{display:flex;align-items:center;gap:var(--s3);width:100%}.card-conv-name{font-size:var(--t-lg);font-weight:650;letter-spacing:-.015em;line-height:1.25}.card-conv-name span{color:var(--fg-subtle);font-weight:500;margin:0 1px}.card-conv-go{flex:none;margin-left:auto;color:var(--accent);transition:transform var(--dur) var(--ease-out)}.card-conv:hover .card-conv-go{transform:translate(3px)}.card-conv-formats{display:flex;align-items:center;gap:var(--s2);color:var(--fg-subtle)}.card-conv small{font-size:var(--t-sm);color:var(--fg-muted);line-height:1.5;margin-top:auto}.grid-guide{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s4);list-style:none;margin:0;padding:0}.grid-guide>li{display:flex}.card-guide{display:flex;flex-direction:column;gap:var(--s3);width:100%;padding:var(--s5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-raised);text-decoration:none;color:var(--fg);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.card-guide:hover{border-color:var(--lav-border);box-shadow:var(--shadow-md);transform:translateY(-2px);color:var(--fg)}.card-guide h3{margin:0;font-size:var(--t-lg);line-height:1.3}.card-guide p{margin:0;font-size:var(--t-sm);color:var(--fg-muted);line-height:1.55}.card-guide-foot{display:flex;align-items:center;gap:var(--s3);margin-top:auto;padding-top:var(--s2);font-size:var(--t-xs);color:var(--fg-subtle)}.card-guide-foot svg{margin-left:auto;color:var(--lav);transition:transform var(--dur) var(--ease-out)}.card-guide:hover .card-guide-foot svg{transform:translate(3px)}.dir-controls{display:grid;gap:var(--s4);margin-bottom:var(--s6);padding:var(--s5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-soft)}.dir-search input{width:100%;font:inherit;font-size:var(--t-base);min-height:46px;padding:0 var(--s4);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-raised);color:var(--fg)}.dir-search input:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.dir-filters{display:flex;flex-wrap:wrap;gap:var(--s5)}.dir-filter-group{min-width:0;border:0;margin:0;padding:0}.dir-filter-group>legend{padding:0;font-size:var(--t-xs);font-weight:650;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-subtle);margin-bottom:var(--s2)}.dir-chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.dir-chip input{position:absolute;opacity:0;pointer-events:none}.dir-chip span{display:inline-flex;align-items:center;cursor:pointer;font-size:var(--t-sm);font-weight:600;padding:var(--s2) var(--s3);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--bg-raised);color:var(--fg-muted);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.dir-chip span:hover{color:var(--fg);border-color:var(--border-strong)}.dir-chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.dir-chip input:focus-visible+span{box-shadow:var(--ring)}.dir-count{font-size:var(--t-sm);color:var(--fg-muted);margin:0 0 var(--s4)}.cta{position:relative;overflow:hidden;border:1px solid var(--accent-border);border-radius:var(--r-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--bg-raised)),var(--bg-raised) 58%),var(--bg-raised);padding:var(--s8) var(--s6);text-align:center}.cta h2{margin:0 0 var(--s3)}.cta p{margin:0 auto var(--s6);max-width:44ch;color:var(--fg-muted);font-size:var(--t-md)}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:center}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);list-style:none;margin:0 0 var(--s4);padding:0;font-size:var(--t-sm);color:var(--fg-subtle)}.crumbs li{display:inline-flex;align-items:center;gap:var(--s2);margin:0}.crumbs a{color:var(--fg-muted);text-decoration:none;font-weight:550}.crumbs a:hover{color:var(--accent)}.crumbs li+li:before{content:"/";color:var(--border-strong)}.crumbs [aria-current=page]{color:var(--fg);font-weight:550}.legal{max-width:74ch}.legal h2{font-size:var(--t-xl);margin:var(--s8) 0 var(--s4);padding-top:var(--s5);border-top:1px solid var(--border)}.legal h2:first-of-type{border-top:0;padding-top:0}.legal-meta{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin:var(--s4) 0 var(--s7)}.legal-toc{margin:0 0 var(--s8);padding:var(--s5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-soft)}.legal-toc h2{font-size:var(--t-sm);font-weight:650;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-subtle);border:0;padding:0;margin:0 0 var(--s3);font-family:var(--font)}.legal-toc ol{margin:0;padding-left:1.2em;columns:2;column-gap:var(--s6);font-size:var(--t-sm)}.legal-toc li{margin:0 0 var(--s2);break-inside:avoid}.legal-toc a{text-decoration:none}.legal-toc a:hover{text-decoration:underline}@media(max-width:620px){.legal-toc ol{columns:1}}.notfound{text-align:center;padding:var(--s9) 0 var(--s8)}.notfound-mark{display:inline-grid;place-items:center;width:72px;height:72px;margin-bottom:var(--s5);border-radius:var(--r-lg);background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent)}.notfound p{margin:var(--s4) auto var(--s6);max-width:46ch;color:var(--fg-muted);font-size:var(--t-md)}.notfound-actions{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:center}.ad-slot{margin:var(--s8) 0;padding:var(--s3);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-soft);text-align:center}.ad-slot>span{display:block;font-size:var(--t-xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:var(--s2)}.ad-slot ins{display:block}.empty-state{padding:var(--s8) var(--s5);text-align:center;border:1px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--bg-soft);color:var(--fg-muted)}.empty-state strong{display:block;color:var(--fg);font-size:var(--t-lg);margin-bottom:var(--s2)}.dz-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:var(--s3);border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--border);color:var(--accent);line-height:1;transition:transform var(--dur) var(--ease-spring),border-color var(--dur-fast) var(--ease-out)}.dz-icon svg{display:block}.dropzone:hover .dz-icon{transform:translateY(-2px);border-color:var(--accent-border)}.dropzone[data-over=true] .dz-icon{transform:translateY(-4px) scale(1.06);border-color:var(--accent)}.dz-paste{color:var(--fg-subtle)}.dz-paste kbd{font-family:var(--font);font-size:.92em;font-weight:650;padding:1px 6px;border-radius:5px;border:1px solid var(--border-strong);border-bottom-width:2px;background:var(--bg-raised);color:var(--fg-muted)}.drag-veil{position:fixed;inset:0;z-index:70;display:grid;place-items:center;pointer-events:none;padding:var(--s5);background:color-mix(in srgb,var(--accent) 10%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:veil-in var(--dur-fast) var(--ease-out)}.drag-veil-inner{display:grid;justify-items:center;gap:var(--s2);padding:var(--s7) var(--s8);border-radius:var(--r-xl);border:2px dashed var(--accent);background:var(--bg-raised);box-shadow:var(--shadow-lg);color:var(--accent);text-align:center;animation:veil-pop var(--dur) var(--ease-spring)}.drag-veil-inner svg{display:block}.drag-veil-inner strong{font-family:var(--font-display);font-size:var(--t-lg);color:var(--fg)}.drag-veil-inner span{font-size:var(--t-sm);color:var(--fg-muted)}@keyframes veil-in{0%{opacity:0}}@keyframes veil-pop{0%{opacity:0;transform:scale(.96)}}.file-list li{animation:row-in var(--dur-slow) var(--ease-out) both}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}}.tool-bar{position:sticky;bottom:var(--s3);z-index:2}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.section-head,.grid-conv>li,.grid-guide>li,.pillars>li,.cta{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 42%}}}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}}.to-top{position:fixed;right:var(--s5);bottom:var(--s5);z-index:30;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--bg-raised);color:var(--fg-muted);cursor:pointer;box-shadow:var(--shadow-md);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out),color var(--dur-fast) var(--ease-out)}.to-top svg{display:block}.to-top[hidden]{display:grid!important;opacity:0;transform:translateY(8px);pointer-events:none}.to-top:hover{color:var(--accent);transform:translateY(-2px)}@media(max-width:560px){.to-top{right:var(--s4);bottom:var(--s4)}}@media(min-width:1300px){.prose>.toc{position:sticky;top:calc(var(--header-h) + var(--s4));float:right;width:240px;margin:0 calc(-1 * (240px + var(--s5))) var(--s5) var(--s5)}}main:focus,main:focus-visible{outline:none}