:root{--cream: #FBF7F0;--panel: #F5EFE6;--surface: #FFFFFF;--ink: #2A1F1A;--mid-warm: #8B7355;--faded-tan: #B8A990;--hairline: #E5DCC8;--tan: #C9B895;--maroon: #6B1F2A;--maroon-deep: #4A1520;--sand: #E5C9A8;--ember: #C84A1A;--ember-soft: #FBF2EA;--danger: #B91C1C;--danger-deep: #7F1D1D;--paper: #F4F6F9;--muted: #5C6675;--faint: #8B93A3;--line: #E3E7EF;--line-strong: #C9CFDC;--navy: #0E1B30;--navy-2: #15263F;--navy-3: #1D3355;--blue: #2354E0;--blue-deep: #173CA8;--blue-soft: #E9EFFD;--blue-text: #1B44BE;--amber: #D98D1E;--amber-soft: #FBF0DB;--amber-deep: #8A5A0F;--green: #187A4D;--green-soft: #E2F3EA;--red: #C03030;--red-soft: #FBE8E8;--violet: #6353D6;--violet-soft: #ECE9FB;--r: 10px;--r-xs: 2px;--r-sm: 4px;--r-md: 8px;--r-lg: 10px;--r-xl: 12px;--r-pill: 999px;--border-w: .5px;--font-serif: "Lora", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Roboto Mono", "Courier New", monospace;--ls-tight: -.015em;--ls-normal: .02em;--ls-wide: .18em;--ls-wider: .22em;--ls-widest: .32em;--ls-max: .42em;--transition: all .2s ease;--transition-slow: all .3s ease;--shadow: 0 8px 30px rgba(42, 31, 26, .3)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--paper);color:var(--ink);line-height:1.55}.vs-player{display:flex;align-items:center;gap:12px;background:#fbfcfe;border:1px solid var(--line);border-radius:var(--r);padding:10px 14px}.vs-player.vs-src{background:var(--amber-soft);border-color:#efd9ae}.vs-pbtn{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;border:none;cursor:pointer;transition:transform .1s}.vs-pbtn:active{transform:scale(.92)}.vs-pbtn:disabled{opacity:.5;cursor:progress}.vs-player.vs-src .vs-pbtn{background:var(--amber);color:#241500}.vs-pbtn svg{width:14px;height:14px;fill:currentColor;stroke:none}.vs-meta{min-width:120px}.vs-meta .vs-t{font-size:.83rem;font-weight:600}.vs-meta .vs-s{font-size:.7rem;color:var(--faint);font-family:var(--font-mono)}.vs-wave{flex:1;display:flex;align-items:center;gap:2px;height:34px;cursor:pointer;min-width:0;touch-action:none}.vs-wave i{flex:1;border-radius:1.5px;background:var(--line-strong);min-width:2px;transition:background .12s}.vs-wave i.vs-played{background:var(--blue)}.vs-wave i.vs-region{background:#efd0a0}.vs-wave i.vs-region.vs-played{background:var(--amber)}.vs-dur{font-family:var(--font-mono);font-size:.74rem;color:var(--muted);flex:none}.vs-speed{padding:4px 6px;font-size:.74rem;border-radius:6px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink)}.vs-icon-btn{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--faint);flex:none;border:none;background:none;cursor:default}.vs-icon-btn svg{width:15px;height:15px;stroke-width:1.9}.vs-err{font-size:.74rem;color:var(--red);flex:none}@media (prefers-reduced-motion: reduce){.vs-pbtn,.vs-wave i{transition:none}}