:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8eee8;background:#09120f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% 0%,#18382b 0,transparent 38rem),#09120f}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:56px 0 28px}.masthead{max-width:760px;padding:28px 0 50px}.eyebrow,.section-kicker,footer{color:#86b39b;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.signal-dot{width:7px;height:7px;border-radius:999px;background:#bce69a;box-shadow:0 0 16px #a8e582}h1{margin:24px 0 18px;font-size:clamp(48px,8vw,91px);line-height:.94;letter-spacing:-.075em;font-weight:500}h1 em{color:#a8dc84;font-family:Georgia,serif;font-weight:400}.dek{max-width:540px;margin:0;color:#a3b5a9;font-size:18px;line-height:1.5}.privacy-note{margin-top:28px;color:#668273;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.privacy-note span{color:#a8dc84}.privacy-note b{color:#385a48;margin:0 8px}.workbench{display:grid;gap:18px}.drop-zone{display:flex;align-items:center;gap:18px;min-height:132px;padding:28px;border:1px dashed #47755d;border-radius:12px;background:linear-gradient(120deg,#1d4433bd,#0e221ab8);transition:.2s ease}.drop-zone:hover,.drop-zone.dragging,.drop-zone:focus-visible{border-color:#b5e592;background:#1c4532;outline:none}.drop-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border:1px solid #608d73;border-radius:50%;color:#b8e998;font-size:25px}.drop-zone strong,.drop-zone span{display:block}.drop-zone strong{font-size:17px;font-weight:600}.drop-zone span{margin-top:5px;color:#8faa9a;font-size:14px}.text-button{padding:0;border:0;background:transparent;color:#b8e998;text-decoration:underline;text-underline-offset:3px}.media-panel,.capability-panel,.tool-card{padding:25px;border:1px solid #284a3a;border-radius:10px;background:#0a1913d1}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}h2{margin:7px 0 0;font-size:22px;letter-spacing:-.035em;font-weight:600}.muted{color:#89a094;font-size:14px;line-height:1.5}video,audio{display:block;width:100%;max-height:480px;border-radius:6px;background:#030705}audio{height:48px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:18px;background:#284a3a;border:1px solid #284a3a;border-radius:6px;overflow:hidden}.stat{padding:13px;background:#10241b}.stat small,.stat strong{display:block}.stat small{color:#769383;font:10px ui-monospace,monospace;text-transform:uppercase}.stat strong{margin-top:5px;font-size:14px}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.capability{display:flex;gap:10px;padding:13px;border:1px solid #213e31;border-radius:7px;background:#10231a}.capability-icon{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;font-weight:700}.capability-icon.yes{color:#0b1713;background:#a8dc84}.capability-icon.no{color:#788d81;background:#294337}.capability strong,.capability small{display:block}.capability strong{font-size:13px}.capability small{margin-top:4px;color:#718c7b;font-size:11px;line-height:1.35}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{min-width:0}.tool-card>h2{margin-top:7px}.tool-card>.muted{min-height:43px}.tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.primary-button,.secondary-button,.subtle-button{border-radius:5px;padding:10px 13px;border:1px solid transparent;font-size:12px;font-weight:700}.primary-button{color:#0b1713;background:#a8dc84}.primary-button:hover{background:#c6f1a3}.secondary-button,.subtle-button{color:#a8c3b0;border-color:#3b6550;background:#173125}.secondary-button:hover,.subtle-button:hover{border-color:#82ad91}button:disabled{cursor:not-allowed;opacity:.4}.result-box{min-height:88px;max-height:300px;overflow:auto;padding:13px;border:1px solid #213e31;border-radius:6px;background:#08150f}.empty-state{color:#607b6c;font-size:13px}.error-state{color:#f3a39b;font-size:13px}.recording-state{display:flex;gap:8px;align-items:center;color:#d9efcc;font-size:13px}.recording-state i{width:8px;height:8px;border-radius:50%;background:#f26e66;box-shadow:0 0 10px #f26e66}.cue-row{display:grid;grid-template-columns:55px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #1c3529;font-size:13px;line-height:1.4}.cue-row:last-child{border:0}.cue-row time{color:#86b39b;font:11px ui-monospace,monospace}.track-list{display:grid;gap:8px;margin-top:17px}.track-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #284a3a;border-radius:5px;background:#10231a}.track-row:has(input:checked){border-color:#8ebc7a}.track-row span{min-width:0}.track-row strong,.track-row small{display:block}.track-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.track-row small,.compat-note{margin-top:4px;color:#789284;font-size:11px}.compat-note{line-height:1.45}.progress-line{display:flex;min-height:18px;color:#86b39b;font:11px ui-monospace,monospace}.transcript-box p{margin:0;color:#d4e1d8;white-space:pre-wrap;font-size:13px;line-height:1.55}.download-link{color:#b8e998;font-size:13px;text-decoration:none}.download-link:hover{text-decoration:underline}footer{display:flex;justify-content:space-between;gap:20px;margin-top:55px;padding-top:18px;border-top:1px solid #1b3628;color:#587363}footer a{color:#8db99c;text-decoration:none}footer a:hover{color:#b8e998}.hidden{display:none!important}@media(max-width:760px){.shell{width:min(100% - 28px,600px);padding-top:25px}.masthead{padding-bottom:30px}h1{font-size:clamp(45px,15vw,72px)}.tools-grid,.capability-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.drop-zone{padding:20px}footer{flex-direction:column;gap:10px}}
