@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500;600&display=swap";:root{--dusk:#1b2430;--dusk-deep:#121820;--mist:#c9d6d0;--pearl:#e8e4dc;--slate:#4a5a62;--ember:#c4a574;--ember-soft:#c4a57440;--font:"Source Sans 3", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--dusk-deep);color:var(--pearl);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,a{font-family:inherit}.page{justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.field{background:radial-gradient(ellipse 80% 60% at 50% 45%, #4a5a6273, transparent 70%), radial-gradient(ellipse 120% 80% at 50% 100%, #121820e6, transparent), var(--dusk);z-index:0;pointer-events:none;position:absolute;inset:0}.field--still:after{content:"";background:radial-gradient(circle,#c9d6d014,#0000 70%);border-radius:50%;position:absolute;inset:10% 15%}.field--breath:before{content:"";background:radial-gradient(circle at 50% 48%, rgba(201, 214, 208, calc(var(--mist-opacity,.2))), rgba(201, 214, 208, calc(var(--mist-opacity,.2) * .45)) 32%, transparent 68%);transform:scale(var(--mist-scale,1));pointer-events:none;transition:none;position:absolute;inset:-20%}.field--breath:after{content:"";background:radial-gradient(circle at 50% 50%, rgba(232, 228, 220, calc(var(--glow,.1))), transparent 55%);pointer-events:none;position:absolute;inset:0}.field--immersive:before{background:radial-gradient(circle at 50% 48%, rgba(232, 228, 220, calc(var(--mist-opacity,.2) * .85)), rgba(201, 214, 208, calc(var(--mist-opacity,.2))) 28%, rgba(74, 90, 98, calc(var(--mist-opacity,.2) * .35)) 55%, transparent 72%);inset:-35%}.field--immersive:after{background:radial-gradient(circle at 50% 46%, rgba(232, 228, 220, calc(var(--glow,.1))), rgba(201, 214, 208, calc(var(--glow,.1) * .4)) 40%, transparent 70%)}.home-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:22rem;padding:2rem 1.5rem;display:flex;position:relative}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--mist);opacity:.85;margin:0;font-size:.75rem;font-weight:500}.hint{color:var(--pearl);opacity:.9;margin:0;font-size:1.05rem;font-weight:300;line-height:1.45}.tempo-block{flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.tempo-label{letter-spacing:.08em;text-transform:uppercase;color:#8a9aa3;margin:0;font-size:.8rem}.tempo-value{color:var(--mist);margin:0;font-size:1.35rem;font-weight:300}.btn{appearance:none;cursor:pointer;letter-spacing:.04em;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.9rem 2.2rem;font-size:1.05rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,opacity .2s,transform .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.btn--primary{color:var(--pearl);background:#c9d6d024;border:1px solid #c9d6d047;min-width:10rem;min-height:3.25rem}.btn--primary:hover{background:#c9d6d038}.btn--primary:active{transform:scale(.98)}.btn--ember{background:var(--ember);color:var(--dusk-deep);min-width:10rem}.btn--ember:hover{background:#d4b788}.btn--ghost{color:var(--mist);background:0 0;border:1px solid #c9d6d040;padding:.65rem 1.25rem;font-size:.95rem}.btn--ghost:hover{background:#c9d6d01a}.btn--round{width:2.75rem;height:2.75rem;color:var(--pearl);background:#c9d6d01f;border:1px solid #c9d6d047;border-radius:50%;padding:0;font-size:1.4rem;font-weight:300;line-height:1}.btn--round:hover:not(:disabled){background:#c9d6d038}.btn--round:disabled{opacity:.35;cursor:not-allowed}.player-ui{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1.75rem;padding:2rem 1.5rem;transition:opacity .55s,transform .55s;display:flex;position:relative}.player-ui--hidden{opacity:0;pointer-events:none;transform:scale(.96)}.player--immersive{cursor:none}.tap-hint{z-index:1;bottom:max(1.75rem, env(safe-area-inset-bottom));letter-spacing:.1em;text-transform:uppercase;color:#c9d6d066;pointer-events:none;margin:0;font-size:.75rem;animation:2.4s ease-in-out infinite tap-hint-fade;position:absolute;left:50%;transform:translate(-50%)}@keyframes tap-hint-fade{0%,to{opacity:.35}50%{opacity:.75}}.error-text{color:#d4a090;margin:0;font-size:.9rem}.bpm-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1218208c;border:1px solid #c9d6d026;border-radius:999px;align-items:center;gap:1.25rem;padding:.75rem 1.1rem;display:flex}.bpm-readout{flex-direction:column;align-items:center;min-width:5.5rem;display:flex}.bpm-number{letter-spacing:-.02em;color:var(--pearl);font-size:2.75rem;font-weight:300;line-height:1}.bpm-unit{letter-spacing:.12em;text-transform:uppercase;color:#8a9aa3;margin-top:.25rem;font-size:.65rem}.balance{flex-direction:column;gap:.55rem;width:min(16rem,72vw);display:flex}.balance-ends{letter-spacing:.12em;text-transform:uppercase;color:#8a9aa3;justify-content:space-between;font-size:.7rem;display:flex}.balance input[type=range]{appearance:none;cursor:pointer;background:#c9d6d038;border-radius:999px;outline:none;width:100%;height:.35rem}.balance input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ember);cursor:pointer;border:none;border-radius:50%;width:1.15rem;height:1.15rem}.balance input[type=range]::-moz-range-thumb{background:var(--ember);cursor:pointer;border:none;border-radius:50%;width:1.15rem;height:1.15rem}.balance input[type=range]:focus-visible{outline:2px solid var(--ember);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.btn,.player-ui{transition:none}.tap-hint{animation:none}.field--breath:before{transform:none}}