:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:#09090f;color:#f5f7ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent: #8b5cf6;--accent-soft: rgba(139, 92, 246, .18)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#191929,#09090f 60%)}button,input{font:inherit}button{border:none;cursor:pointer}#root{min-height:100vh}.app-shell{max-width:860px;margin:0 auto;padding:1rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem}.hero,.meter-card,.panel{background:#0b0f1ee6;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 20px 60px #00000040}.hero{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .9rem}.eyebrow{margin:0 0 .25rem;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:#99a3c7}.hero-copy{margin-top:.4rem;max-width:34rem;color:#c3cce8;font-size:.95rem}h1,h2,p{margin:0}h1{font-size:clamp(1.5rem,4vw,2rem)}.meter-card{padding:1.15rem;display:flex;flex-direction:column;gap:1rem}.bpm-stack{display:flex;flex-direction:column;gap:.2rem}.status{color:#8ea0d6;font-size:.95rem}.bpm-display{font-size:clamp(3rem,18vw,5.5rem);font-weight:700;letter-spacing:-.03em}.bpm-label,.stat-label,.helper{color:#8ea0d6;font-size:.9rem}.tap-button,.record-button{width:100%;padding:1rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),#4f46e5);color:#fff;font-weight:700;font-size:1rem;box-shadow:0 16px 45px #4f46e54d}.tap-button:active{transform:scale(.98)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.stats-grid>div{padding:.8rem;border-radius:16px;background:#ffffff0a;display:flex;flex-direction:column;gap:.2rem}.panel{padding:1rem;display:flex;flex-direction:column;gap:.9rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ghost-button{padding:.6rem .9rem;border-radius:999px;background:var(--accent-soft);color:#f5f7ff}.slider-row{display:flex;flex-direction:column;gap:.6rem;color:#f4f6ff}input[type=range]{width:100%;accent-color:var(--accent)}.graph{width:100%;height:auto;border-radius:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);padding:.2rem}.pill{display:inline-flex;align-items:center;border-radius:999px;font-size:.8rem;padding:.28rem .6rem;background:#34d39929;color:#99f6d0}.pill.muted{background:#ffffff14;color:#b7c0df}.record-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@media (min-width: 700px){.app-shell{padding:2rem 2rem 3rem}.meter-card{padding:1.4rem}}