:root{--bg: #07080b;--bg-soft: #0d0f14;--panel: rgba(255, 255, 255, .028);--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .18);--ink: #f2f4f8;--ink-dim: #98a0b0;--ink-faint: #626b7c;--accent: #7cf2c8;--accent-2: #7aa2ff;--warn: #ffb86b;--err: #ff7a85;--radius: 14px;--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, monospace;color-scheme:dark}:root[data-brand=dotprox]{--bg: oklch(14% .012 260);--bg-soft: oklch(17% .014 260);--panel: oklch(21% .016 260 / .5);--line: oklch(28% .018 260 / .6);--line-strong: oklch(38% .02 260 / .75);--ink: oklch(97% .005 260);--ink-dim: oklch(78% .012 260);--ink-faint: oklch(55% .014 260);--accent: oklch(86% .18 165);--accent-2: oklch(70% .25 340);--warn: oklch(78% .18 50)}*{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;background-image:radial-gradient(1100px 620px at 12% -10%,rgba(124,242,200,.07),transparent 60%),radial-gradient(900px 520px at 88% 0%,rgba(122,162,255,.08),transparent 55%);background-attachment:fixed}.shell{width:min(1080px,calc(100% - 2.5rem));margin:0 auto;padding:3.5rem 0 5rem}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:4rem}.brand{display:flex;align-items:center;gap:.65rem;font-weight:600;letter-spacing:-.01em}.mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:#06131a;font-size:.82rem;font-weight:800}.mark-dotprox{width:30px;height:30px;display:none}:root[data-brand=dotprox] .mark{display:none}:root[data-brand=dotprox] .mark-dotprox{display:block}.status-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:0 .2rem .85rem}.status{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--ink-dim);font-variant-numeric:tabular-nums}.opts{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}.opt{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--ink-dim);cursor:pointer;user-select:none}.opt input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.opt .track{width:30px;height:17px;border-radius:999px;background:var(--panel);border:1px solid var(--line);padding:2px;display:inline-flex;transition:background .18s ease,border-color .18s ease}.opt .knob{width:11px;height:11px;border-radius:50%;background:var(--ink-faint);transition:transform .18s ease,background .18s ease}.opt input:checked~.track{background:var(--accent);border-color:transparent}.opt input:checked~.track .knob{transform:translate(13px);background:var(--bg)}.opt input:focus-visible~.track{outline:2px solid var(--accent);outline-offset:2px}.dot{width:7px;height:7px;border-radius:50%;background:var(--ink-faint)}.dot.live{background:var(--accent);box-shadow:0 0 0 4px #7cf2c81f}.dot.down{background:var(--err)}.hero{max-width:42rem;margin-bottom:2.75rem}.hero h1{font-size:clamp(2.4rem,6vw,3.9rem);line-height:1.02;letter-spacing:-.035em;margin:0 0 1.1rem;font-weight:620}.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:0;color:var(--ink-dim);font-size:1.06rem;line-height:1.65;max-width:34rem}.facts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}.tag{font-size:.76rem;color:var(--ink-dim);border:1px solid var(--line);background:var(--panel);padding:.35rem .7rem;border-radius:999px}.tag b{color:var(--ink);font-weight:600}.tag.soon{color:var(--ink-faint);border-style:dashed}.drop{position:relative;border:1px dashed var(--line-strong);border-radius:20px;background:var(--panel);padding:3.4rem 2rem;text-align:center;cursor:pointer;overflow:hidden;transition:border-color .2s ease,background .2s ease}.drop:hover{border-color:#7cf2c873}.drop.over{border-color:var(--accent);background:#7cf2c80d}.drop:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.drop-glow{position:absolute;inset:-40% -10%;background:radial-gradient(closest-side,rgba(124,242,200,.16),transparent);opacity:0;pointer-events:none}.drop h2{margin:0 0 .5rem;font-size:1.22rem;font-weight:560;letter-spacing:-.015em}.drop p{margin:0;color:var(--ink-faint);font-size:.88rem}.arrow{width:46px;height:46px;margin:0 auto 1.15rem;border-radius:14px;border:1px solid var(--line);display:grid;place-items:center;color:var(--accent)}.hidden-input{display:none}.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:2.5rem 0 1rem;flex-wrap:wrap}.bar h3{margin:0;font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);font-weight:600}.actions{display:flex;gap:.5rem;flex-wrap:wrap}button{font:inherit;font-size:.84rem;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:10px;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;line-height:1.2;cursor:pointer;transition:border-color .15s ease,background .15s ease,opacity .15s ease,transform .15s ease,box-shadow .15s ease}button svg{width:14px;height:14px;flex:none}button:hover:not(:disabled){border-color:var(--line-strong);background:#ffffff0f}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:color-mix(in oklab,var(--bg) 85%,#000);border-color:transparent;font-weight:600;padding-right:.6rem;box-shadow:0 1px #ffffff38 inset,0 8px 20px -12px color-mix(in oklab,var(--accent) 70%,transparent)}button.primary:hover:not(:disabled){background:color-mix(in oklab,var(--accent) 92%,#fff);border-color:transparent;transform:translateY(-1px);box-shadow:0 1px #ffffff47 inset,0 12px 22px -12px color-mix(in oklab,var(--accent) 85%,transparent)}button.primary:active:not(:disabled){transform:translateY(0)}button.primary .count{margin-left:.1rem;padding:.05rem .4rem;border-radius:999px;font-size:.74rem;font-weight:700;font-variant-numeric:tabular-nums;background:color-mix(in oklab,var(--bg) 30%,transparent);color:inherit}button.ghost{background:transparent}.list{display:flex;flex-direction:column;gap:.7rem}.item{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);overflow:hidden}.item-head{display:flex;align-items:center;gap:.9rem;padding:.9rem 1.05rem}.name{flex:1;min-width:0;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub{font-size:.76rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.state{font-size:.74rem;padding:.24rem .6rem;border-radius:999px;border:1px solid var(--line);color:var(--ink-dim);white-space:nowrap}.state.done{color:var(--accent);border-color:#7cf2c859}.state.error{color:var(--err);border-color:#ff7a8559}.state.working{color:var(--accent-2);border-color:#7aa2ff59}.track{height:2px;background:#ffffff0f;position:relative;overflow:hidden}.fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.track.indeterminate .fill{width:34%;animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-110%)}to{transform:translate(320%)}}.body{padding:0 1.05rem 1.05rem}.metrics{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem}.metric{border:1px solid var(--line);border-radius:9px;padding:.4rem .65rem;background:#ffffff05;display:flex;align-items:baseline;gap:.4rem}.metric span{font-size:.68rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em}.metric b{font-size:.86rem;font-weight:600;font-variant-numeric:tabular-nums;font-family:var(--mono)}.player{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem;padding:.5rem .8rem;border:1px solid var(--line);border-radius:999px;background:#00000047}.player .play{width:30px;height:30px;flex:none;padding:0;border-radius:50%;font-size:.68rem;line-height:1;color:var(--accent);display:grid;place-items:center}.player .time{font-family:var(--mono);font-size:.74rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;flex:none}.seek{--p: 0;flex:1;min-width:0;height:4px;appearance:none;-webkit-appearance:none;border-radius:999px;background:linear-gradient(90deg,var(--accent) calc(var(--p) * 1%),rgba(255,255,255,.12) calc(var(--p) * 1%));cursor:pointer}.seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--ink);border:none}.seek::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--ink);border:none}.seek:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.transcript{font-size:.9rem;line-height:1.72;color:var(--ink-dim);background:#00000047;border:1px solid var(--line);border-radius:10px;padding:.95rem 1.05rem;max-height:15rem;overflow:auto;white-space:pre-wrap;word-break:break-word}.transcript.full{max-height:none}.transcript.timed{white-space:normal}.transcript .w{border-radius:4px;transition:color .18s ease,background-color .18s ease}.transcript .w.said{color:var(--ink-faint)}.transcript .w.on{color:var(--bg);background:var(--accent);box-shadow:0 0 0 2px var(--accent)}.chip.s0,.turn.s0{color:var(--accent)}.chip.s1,.turn.s1{color:var(--accent-2)}.chip.s2,.turn.s2{color:var(--warn)}.chip.s3,.turn.s3{color:#d3a5ff}.chip.s4,.turn.s4{color:#7ce0f2}.chip.s5,.turn.s5{color:#ffa8c5}.speakers{border:1px solid var(--line);border-radius:10px;background:#00000047;padding:.8rem .9rem;margin-top:.85rem;display:flex;flex-direction:column;gap:.55rem}.speakers-head{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.speakers-head b{font-size:.82rem;font-weight:600}.speakers-head span{font-size:.74rem;color:var(--ink-faint)}.spk{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(9rem,13rem);align-items:center;gap:.6rem;padding-top:.55rem;border-top:1px solid var(--line)}.spk-id{display:flex;flex-direction:column;gap:.15rem;min-width:0}.spk-id .chip{font-size:.84rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spk-stat{font-size:.72rem;color:var(--ink-faint);font-family:var(--mono);font-variant-numeric:tabular-nums}.spk-samples{display:flex;gap:.35rem}.sample{font-family:var(--mono);font-size:.74rem;font-variant-numeric:tabular-nums;color:var(--ink-dim);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.3rem .6rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.sample:hover:not(:disabled){color:var(--ink);border-color:var(--line-strong)}.sample.on{color:var(--bg);background:var(--accent);border-color:transparent}.sample:disabled{opacity:.45;cursor:default}.sample:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spk-name{font-family:var(--font);font-size:.82rem;color:var(--ink);background:#00000059;border:1px solid var(--line);border-radius:8px;padding:.4rem .6rem;width:100%;min-width:0}.spk-name::placeholder{color:var(--ink-faint)}.spk-name:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.turn{display:block;margin:.7rem 0 .15rem;font-size:.76rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.turn:first-child{margin-top:0}@media(max-width:620px){.spk{grid-template-columns:minmax(0,1fr) auto}.spk-name{grid-column:1 / -1}}.row-actions{display:flex;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}.modal-wrap{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#0000008c;backdrop-filter:blur(2px);animation:modal-in .16s ease-out}.modal{width:min(26rem,100%);max-height:90vh;overflow:auto;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-soft);padding:1.2rem 1.25rem 1rem;box-shadow:0 24px 60px -20px #000c}.modal h4{margin:0;font-size:.95rem;font-weight:600}.modal-sub{margin:.15rem 0 1rem;font-size:.78rem;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-opts{display:flex;flex-direction:column;gap:.5rem}.modal-opts button{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;text-align:left;padding:.7rem .85rem}.modal-opts button b{font-weight:600;font-size:.86rem}.modal-opts button span{font-size:.76rem;color:var(--ink-faint)}@keyframes modal-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.modal-wrap{animation:none}}.err-msg{color:var(--err);font-size:.85rem}.summary{margin-top:1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,#7cf2c80f,#7aa2ff0d);padding:1.1rem 1.2rem;display:flex;flex-wrap:wrap;gap:1.6rem;align-items:center}.summary .k{font-size:.7rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.1em}.summary .v{font-family:var(--mono);font-size:1.3rem;font-weight:600;font-variant-numeric:tabular-nums}.stats{margin-top:3.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.notes{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.note{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem 1.25rem;background:linear-gradient(180deg,color-mix(in oklab,var(--ink) 3.5%,transparent),color-mix(in oklab,var(--ink) 1.2%,transparent));transition:border-color .25s ease,transform .25s ease}.note:hover{border-color:var(--line-strong);transform:translateY(-2px)}.note h4{margin:0 0 .3rem;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.note p{margin:0;font-size:.84rem;line-height:1.55;color:var(--ink-faint)}.note.stat{padding:1.4rem 1.4rem 1.3rem;background:linear-gradient(180deg,color-mix(in oklab,var(--ink) 6%,transparent),color-mix(in oklab,var(--ink) 1.5%,transparent))}.note.stat:before{content:"";position:absolute;inset:-1px -1px auto;height:1px;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.stat-num{margin:.3rem 0 .7rem!important;font-size:clamp(3.2rem,9vw,4.6rem);font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--ink)!important;font-variant-numeric:tabular-nums}.stat-suf{margin-left:.05em;font-size:.72em;font-weight:600;color:var(--ink)}footer{margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--line);color:var(--ink-faint);font-size:.78rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:1.6rem;transform:translate(-50%,400%);background:var(--bg-soft);border:1px solid var(--line-strong);border-radius:12px;padding:.6rem 1rem;font-size:.84rem;z-index:40;pointer-events:none}@media(prefers-reduced-motion:reduce){.track.indeterminate .fill{animation:none;width:100%;opacity:.5}}@media(max-width:640px){.shell{padding-top:2.2rem}.top{margin-bottom:2.4rem}.drop{padding:2.4rem 1.1rem}.item-head{flex-wrap:wrap}}footer a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:1px;transition:color .15s ease,border-color .15s ease}footer a:hover{color:var(--accent);border-color:var(--accent)}footer a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.dot.swap{background:var(--warn);box-shadow:0 0 0 4px #ffb86b24;animation:engine-pulse 1.1s ease-in-out infinite}@keyframes engine-pulse{50%{opacity:.4}}.engine-btn{font:inherit;font-size:.78rem;color:var(--ink-dim);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.28rem .75rem;cursor:pointer;transition:border-color .18s ease,color .18s ease}.engine-btn:hover,.engine-btn.on{color:var(--ink);border-color:var(--line-strong)}.engine-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.engine-panel{border:1px solid var(--line);background:var(--bg-soft);border-radius:var(--radius);padding:1rem 1.1rem .9rem;margin:0 0 1rem}.engine-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;font-size:.9rem}.engine-x{font:inherit;font-size:1.1rem;line-height:1;color:var(--ink-faint);background:none;border:0;cursor:pointer;padding:.1rem .3rem}.engine-x:hover{color:var(--ink)}.engine-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}.engine-choice{display:flex;flex-direction:column;gap:.25rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:var(--panel);transition:border-color .18s ease}.engine-choice input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.engine-choice.on{border-color:var(--accent)}.engine-choice:focus-within{outline:2px solid var(--accent);outline-offset:2px}.engine-choice-name{font-size:.86rem;font-weight:600}.engine-choice-name em{font-style:normal;font-weight:400;color:var(--accent)}.engine-choice-hint{font-size:.76rem;color:var(--ink-dim);line-height:1.35}.engine-auth{display:flex;gap:.6rem;margin-top:.85rem;flex-wrap:wrap}.engine-auth input{flex:1 1 180px;font:inherit;font-size:.85rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem}.engine-auth input:focus{outline:none;border-color:var(--accent)}.engine-go{font:inherit;font-size:.85rem;font-weight:600;color:#06131a;background:var(--accent);border:0;border-radius:10px;padding:.5rem 1rem;cursor:pointer}.engine-go:disabled{opacity:.45;cursor:default}.engine-err{color:var(--err);font-size:.8rem;margin:.6rem 0 0}.engine-note{color:var(--ink-faint);font-size:.74rem;margin:.6rem 0 0}.engine-progress{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:.75rem 1rem;margin:0 0 1rem}.engine-progress-text{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--ink-dim);margin-bottom:.5rem}.engine-progress-text strong{color:var(--ink);font-weight:600}.engine-pct{font-variant-numeric:tabular-nums;color:var(--ink)}.engine-bar{height:6px;border-radius:999px;background:var(--line);overflow:hidden}.engine-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .5s ease}.engine-done{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--accent);border-radius:var(--radius);padding:.6rem .9rem;margin:0 0 1rem;font-size:.82rem;color:var(--ink-dim)}.engine-done strong{color:var(--ink)}.engine-done.failed{border-color:var(--err)}