.rcd{--background:#fff;--foreground:#101114;--muted-foreground:#5e636c;--card:#fff;--muted:#f5f6f8;--secondary:#f0f1f4;--border:#e6e8ec;--primary:#1149e6;--primary-foreground:#fff;--primary-text:#1149e6;--brick:#e6e8ec;--brick-quiet:#c9cdd4;--signal:#ff5b1f;--signal-foreground:#101114;--tab-active:#fff;--radius-sm:6px;--radius-lg:10px;--radius-full:9999px;color:var(--foreground);font-family:var(--font-sans)}.dark .rcd{--background:#101114;--foreground:#f5f6f8;--muted-foreground:#9ba1ab;--card:#181a1f;--muted:#0b0c0e;--secondary:#22252b;--border:#ffffff1a;--primary-text:#6e94ff;--brick:#2a2d34;--brick-quiet:#3b3f47;--tab-active:#262930}.rcd .tabs{background:var(--muted);border-bottom:1px solid var(--border);scrollbar-width:none;align-items:center;gap:4px;padding:4px;display:flex;overflow-x:auto}.rcd .tabs::-webkit-scrollbar{display:none}.rcd .tab{appearance:none;cursor:pointer;text-align:left;border-radius:var(--radius-sm);height:52px;color:var(--foreground);background:0 0;border:0;flex-direction:column;flex:none;justify-content:center;gap:1px;padding:0 18px;transition:background-color .16s,color .16s;display:inline-flex}.rcd .tab b{font:600 15px/20px var(--font-sans);white-space:nowrap}.rcd .tab small{font:400 13px/16px var(--font-sans);color:var(--muted-foreground);white-space:nowrap}.rcd .tab:hover{background:var(--brick)}.rcd .tab[aria-selected=true]{background:var(--tab-active);color:var(--foreground);box-shadow:0 0 0 1px var(--border), 0 1px 2px #1011140f, 0 2px 8px #1011140f}.rcd .tab[aria-selected=true]:hover{background:var(--tab-active)}.rcd .tab.upload{border:1.5px dashed color-mix(in srgb, var(--muted-foreground) 60%, transparent);flex-direction:row;align-items:center;gap:12px;margin-left:auto;padding:0 18px 0 14px;transition:background-color .16s,border-color .16s}.rcd .tab.upload svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.rcd .tab.upload span{flex-direction:column;gap:1px;display:flex}.rcd .tab.upload:hover{border-color:var(--foreground);background:0 0}.rcd .tab.upload[aria-selected=true]{border-style:solid;border-color:var(--border);background:var(--tab-active);box-shadow:0 1px 2px #1011140f,0 2px 8px #1011140f}.rcd.dragging .tab.upload{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent)}.rcd .drop-hint{color:var(--muted-foreground);margin:0 0 12px;font-size:13px;line-height:18px}@media (max-width:860px){.rcd .tabs{padding-right:48px;-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000);mask-image:linear-gradient(90deg,#000 82%,#0000)}.rcd .tab.upload{margin-left:0}}@media (hover:none){.rcd .drop-hint{display:none}}.rcd .stage{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);overflow:hidden}.rcd .stage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.rcd .clip-title{font:600 18px/24px var(--font-sans);margin:0 0 4px}.rcd .clip-note{color:var(--muted-foreground);max-width:40rem;min-height:60px;margin:0;font-size:14px;line-height:20px}.rcd .controls{align-items:center;gap:12px;display:flex}.rcd .btn{appearance:none;cursor:pointer;border-radius:var(--radius-lg);width:128px;height:48px;font:500 16px/1 var(--font-sans);border:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.rcd .btn.primary{background:var(--primary);color:var(--primary-foreground)}.rcd .btn.primary:hover{background:color-mix(in srgb, var(--primary) 88%, #000)}.rcd .btn svg{fill:currentColor;width:20px;height:20px}.rcd .btn:disabled{opacity:.5;cursor:default}.rcd .clock{font:500 14px/20px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--muted-foreground);text-align:right;min-width:8em}.rcd .viz-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) 18rem;display:grid}.rcd .viz{min-width:0;padding:24px 0 16px 24px;position:relative}.rcd canvas{cursor:pointer;touch-action:none;width:100%;height:260px;display:block}.rcd .tip{pointer-events:none;background:var(--foreground);color:var(--background);font:500 13px/18px var(--font-sans);font-variant-numeric:tabular-nums;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;padding:6px 10px;transition:opacity .12s;position:absolute;transform:translate(-50%,-100%)}.rcd .tip.on{opacity:1}.rcd .readout{border-left:1px solid var(--border);background:var(--muted);flex-direction:column;gap:12px;padding:24px;display:flex}.rcd .readout .lbl{color:var(--muted-foreground);font-size:13px;line-height:18px}.rcd .score{min-width:3.2ch;font:600 64px/1 var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.rcd .score.empty{color:var(--muted-foreground)}.rcd .pill{border-radius:var(--radius-full);height:28px;font:500 14px/1 var(--font-sans);border:1px solid #0000;align-self:flex-start;align-items:center;padding:0 12px;transition:background-color .2s,color .2s;display:inline-flex}.rcd .pill.listening{color:var(--muted-foreground);background:var(--secondary);border-color:var(--border)}.rcd .pill.low{color:var(--primary-text);background:color-mix(in srgb, var(--primary) 10%, transparent);border-color:color-mix(in srgb, var(--primary) 30%, transparent)}.rcd .pill.medium{color:var(--foreground);background:color-mix(in srgb, var(--signal) 14%, transparent);border-color:color-mix(in srgb, var(--signal) 55%, transparent)}.rcd .pill.high{color:var(--signal-foreground);background:var(--signal)}.rcd .explain{color:var(--muted-foreground);min-height:60px;margin:0;font-size:14px;line-height:20px}.rcd .flagline{font:500 14px/20px var(--font-sans);font-variant-numeric:tabular-nums;min-height:20px;margin:0}@media (max-width:860px){.rcd .viz-row{grid-template-columns:1fr}.rcd .readout{border-left:0;border-top:1px solid var(--border);flex-flow:wrap;align-items:center;gap:12px 20px}.rcd .score{font-size:48px}.rcd .viz{padding-left:16px;padding-right:16px}.rcd canvas{height:200px}}.rcd .status{text-align:center;color:var(--muted-foreground);pointer-events:none;font-size:14px;line-height:20px;position:absolute;top:50%;left:24px;right:0;transform:translateY(-50%)}.rcd .status:not(:empty){background:color-mix(in srgb, var(--card) 85%, transparent);padding:12px}.rcd .chooser{border:1.5px dashed color-mix(in srgb, var(--muted-foreground) 50%, transparent);border-radius:var(--radius-lg);background:var(--card);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:absolute;inset:24px 16px 16px 24px}.rcd .chooser[hidden]{display:none}.rcd.dragging .chooser{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--card))}.rcd .chooser-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.rcd .chooser .btn{width:auto;padding:0 20px 0 16px}.rcd .btn.ghost{background:var(--card);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border)}.rcd .btn.ghost:hover{background:var(--secondary)}.rcd .btn.ghost svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.rcd .or{color:var(--muted-foreground);font-size:14px}.rcd .chooser-note{color:var(--muted-foreground);max-width:28rem;min-height:36px;margin:0;font-size:13px;line-height:18px}.rcd .chooser-note a{color:var(--primary-text)}.rcd .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.rcd .tab,.rcd .pill,.rcd .tip{transition:none}}