:root{--color-bg:#0a0a0a;--color-accent:#ff3b30;--color-accent-active:#b0202b;--color-text-secondary:#8e8e93;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", sans-serif;--color-text:#fff;--color-surface:color-mix(in srgb, #fff 6%, var(--color-bg));--color-surface-raised:color-mix(in srgb, #fff 10%, var(--color-bg));--color-border:color-mix(in srgb, #fff 14%, var(--color-bg));--color-accent-soft:color-mix(in srgb, var(--color-accent) 16%, transparent);--color-accent-rgb:255, 59, 48;--color-wine:#73232f;--color-wine-rgb:115, 35, 47;--color-wine-deep:#4a101d;--color-wine-deep-rgb:74, 16, 29}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font-family:inherit}.btn-primary{background:var(--color-accent);color:var(--color-text);cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-size:.95rem;font-weight:600}.btn-primary:active{background:var(--color-accent-active)}.btn-quiet{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:.85rem}.btn-quiet:active{border-color:var(--color-text-secondary)}.rhythm-card{text-align:center;background:#120d10bf;border:1px solid #ffffff12;border-radius:28px;flex-direction:column;align-items:center;gap:clamp(20px,3vw,28px);width:100%;max-width:clamp(360px,92vw,800px);padding:clamp(24px,5vw,56px);display:flex;position:relative;box-shadow:0 40px 100px #0000008c,0 12px 35px #00000059,inset 0 1px #ffffff09}.rhythm-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--color-accent-rgb), .8);margin:0;font-size:11px;font-weight:600}.rhythm-title{letter-spacing:-.01em;color:var(--color-text);max-width:20ch;margin:0;font-size:clamp(26px,4vw,38px);font-weight:600}.rhythm-subtitle{color:var(--color-text-secondary);max-width:30em;margin:-8px 0 0;font-size:.95rem;line-height:1.55}.rhythm-stage{--rhythm-inset:30px;width:100%;height:clamp(140px,20vw,210px);position:relative}.rhythm-track-line{left:var(--rhythm-inset);right:var(--rhythm-inset);background:linear-gradient(90deg, #ffffff05, rgba(var(--color-wine-rgb), .25), rgba(var(--color-accent-rgb), .22), rgba(var(--color-wine-rgb), .25), #ffffff05);border-radius:999px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.rhythm-track-line__blur{left:var(--rhythm-inset);right:var(--rhythm-inset);filter:blur(6px);opacity:.5;background:inherit;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.rhythm-end-marker{background:#ffffff1f;border:1px solid #ffffff1a;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translate(-50%,-50%)}.rhythm-end-marker--left{left:var(--rhythm-inset)}.rhythm-end-marker--right{left:calc(100% - var(--rhythm-inset))}.rhythm-center-marker{width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rhythm-center-marker__ring{border:1px solid rgba(var(--color-accent-rgb), .5);opacity:0;background:0 0;border-radius:50%;width:14px;height:14px;margin:auto;position:absolute;inset:0}.rhythm-center-marker__core{background:var(--color-wine-deep);width:14px;height:14px;box-shadow:0 0 10px rgba(var(--color-accent-rgb), .1);border:1px solid #ffffff1a;border-radius:50%;margin:auto;position:absolute;inset:0}.rhythm-orb-glow-far-pos,.rhythm-orb-glow-near-pos,.rhythm-orb-pos{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:0}.rhythm-orb-glow-far,.rhythm-orb-glow-near{border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.rhythm-orb-glow-far{background:radial-gradient(circle, rgba(var(--color-accent-rgb), .06), transparent 70%);filter:blur(35px);width:160px;height:160px}.rhythm-orb-glow-near{background:radial-gradient(circle, rgba(var(--color-accent-rgb), .2), transparent 70%);filter:blur(12px);width:90px;height:90px;animation:5s ease-in-out infinite rhythm-breathe}.rhythm-orb{width:clamp(40px,8vw,52px);height:clamp(40px,8vw,52px);box-shadow:0 8px 22px #00000061, 0 0 22px rgba(var(--color-accent-rgb), .2), 0 0 55px rgba(var(--color-accent-rgb), .08), inset 0 1px 1px #ffffff40;background:radial-gradient(circle at 35% 30%,#ff6a58 0%,#eb493a 40%,#c92e32 100%);border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.rhythm-value{color:var(--color-text);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(30px,5vw,38px);font-weight:600;transition:opacity .16s}.rhythm-value-label{color:var(--color-text-secondary);margin:-12px 0 0;font-size:.9rem}.rhythm-holder-status{color:var(--color-text-secondary);align-items:center;gap:8px;margin:0;font-size:.8rem;display:flex}.rhythm-holder-status button{font:inherit;color:rgba(var(--color-accent-rgb), .9);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.rhythm-slider-block{flex-direction:column;gap:8px;width:100%;max-width:420px;display:flex}.rhythm-slider-root{touch-action:none;align-items:center;width:100%;height:22px;display:flex;position:relative}.rhythm-slider-root[data-disabled]{opacity:.45}.rhythm-slider-track{background:#ffffff12;border-radius:999px;flex-grow:1;height:5px;position:relative}.rhythm-slider-range{background:linear-gradient(90deg, #7a1c2c, var(--color-accent));height:100%;box-shadow:0 0 8px rgba(var(--color-accent-rgb), .25);border-radius:999px;position:absolute}.rhythm-slider-thumb{width:20px;height:20px;box-shadow:0 3px 10px #0006, 0 0 15px rgba(var(--color-accent-rgb), .18);cursor:grab;background:#f05a48;border:2px solid #ffffff26;border-radius:50%;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s;display:block}.rhythm-slider-thumb:hover{transform:scale(1.08)}.rhythm-slider-thumb:active{cursor:grabbing;transform:scale(.94)}.rhythm-slider-thumb:focus-visible{box-shadow:0 0 0 3px rgba(var(--color-accent-rgb), .35), 0 3px 10px #0006;outline:none}.rhythm-slider-labels{color:#f5f1f261;justify-content:space-between;font-size:11px;display:flex}.rhythm-footer{color:var(--color-text-secondary);margin:0;font-size:.85rem}.rhythm-enter{animation:.42s cubic-bezier(.22,1,.36,1) both rhythm-fade-up}.rhythm-enter-stage{animation:.42s cubic-bezier(.22,1,.36,1) both rhythm-fade-scale}@keyframes rhythm-breathe{0%,to{opacity:.75;transform:translate(-50%,-50%)scale(.98)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.02)}}@keyframes rhythm-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes rhythm-fade-scale{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.rhythm-orb-glow-near{animation:none}.rhythm-enter,.rhythm-enter-stage{opacity:1;animation:none;transform:none}}