:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f7;--blue:#2997ff;--green:#83f6c9;--card:#ffffff13;--line:#ffffff24;background:#05070a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 18%,#2997ff47,#0000 34%),radial-gradient(circle at 50% 55%,#83f6c91f,#0000 30%),linear-gradient(#05070a 0%,#0b1018 55%,#05070a 100%);min-height:100vh;overflow-x:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}.app{width:min(100%,520px);min-height:100vh;padding:max(22px, env(safe-area-inset-top)) 18px max(26px, env(safe-area-inset-bottom));margin:0 auto}.hero{text-align:center;padding:30px 4px 18px}.eyebrow{border:1px solid var(--line);color:#f5f5f7b8;letter-spacing:.02em;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0e;border-radius:999px;padding:6px 12px;font-size:13px;display:inline-flex}h1{letter-spacing:-.06em;margin:18px 0 10px;font-size:clamp(38px,10vw,58px);line-height:.96}p{color:#f5f5f7ad;max-width:34ch;margin:0 auto;font-size:16px;line-height:1.45}.breather-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(#ffffff1f,#ffffff0e);border-radius:34px;margin:18px 0;padding:26px 18px 20px;box-shadow:0 28px 80px #0000006b,inset 0 1px #ffffff2e}.orb-wrap{place-items:center;width:min(78vw,342px);height:min(78vw,342px);margin:0 auto;display:grid;position:relative}.progress-ring{background:conic-gradient(var(--blue) var(--progress), #ffffff1a 0deg);opacity:.9;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 64%,#000 65%);mask:radial-gradient(circle,#0000 64%,#000 65%)}.orb-glow{filter:blur(26px);will-change:transform;background:radial-gradient(circle,#83f6c95c,#2997ff2e 48%,#0000 70%);border-radius:50%;width:74%;height:74%;position:absolute;transform:translateZ(0)}.orb{color:#061018;will-change:transform;background:radial-gradient(circle at 35% 28%,#ffffff8c,#0000 18%),linear-gradient(145deg,#83f6c9db,#2997ffe0);border-radius:50%;align-content:center;place-items:center;width:66%;height:66%;transition:background .6s;display:grid;transform:translateZ(0);box-shadow:0 16px 70px #2997ff59,inset 0 1px 10px #ffffff80}.orb.exhale{background:radial-gradient(circle at 35% 28%,#ffffff7a,#0000 18%),linear-gradient(145deg,#d7e9ff,#78a8ff)}.orb span{letter-spacing:-.02em;font-size:22px;font-weight:650}.orb strong{letter-spacing:-.08em;font-size:64px;line-height:.9}.timer-row{justify-content:space-between;align-items:end;gap:16px;padding:4px 10px 18px;display:flex}.timer-row span{letter-spacing:-.05em;font-size:38px;font-weight:700}.timer-row small{color:#f5f5f794;padding-bottom:8px;font-size:14px}.controls{justify-content:center;align-items:center;gap:12px;display:flex}.icon-btn,.main-btn{border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff1a;box-shadow:inset 0 1px #ffffff29}.icon-btn{border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.main-btn{background:#0071e3;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:142px;height:52px;font-weight:650;display:inline-flex}.icon-btn:active,.main-btn:active,.chip:active,.duration:active{transform:scale(.98)}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff0f;border-radius:26px;margin-top:12px;padding:18px}.panel h2{letter-spacing:-.03em;margin:0 0 12px;font-size:19px}.segmented{border:1px solid var(--line);background:#0003;border-radius:999px;grid-template-columns:repeat(2,1fr);gap:6px;margin:-2px 0 12px;padding:5px;display:grid}.segment{color:#f5f5f7ad;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 12px}.segment.active{color:#fff;background:#2997ff57}.chips{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.chip,.duration{border:1px solid var(--line);color:#fff;text-align:left;cursor:pointer;background:#ffffff13;border-radius:18px;padding:14px}.chip strong{letter-spacing:-.04em;font-size:22px;display:block}.chip span{color:#f5f5f794;margin-top:3px;font-size:13px;display:block}.chip.active,.duration.active{background:#2997ff38;border-color:#2997ffe6}.durations{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.duration{text-align:center;border-radius:999px;padding:13px 8px}footer{color:#f5f5f775;text-align:center;padding:20px 8px 4px;font-size:13px;line-height:1.35}@media (width<=380px){.app{padding-left:12px;padding-right:12px}.chips{grid-template-columns:1fr}.durations{grid-template-columns:repeat(2,1fr)}.timer-row{flex-direction:column;align-items:center;gap:0}.timer-row small{padding-bottom:0}}