@font-face{font-family:"Bricolage Grotesque";font-weight:600;font-display:swap;src:url("fonts/bricolage-grotesque-latin-600-normal.woff2") format("woff2")}@font-face{font-family:"Bricolage Grotesque";font-weight:800;font-display:swap;src:url("fonts/bricolage-grotesque-latin-800-normal.woff2") format("woff2")}@font-face{font-family:"IBM Plex Sans";font-weight:400;font-display:swap;src:url("fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2")}@font-face{font-family:"IBM Plex Sans";font-weight:500;font-display:swap;src:url("fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2")}@font-face{font-family:"IBM Plex Sans";font-weight:600;font-display:swap;src:url("fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2")}@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url("fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2")}@font-face{font-family:"IBM Plex Mono";font-weight:500;font-display:swap;src:url("fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2")}html{color-scheme:light}:root{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}img{max-width:100%}[hidden]{display:none!important}a{color:var(--accent)}.gutter{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.site-head{border-bottom:1px solid var(--line);background:var(--surface)}.site-head .in{max-width:1112px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;padding-block:12px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.logo svg{width:32px;height:32px;flex:none}.logo span{font-family:var(--display);font-weight:800;font-size:1.45rem;letter-spacing:-.035em}.nav{display:flex;gap:4px 18px;flex-wrap:wrap;font-size:.92rem}.nav a{color:var(--muted);text-decoration:none;font-weight:500;padding-block:4px}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--clip)}.ad-top{display:flex;justify-content:center;padding-block:14px 0}.shell{max-width:1112px;margin:0 auto;display:grid;grid-template-columns:minmax(0,780px);justify-content:center;gap:32px;padding-block:24px 56px}.rail{display:none}@media (min-width:1180px){.shell{grid-template-columns:minmax(0,780px) 300px}.rail{display:block}.rail .ad-slot{position:sticky;top:calc(16px + env(safe-area-inset-top,0px))}}.site-foot{border-top:1px solid var(--line);background:var(--surface);font-size:.85rem;color:var(--muted)}.site-foot .in{max-width:1112px;margin:0 auto;display:grid;gap:10px;padding-block:22px 28px}.site-foot nav{display:flex;gap:6px 18px;flex-wrap:wrap}.site-foot nav a{color:var(--ink);text-decoration:none;font-weight:500}.site-foot p{margin:0;max-width:80ch}.site-foot .credits a{color:var(--muted)}.ad-slot{display:flex;flex-direction:column;align-items:center;gap:4px;margin-inline:auto;max-width:100%}.ad-slot[data-state=off]{display:none}.ad-label{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ad-box{max-width:100%;overflow:hidden}.ad-box.placeholder{display:grid;place-items:center;border:1.5px dashed var(--line);border-radius:6px;background:repeating-linear-gradient(45deg,transparent 0 10px,var(--accent-soft) 10px 20px);color:var(--muted);font:500 .8rem var(--mono)}.output .ad-slot{margin-top:18px}.ad-mid{padding-block:6px}.prose{display:grid;gap:14px;max-width:68ch;min-width:0}.prose h1{font-size:clamp(1.55rem, 4.2vw, 2.15rem);font-weight:800;letter-spacing:-.03em;line-height:1.12}.prose h2{font-size:1.25rem;margin-top:14px}.prose h3{font-size:1rem;margin:6px 0 0}.prose ol,.prose p,.prose ul{margin:0}.prose ol,.prose ul{padding-left:1.3em;display:grid;gap:6px}.prose .dek{color:var(--muted);font-size:1.05rem}.prose .cta{justify-self:start;text-decoration:none;display:inline-block}.prose .tip{padding:12px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}.prose .updated{font-size:.82rem;color:var(--muted)}.guide-list{list-style:none;padding:0!important;display:grid;gap:12px}.guide-list a{display:grid;gap:2px;padding:14px 16px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--ink)}.guide-list a:hover{border-color:var(--accent)}.guide-list strong{font-weight:600}.guide-list span{color:var(--muted);font-size:.9rem}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:12px 16px}.faq summary{cursor:pointer;font-weight:600}.faq details p{margin:8px 0 0;color:var(--muted);font-size:.92rem;max-width:65ch}:root{--bg:#EBEFF3;--surface:#FFFFFF;--sunk:#F4F6F9;--ink:#121B25;--muted:#586577;--line:#D2D9E1;--accent:#2346DC;--accent-ink:#FFFFFF;--accent-soft:rgba(35, 70, 220, .09);--clip:#E89A00;--clip-soft:rgba(232, 154, 0, .17);--wave:#9AA6B5;--wave-sel:#121B25;--danger:#B8322A;--ok:#1C7F4F;--display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;--body:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,sans-serif;--mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--r:10px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0E141B;--surface:#172029;--sunk:#121A22;--ink:#E6ECF2;--muted:#93A2B3;--line:#283441;--accent:#7F98FF;--accent-ink:#0E141B;--accent-soft:rgba(127, 152, 255, .12);--clip:#FFB627;--clip-soft:rgba(255, 182, 39, .15);--wave:#4A5869;--wave-sel:#E6ECF2;--danger:#FF7A70;--ok:#5CD49A;color-scheme:dark}}:root[data-theme=dark]{--bg:#0E141B;--surface:#172029;--sunk:#121A22;--ink:#E6ECF2;--muted:#93A2B3;--line:#283441;--accent:#7F98FF;--accent-ink:#0E141B;--accent-soft:rgba(127, 152, 255, .12);--clip:#FFB627;--clip-soft:rgba(255, 182, 39, .15);--wave:#4A5869;--wave-sel:#E6ECF2;--danger:#FF7A70;--ok:#5CD49A;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.55 var(--body);-webkit-font-smoothing:antialiased}.app{display:grid;gap:22px;min-width:0}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}h1,h2{font-family:var(--display);text-wrap:balance;margin:0}h2{font-size:1.15rem;font-weight:600;letter-spacing:-.01em}.lbl{font-size:.7rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.top{display:grid;gap:8px}.top h1{font-size:clamp(1.55rem, 4.2vw, 2.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.12}.lede{margin:0;color:var(--muted);max-width:58ch}.source{display:grid;gap:10px}.drop{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1.5px dashed var(--line);border-radius:var(--r);background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s}.drop.over,.drop:hover{border-color:var(--accent);background:var(--accent-soft)}.drop:focus-within{outline:2px solid var(--accent);outline-offset:2px}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.drop-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-weight:600}.drop-btn svg{width:18px;height:18px}.drop-sub{color:var(--muted);font-size:.9rem}.fileinfo{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0;font-size:.92rem}.fileinfo #srcName{font-weight:600;overflow-wrap:anywhere;min-width:0}.fileinfo #srcMeta{color:var(--muted);font-size:.82rem}.tag{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--muted)}.tag.yours{border-color:var(--ok);color:var(--ok)}.status{margin:0;font-size:.9rem;color:var(--muted)}.status:empty{display:none}.status.err{color:var(--danger)}.deck{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:12px}.deck-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.play{width:48px;height:48px;border-radius:50%;border:0;flex:none;cursor:pointer;background:var(--ink);color:var(--bg);display:grid;place-items:center}.play svg{width:20px;height:20px}.play:disabled{opacity:.4;cursor:default}.readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1;min-width:240px}.readout{display:grid;gap:2px;background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:6px 10px;min-width:0}.readout input,.readout output{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:500;border:0;background:0 0;padding:0;width:100%;min-width:0}.readout input{color:var(--clip)}.readout input:focus{outline:0}.readout:focus-within{border-color:var(--clip)}.readout.over output{color:var(--danger)}@media (max-width:420px){.readout input,.readout output{font-size:.9rem}.readout{padding:6px 8px}}.wave-wrap{position:relative;border-radius:8px;background:var(--sunk);overflow:hidden}#wave{display:block;width:100%;height:150px;touch-action:pan-y;cursor:ew-resize}.ruler{position:relative;height:16px;font-size:.72rem;color:var(--muted)}.ruler span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.ruler span:first-child{transform:none}.ruler span:last-child{transform:translateX(-100%)}.hint{margin:0;font-size:.85rem;color:var(--muted)}.output{display:grid;gap:14px}.formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (max-width:560px){.formats{grid-template-columns:1fr}}.fmt{position:relative;display:grid;gap:2px;padding:12px 14px;border-radius:var(--r);border:1.5px solid var(--line);background:var(--surface);cursor:pointer}.fmt input{position:absolute;opacity:0;pointer-events:none}.fmt strong{font-weight:600}.fmt small{color:var(--muted);font-size:.82rem}.fmt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.fmt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.opts{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:.92rem}.opts label{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.opts select{padding:5px 8px;border-radius:7px;border:1px solid var(--line);background:var(--surface)}.opts input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);margin:0}.note{margin:0;font-size:.88rem;color:var(--muted);max-width:65ch}.go{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.primary{border:0;border-radius:9px;padding:12px 22px;font-weight:600;cursor:pointer;background:var(--accent);color:var(--accent-ink)}.primary:disabled{opacity:.45;cursor:default}.secondary{border:1px solid var(--line);border-radius:9px;padding:11px 18px;font-weight:500;cursor:pointer;background:var(--surface)}.estimate{color:var(--muted);font-size:.85rem}.progress{display:flex;align-items:center;gap:12px}.bar{flex:1;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .1s linear}.progress span{font-size:.85rem;color:var(--muted);min-width:3.5em;text-align:right}.result{display:grid;gap:12px;padding:14px 16px;border-radius:var(--r);border:1.5px solid var(--ok);background:var(--surface)}.result-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}.result-head strong{overflow-wrap:anywhere;min-width:0}.result-head span{color:var(--muted);font-size:.82rem}.result-actions{display:flex;gap:10px;flex-wrap:wrap}#saveNote{margin:0;font-size:.88rem;color:var(--muted)}#saveNote.err{color:var(--danger)}.howto{display:grid;gap:12px;padding-top:6px;border-top:1px solid var(--line)}.howto-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}@media (max-width:640px){.howto-cols{grid-template-columns:1fr}}.howto h3{margin:0 0 6px;font-size:.95rem;font-weight:600}.howto ol{margin:0;padding-left:1.25em;display:grid;gap:5px;font-size:.9rem}.howto p{margin:0 0 6px;font-size:.88rem;color:var(--muted)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}