: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}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{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .85rem .2rem;font-size:.78rem;color:var(--ink-dim);font-variant-numeric:tabular-nums}.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}.row-actions{display:flex;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}.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}}