html{background:#17120f}body{min-width:320px;min-height:100vh}:root{color:#f8f4ee;font-synthesis:none;text-rendering:optimizelegibility;background:#17120f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#ffb55433,#0000 32%),radial-gradient(circle at 100% 100%,#ff6f6129,#0000 34%),#17120f;margin:0}button{font:inherit;cursor:pointer}.app{justify-content:center;min-height:100vh;display:flex}.phone{width:100%;max-width:480px;min-height:100vh;padding:22px 18px 96px;position:relative}.hero{padding:28px 4px 18px}.hero.compact{padding-bottom:8px}.badge{color:#ffd29b;letter-spacing:.02em;background:#ffffff1a;border-radius:999px;align-items:center;width:fit-content;min-height:30px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}h1{letter-spacing:-.06em;margin:16px 0 10px;font-size:44px;line-height:.95}h2{letter-spacing:-.05em;margin:18px 0 10px;font-size:36px;line-height:1}h3{margin:26px 0 12px;font-size:20px}p{color:#f8f4eeb8;margin:0;font-size:17px;line-height:1.42}.cards{gap:12px;margin-top:16px;display:grid}.modeCard{text-align:left;color:#f8f4ee;background:#ffffff12;border:1px solid #ffffff1c;border-radius:28px;width:100%;min-height:116px;padding:20px;box-shadow:0 20px 60px #00000038}.modeCard.primary{background:linear-gradient(135deg,#ffa64d57,#ff615038);border-color:#ffd19b59}.modeCard.full{background:linear-gradient(135deg,#ffd29b3d,#ffffff14);border-color:#ffd29b52;min-height:108px}.modeCard span{margin-bottom:12px;font-size:28px;display:block}.modeCard strong{letter-spacing:-.03em;margin-bottom:6px;font-size:24px;display:block}.modeCard small{color:#f8f4eeb3;font-size:15px;line-height:1.35}.toolbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#251e19e6;border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:repeat(3,1fr);gap:8px;width:calc(100% - 28px);max-width:452px;height:64px;padding:8px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toolbar button{color:#f8f4ee8a;background:0 0;border:0;border-radius:18px;font-weight:700}.toolbar button.active{color:#17120f;background:#ffd29b}.back{color:#f8f4eead;background:0 0;border:0;margin-bottom:10px;padding:10px 0}.step,.timerScreen{padding-top:22px}.softBox{background:#ffffff14;border:1px solid #ffffff1a;border-radius:24px;margin:24px 0;padding:18px}.softBox strong{color:#ffd29b;margin-bottom:8px;display:block}.chips{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.chip{color:#f8f4eed1;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:12px 14px}.chip.selected{color:#17120f;background:#ffd29b;border-color:#ffd29b}.mainButton,.secondaryButton,.ghostButton,.dangerButton{border-radius:20px;width:100%;min-height:56px;font-size:16px;font-weight:800}.mainButton{color:#17120f;background:#ffd29b;border:0;box-shadow:0 18px 44px #ffa64d38}.secondaryButton{color:#f8f4ee;background:#ffffff14;border:1px solid #ffffff24;margin-bottom:12px}.ghostButton{color:#f8f4ee94;background:0 0;border:0;margin-top:12px}.dangerButton{color:#ffb6ad;background:#ff6f611f;border:1px solid #ff6f6157;margin-top:18px}.timerScreen{text-align:center}.timerScreen .badge{margin:0 auto}.timer{letter-spacing:-.08em;color:#ffd29b;margin:34px auto 24px;font-size:84px;font-weight:900;line-height:1}.timerActions{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;display:grid}.timerActions button{color:#f8f4ee;background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;min-height:54px;font-weight:800}.durationGrid{grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0;display:grid}.duration{color:#f8f4ee;background:#ffffff14;border:1px solid #ffffff1f;border-radius:22px;min-height:78px}.duration strong{margin-bottom:5px;font-size:24px;line-height:1;display:block}.duration small{color:#f8f4ee94;font-weight:700}.duration.selected{color:#17120f;background:#ffd29b;border-color:#ffd29b}.duration.selected small{color:#17120f9e}.routePreview{gap:10px;margin:22px 0 24px;display:grid}.routeItem{background:#ffffff12;border:1px solid #ffffff1a;border-radius:22px;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:14px;display:grid}.routeItem span{color:#ffd29b;background:#ffd29b29;border-radius:14px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.routeItem strong{margin-bottom:4px;display:block}.routeItem small{color:#f8f4ee94}.progressLine{background:#ffffff1a;border-radius:999px;height:8px;margin:22px 0;overflow:hidden}.progressLine div{background:#ffd29b;border-radius:999px;height:100%}.affirmationBox{color:#f8f4ee;letter-spacing:-.04em;background:linear-gradient(135deg,#ffd29b33,#ffffff14);border:1px solid #ffd29b3d;border-radius:28px;margin:28px 0 18px;padding:24px;font-size:24px;font-weight:850;line-height:1.18}.breathCircle{color:#17120f;background:#ffd29b;border-radius:50%;place-items:center;width:210px;height:210px;margin:34px auto 24px;font-size:84px;font-weight:950;transition:transform .8s,opacity .8s;display:grid;box-shadow:0 0 80px #ffd29b40}.breathCircle.inhale{transform:scale(1.06)}.breathCircle.exhale{opacity:.86;transform:scale(.86)}.smallTimer{color:#f8f4ee94;margin-top:18px;font-weight:800}.emptyBox,.historyItem,.settingsItem{background:#ffffff14;border:1px solid #ffffff1a;border-radius:24px;margin-top:14px;padding:18px}.emptyBox strong,.historyItem strong,.settingsItem strong{color:#ffd29b;margin-bottom:8px;display:block}.historyList{gap:12px;margin-top:16px;display:grid}.historyItem small{color:#f8f4ee80;margin-top:4px;font-size:13px;display:block}.historyItem p,.settingsItem p,.emptyBox p{font-size:15px}.settingsList{gap:12px;margin:18px 0 22px;display:grid}.coachBox{text-align:left;background:linear-gradient(135deg,#ffd29b2e,#ffffff12);border:1px solid #ffd29b33;border-radius:26px;margin:22px 0;padding:20px}.coachBox.live{text-align:center;margin:0 auto 24px}.coachBox span{color:#ffd29bc7;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:13px;font-weight:900;display:block}.coachBox strong{color:#f8f4ee;letter-spacing:-.04em;font-size:23px;line-height:1.15;display:block}.coachBox button{color:#ffd29bd6;background:0 0;border:0;margin-top:14px;font-size:14px;font-weight:800}