:root{--bg: #070b1f;--card: rgba(16, 24, 58, .84);--card-strong: rgba(21, 31, 78, .96);--line: rgba(151, 178, 255, .25);--text: #eef4ff;--muted: #9dacd2;--accent: #75d8ff;--accent-2: #b36cff;--good: #7cffcb;--warn: #ffd479;--danger: #ff7aa8;--shadow: 0 24px 70px rgba(0, 0, 0, .38)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(117,216,255,.24),transparent 30%),radial-gradient(circle at 80% 20%,rgba(179,108,255,.26),transparent 28%),linear-gradient(145deg,#050817,#0b1026 48%,#130922)}button,select,input{font:inherit}button{cursor:pointer}a.pill-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.app-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 16px 30px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.eyebrow,.label{margin:0 0 6px;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.35rem,6vw,1.9rem);line-height:1.05}h2{margin-bottom:6px;font-size:clamp(1.7rem,8vw,2.45rem);line-height:1}h3{margin-bottom:0;font-size:1.85rem}.phone-frame{position:relative}.page{display:none}.active-page{display:block}.card,.hero-card{border:1px solid var(--line);border-radius:28px;padding:18px;margin-bottom:14px;background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.neon-card{background:linear-gradient(145deg,rgba(117,216,255,.13),transparent 42%),linear-gradient(315deg,rgba(179,108,255,.16),transparent 38%),var(--card-strong)}.row{display:flex;align-items:center;gap:14px}.between{justify-content:space-between}.align-start{align-items:flex-start}.timezone-box{flex:1;min-width:0}.small-row{color:var(--muted);font-size:.84rem;font-weight:700}.muted{color:var(--muted)}.select{width:100%;max-width:250px;border:1px solid var(--line);border-radius:16px;padding:10px 12px;color:var(--text);background:#02081eb8}.live-time{min-width:66px;text-align:right;font-size:1.35rem;font-weight:900;color:var(--good)}.rhythm-title-block{margin:28px 0 14px}.guidance{margin-bottom:0;color:#dfe8ff;line-height:1.55}.progress-wrap{margin-top:20px}.progress-track{width:100%;height:10px;border-radius:99px;overflow:hidden;background:#ffffff1a;border:1px solid rgba(255,255,255,.08)}.progress-fill{width:0%;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s linear}.tracker{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:16px 0 11px}.segment{min-height:48px;border-radius:16px;display:grid;place-items:center;color:var(--muted);border:1px solid var(--line);background:#ffffff0e;font-weight:900}.segment.active-segment{color:#061022;background:linear-gradient(135deg,var(--good),var(--accent));box-shadow:0 12px 30px #75d8ff3d}.locked-line{margin:0;color:var(--muted);font-size:.76rem;text-align:center;font-weight:800}.controls-card{display:grid;gap:12px}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#e7eeff;font-weight:800}input[type=checkbox]{width:48px;height:28px;accent-color:var(--accent)}.audio-status{margin:0;color:var(--muted);font-size:.76rem;line-height:1.4}.sound-button{border:0;border-radius:999px;padding:12px 14px;font-weight:900;color:#061022;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.pill-button{border:0;border-radius:999px;padding:10px 12px;font-weight:900;color:#061022;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.pill-button{white-space:nowrap;padding:10px 12px;font-size:.82rem}.audio-check-card{padding:0;overflow:hidden}.audio-check-card summary{padding:16px 18px;color:var(--accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;cursor:pointer}.audio-check-grid{display:grid;gap:9px;padding:0 18px 18px}.audio-check-grid div{padding:10px;border-radius:14px;border:1px solid var(--line);background:#ffffff0b}.audio-check-grid span{display:block;color:var(--muted);font-size:.68rem;margin-bottom:6px}.audio-check-grid strong{display:block;font-size:.78rem;word-break:break-word}@media(max-width:380px){.app-shell{padding-left:12px;padding-right:12px}.card,.hero-card{border-radius:24px;padding:15px}.topbar{flex-direction:column}}