:root{--bg: #e9e7e2;--panel: #f4f3f0;--panel2: #fdfdfc;--line: #d8d5ce;--line-soft: #e3e1da;--ink: #2b2b28;--soft: #6b6963;--faint: #8b887f;--accent: #2b2b28;--danger: #b0342a;--wave-base: #8b8778;--wave-played: #2b2b28;--wave-cursor: #2b2b28;--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-body: var(--font-sans);--fs-body: 14px;--fs-h1: 24px;--fw-h1: 500;--tt-h1: none;--ls-h1: -.01em;--r-card: 3px;--r-ctl: 999px;--pb-size: 46px;--pb-radius: 50%}@media (prefers-color-scheme: dark){:root{--bg: #050505;--panel: #0a0a0a;--panel2: #101010;--line: #1c1c1c;--line-soft: #141414;--ink: #e8e8e8;--soft: #8a8a8a;--faint: #5f5f5f;--accent: #f2f2f2;--danger: #c4574d;--wave-base: #3a3a3a;--wave-played: #e8e8e8;--wave-cursor: #ffffff;--font-body: var(--font-sans);--fs-body: 14px;--fs-h1: 24px;--fw-h1: 500;--tt-h1: none;--ls-h1: -.01em;--r-card: 3px;--r-ctl: 999px;--pb-size: 46px;--pb-radius: 50%}}:root[data-theme=light]{--bg: #e9e7e2;--panel: #f4f3f0;--panel2: #fdfdfc;--line: #d8d5ce;--line-soft: #e3e1da;--ink: #2b2b28;--soft: #6b6963;--faint: #8b887f;--accent: #2b2b28;--danger: #b0342a;--wave-base: #8b8778;--wave-played: #2b2b28;--wave-cursor: #2b2b28;--font-body: var(--font-sans);--fs-body: 14px;--fs-h1: 24px;--fw-h1: 500;--tt-h1: none;--ls-h1: -.01em;--r-card: 3px;--r-ctl: 999px;--pb-size: 46px;--pb-radius: 50%}:root[data-theme=dark]{--bg: #050505;--panel: #0a0a0a;--panel2: #101010;--line: #1c1c1c;--line-soft: #141414;--ink: #e8e8e8;--soft: #8a8a8a;--faint: #5f5f5f;--accent: #f2f2f2;--danger: #c4574d;--wave-base: #3a3a3a;--wave-played: #e8e8e8;--wave-cursor: #ffffff;--font-body: var(--font-sans);--fs-body: 14px;--fs-h1: 24px;--fw-h1: 500;--tt-h1: none;--ls-h1: -.01em;--r-card: 3px;--r-ctl: 999px;--pb-size: 46px;--pb-radius: 50%}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6}.shell{max-width:58rem;margin:0 auto;padding:0 1.5rem 4rem}.topbar{display:flex;align-items:center;gap:2rem;padding:1.3rem 0 1rem;border-bottom:1px solid var(--line);margin-bottom:2.2rem}.wordmark{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:8px}.wordmark:before{content:"";width:7px;height:7px;border-radius:var(--pb-radius);background:var(--accent);display:inline-block}.wordmark em{font-style:normal;color:var(--soft)}.topbar nav{display:flex;gap:1.4rem;flex:1}.topbar nav a{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);text-decoration:none;padding-bottom:2px}.topbar nav a.active{color:var(--ink);border-bottom:1px solid var(--accent)}.topbar .who{font-family:var(--font-mono);font-size:10px;color:var(--soft);letter-spacing:.06em}h1{font-size:var(--fs-h1);font-weight:var(--fw-h1);text-transform:var(--tt-h1);letter-spacing:var(--ls-h1);margin:0 0 1.4rem}h2{font-size:1.1em;font-weight:500;margin:0 0 .8rem}.eyebrow{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin:0 0 .5rem}.muted{color:var(--soft)}.small{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.03em}button,.btn{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--bg);border:1px solid var(--ink);border-radius:var(--r-ctl);padding:.6rem 1.3rem;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.btn:hover{opacity:.85}button:disabled{opacity:.4;cursor:default}button.ghost,.btn.ghost{background:var(--panel2);color:var(--ink);border:1px solid var(--line)}button.ghost:hover,.btn.ghost:hover{border-color:var(--ink);opacity:1}button.link,a.link{background:none;border:none;padding:0;color:var(--soft);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:none;text-decoration:underline;text-underline-offset:3px;border-radius:0;display:inline;cursor:pointer;white-space:nowrap}button.link:hover,a.link:hover{color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:1px solid var(--accent);outline-offset:2px}input[type=text],input[type=email],input[type=password],input[type=number],textarea{font-family:var(--font-mono);font-size:12px;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:2px;padding:.55rem .7rem;width:100%}input:focus,textarea:focus{border-color:var(--ink);outline:none}label.field{display:block;margin-bottom:1rem}label.field>span{display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:.35rem}.check{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;margin:.55rem 0;cursor:pointer}.check input{accent-color:var(--accent);width:.95rem;height:.95rem}.error{color:var(--danger);font-family:var(--font-mono);font-size:11px;margin:.6rem 0}input.cbx{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:15px;height:15px;flex:none;cursor:pointer;border:1px solid var(--faint);border-radius:4px;background:var(--panel2);position:relative;margin:0}input.cbx:hover{border-color:var(--soft)}input.cbx:checked{background:var(--ink);border-color:var(--ink)}input.cbx:checked:after{content:"";position:absolute;left:4.5px;top:1.5px;width:3.5px;height:7.5px;border:solid var(--bg);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}input.cbx:disabled{opacity:.35;cursor:default}input.cbx:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.switch{display:flex;align-items:flex-start;gap:.8rem;cursor:pointer;margin:.9rem 0}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:34px;height:18px;flex:none;margin-top:1px;border:1px solid var(--line);background:var(--panel2);border-radius:var(--r-ctl);position:relative;transition:border-color .15s ease}.switch .knob{position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--faint);border-radius:var(--pb-radius);transition:transform .15s ease,background .15s ease}.switch input:checked+.track{border-color:var(--ink)}.switch input:checked+.track .knob{transform:translate(16px);background:var(--ink)}.switch input:focus-visible+.track{outline:1px solid var(--accent);outline-offset:2px}.switch-text{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;line-height:1.5}.switch-hint{display:block;color:var(--faint);font-size:9.5px}.chipfield{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px;background:var(--panel2);border:1px solid var(--line);border-radius:3px;cursor:text;position:relative}.chipfield:focus-within{border-color:var(--ink)}.chipfield input,.chipfield input:focus{border:none;background:transparent;width:auto;flex:1;min-width:9rem;padding:4px}.rchip{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;border:1px solid var(--ink);border-radius:999px;padding:3px 9px 3px 11px;color:var(--ink);white-space:nowrap}.rchip button{background:none;border:none;padding:0;margin:0;color:var(--soft);font-size:12px;line-height:1;cursor:pointer;border-radius:0}.rchip button:hover{color:var(--ink);opacity:1}.suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:var(--panel2);border:1px solid var(--line);border-radius:3px;max-height:15rem;overflow-y:auto;box-shadow:0 10px 30px #0000002e}.suggest .srow{display:flex;gap:10px;align-items:baseline;padding:9px 12px;cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;border-bottom:1px solid var(--line-soft)}.suggest .srow:last-child{border-bottom:none}.suggest .srow:hover,.suggest .srow.hl{background:var(--panel)}.suggest .nm{color:var(--ink)}.suggest .em{color:var(--faint);font-size:10px}.suggest .create{color:var(--soft)}.suggest .create:hover{color:var(--ink)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1.6rem 1.7rem;width:min(22rem,92vw)}.modal .actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:.4rem}.logo-preview{max-height:56px;max-width:220px;display:block;margin:.4rem 0 .8rem}.senderlogo{max-height:48px;max-width:200px;display:block;margin-bottom:1.1rem}.formsection{border-top:1px solid var(--line-soft);padding-top:1.2rem;margin-top:1.6rem}.inline-row{display:flex;gap:.6rem;align-items:flex-end}.inline-row .grow{flex:1}.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.1rem}.chip{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);border-radius:var(--r-ctl);color:var(--soft);background:transparent;padding:.3rem .75rem;cursor:pointer}.chip:hover{color:var(--ink);border-color:var(--ink);opacity:1}.chip.active{color:var(--bg);background:var(--ink);border-color:var(--ink)}.listhead{display:flex;gap:1rem;padding:0 .2rem .5rem;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line)}select.mini{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.05em;background:transparent;color:var(--soft);border:1px solid transparent;border-radius:2px;padding:2px 4px;cursor:pointer;max-width:9rem}select.mini:hover,select.mini:focus{border-color:var(--line);color:var(--ink);outline:none}.minibtn{width:26px;height:26px;border-radius:50%;flex:none;padding:0;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font-size:9px;display:flex;align-items:center;justify-content:center}.minibtn:hover{border-color:var(--ink);opacity:1}.previewwrap{padding:.2rem .5rem 1rem 2.6rem}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin:0 0 1rem;font-family:var(--font-mono);font-size:11px}.crumb{background:none;border:none;padding:2px 6px;border-radius:3px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--soft);cursor:pointer;text-transform:none}.crumb:hover{color:var(--ink);opacity:1}.crumb-sep{color:var(--faint)}.crumbs .crumb:last-of-type{color:var(--ink)}.ficon{width:14px;height:10px;flex:none;border:1px solid var(--soft);border-radius:2px;position:relative}.ficon:before{content:"";position:absolute;top:-4px;left:-1px;width:7px;height:3px;border:1px solid var(--soft);border-bottom:none;border-radius:2px 2px 0 0}.folderrow{-webkit-user-select:none;user-select:none}.folderrow .title:hover{text-decoration:underline;text-underline-offset:3px}.droptarget{outline:1.5px dashed var(--ink);outline-offset:2px;border-radius:3px}.treepick{border:1px solid var(--line);border-radius:3px;background:var(--panel2);max-height:14rem;overflow-y:auto;margin:.6rem 0 1rem}.treerow{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--line-soft);border-radius:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:none;color:var(--soft);padding:8px 14px;cursor:pointer}.treerow:last-child{border-bottom:none}.treerow:hover{color:var(--ink);opacity:1}.treerow.active{color:var(--bg);background:var(--ink)}.treerow.active .ficon,.treerow.active .ficon:before{border-color:var(--bg)}.treerow:disabled{opacity:.35;cursor:default}.seltoolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel2);padding:.6rem 1rem;margin:0 0 1rem;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em}.seltoolbar .count{color:var(--soft);margin-right:auto}.dgridwide{display:grid;grid-template-columns:max-content 1fr;gap:6px 26px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em}.dgridwide .k{color:var(--faint);text-transform:uppercase}.dgridwide .v{color:var(--ink)}.submit-mobile{display:none}.composegrid{display:grid;grid-template-columns:1fr 1fr;column-gap:3.5rem;align-items:start}.composegrid .full{grid-column:1 / -1}@media (max-width: 860px){.composegrid{grid-template-columns:1fr}}.sendrow{cursor:pointer;-webkit-user-select:none;user-select:none}.sendrow:hover .title{color:var(--accent)}.chev{font-family:var(--font-mono);font-size:9px;color:var(--faint);transition:transform .15s ease;display:inline-block;margin-right:2px}.chev.open{transform:rotate(90deg)}.send-details{background:var(--panel2);border:1px solid var(--line-soft);border-radius:var(--r-card);margin:0 0 .8rem;padding:1rem 1.2rem}.send-details .dgrid{display:grid;grid-template-columns:max-content 1fr;gap:4px 22px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;margin-top:.8rem}.send-details .dgrid .k{color:var(--faint);text-transform:uppercase}.send-details .dgrid .v{color:var(--ink)}.send-details .trackline{display:flex;gap:10px;font-family:var(--font-mono);font-size:10.5px;padding:5px 0;border-bottom:1px solid var(--line-soft)}.send-details .trackline:last-of-type{border-bottom:none}.send-details .trackline .n{color:var(--faint)}.send-details .trackline .t{flex:1;color:var(--ink)}.send-details .trackline .f{color:var(--faint)}.send-details .dnote{font-family:var(--font-mono);font-size:10.5px;color:var(--soft);border-left:2px solid var(--line);padding-left:.8rem;margin-top:.8rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:1.3rem 1.5rem;margin-bottom:1.2rem}.rowline{display:flex;align-items:center;gap:1rem;padding:.8rem .2rem;border-bottom:1px solid var(--line-soft)}.rowline:last-child{border-bottom:none}.rowline .grow{flex:1;min-width:0}.rowline .title{font-size:1.02em}.rowline .sub{font-family:var(--font-mono);font-size:10px;color:var(--faint);letter-spacing:.04em}.badge{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);color:var(--soft);padding:.2rem .5rem;white-space:nowrap}.badge.brass{color:var(--accent);border-color:var(--accent)}.badge.busy{color:var(--soft)}.badge.failed{color:var(--danger);border-color:var(--danger)}.dropzone{border:1px dashed var(--line);background:var(--panel);border-radius:var(--r-card);padding:2.2rem 1.5rem;text-align:center;color:var(--soft);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;cursor:pointer;margin-bottom:1.6rem;transition:border-color .15s ease}.dropzone.over,.dropzone:hover{border-color:var(--ink);color:var(--ink)}.authwrap{max-width:22rem;margin:14vh auto 0;padding:0 1.5rem}.authwrap .wordmark{font-size:13px;margin-bottom:.6rem}.authwrap .tagline{color:var(--soft);margin:0 0 2rem;font-size:.95em}.lpage{min-height:100vh;background:var(--bg);color:var(--ink);padding:3.5rem 1.25rem 3rem}.lpage-inner{max-width:34rem;margin:0 auto}.lcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:1.8rem 1.8rem 1.4rem}.lhead{display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--soft);text-transform:uppercase;margin-bottom:.7rem}.lhead b{color:var(--ink);font-weight:400}.lrule{border:0;border-top:1px solid var(--line);margin:0 0 1.1rem}.lname{font-size:var(--fs-h1);font-weight:var(--fw-h1);text-transform:var(--tt-h1);letter-spacing:var(--ls-h1);margin:0 0 1.2rem}.ldata{display:grid;grid-template-columns:max-content 1fr;gap:6px 26px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;margin:0 0 1.3rem}.ldata .k{color:var(--faint);text-transform:uppercase}.ldata .v{color:var(--ink);text-transform:uppercase}.lnote{font-family:var(--font-mono);font-size:10.5px;color:var(--soft);border-left:2px solid var(--line);padding-left:.9rem;margin:0 0 1.3rem;letter-spacing:.04em;line-height:1.6}.lnote-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:5px}.senderbanner{border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);padding:.9rem 1.1rem;margin:0 0 1.3rem;font-family:var(--font-mono);font-size:10.5px;line-height:1.6;color:var(--soft);letter-spacing:.03em}.senderbanner .sb-title{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:5px}.ltracks{margin:0 0 1.4rem}.ltracks .row{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;padding:8px 2px;border-bottom:1px solid var(--line-soft)}.ltracks .n{color:var(--faint)}.ltracks .t{flex:1;color:var(--soft);cursor:pointer;text-transform:uppercase}.ltracks .t:hover,.ltracks .t.playing{color:var(--ink)}.ltracks .d{color:var(--faint)}.lfine{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border-top:1px solid var(--line);padding-top:.9rem;margin-top:1.5rem;line-height:1.9}.barcode{width:100%;height:30px;display:block;margin-top:1.4rem}.bclabel{font-family:var(--font-mono);font-size:7.5px;letter-spacing:.12em;color:var(--faint);margin-top:4px;text-transform:uppercase}.themetoggle{position:fixed;top:14px;right:16px;z-index:10;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;background:transparent;color:var(--faint);border:1px solid var(--line);border-radius:var(--r-ctl);padding:5px 11px;text-transform:uppercase;cursor:pointer}.themetoggle:hover{color:var(--ink);border-color:var(--ink);opacity:1}.topbar .themetoggle{position:static}.player{margin-top:1.6rem}.player .controls{display:flex;align-items:center;gap:14px}.playbtn{width:var(--pb-size);height:var(--pb-size);border-radius:50%;border:none;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;padding:0;flex:none;transition:transform .1s ease,opacity .1s ease}.playbtn:hover{opacity:.85;transform:scale(1.05)}.playbtn svg{display:block}.skipbtn{width:30px;height:30px;border-radius:50%;flex:none;padding:0;border:none;background:transparent;color:var(--soft);display:flex;align-items:center;justify-content:center}.skipbtn:hover:not(:disabled){color:var(--ink);opacity:1}.skipbtn:disabled{opacity:.25;cursor:default}.scrub{flex:1;min-width:0;cursor:pointer;touch-action:none;padding:6px 0}.waveform{width:100%;height:56px;display:block}.progress{flex:1;height:22px;display:flex;align-items:center;cursor:pointer}.progress .rail{width:100%;height:1px;background:var(--line);position:relative}.progress .fill{position:absolute;inset:-1px auto -1px 0;background:var(--ink)}.player .time{font-family:var(--font-mono);font-size:9.5px;color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.08em}.result-hit{border-left:2px solid var(--accent)}.result-miss{border-left:2px solid var(--line)}@media (max-width: 640px){.topbar{flex-wrap:wrap;gap:.8rem 1.2rem}.listhead{display:none}.rowline{gap:.7rem}.rowline .title{font-size:.9em}.rowline .sub{font-size:9px}.rowline .grow{min-width:0}.rowline .grow .title,.rowline .grow .sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h1{font-size:20px}.mobhide{display:none!important}input[type=text],input[type=email],input[type=password],input[type=number],textarea,.chipfield input{font-size:16px}.submit-desktop{display:none}.submit-mobile{display:block;width:100%;grid-column:1 / -1}}