:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#132238;background:#eef7f6;--ink:#132238;--muted:#59706f;--card:#ffffff;--line:#d6e6e4;--accent:#1f9d8b;--accent-dark:#0f6f63;--warm:#fff4d7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#d9fbf6 0,#eef7f6 42%,#f8fbff 100%);min-height:100vh}main{max-width:1120px;margin:0 auto;padding:24px 18px 56px}nav{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:34px;color:#66817f;font-weight:700}nav a{color:#176f63;text-decoration:none}nav span{font-size:.9rem}.hero{padding:18px 0 28px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,420px);gap:28px;align-items:center}.eyebrow{display:inline-flex;margin:0 0 14px;padding:8px 12px;border:1px solid #bbded8;border-radius:999px;background:rgba(255,255,255,.76);color:#176f63;font-weight:800;font-size:.86rem}h1{font-size:clamp(2.3rem,8vw,5.8rem);line-height:.9;letter-spacing:-.075em;margin:0 0 18px;color:var(--ink)}.lede{font-size:clamp(1.04rem,2vw,1.25rem);line-height:1.7;color:#475f60;max-width:680px}.preset-row,.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pill,.secondary,.primary{border:0;border-radius:999px;font-weight:850;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.pill{padding:11px 14px;background:#fff;border:1px solid #cfe2df;color:#284847}.pill.active{background:#123a37;color:#fff;box-shadow:0 12px 24px rgba(18,58,55,.16)}.timer-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:32px;padding:24px;box-shadow:0 24px 70px rgba(23,91,86,.14)}.box-stage{display:grid;place-items:center;min-height:280px}.breath-box{position:relative;width:min(68vw,280px);height:min(68vw,280px);border:4px solid #91d5cc;border-radius:30px;background:linear-gradient(135deg,#f7fffd,#e4f8f5);box-shadow:inset 0 0 0 14px rgba(31,157,139,.06)}.orb{position:absolute;width:34px;height:34px;border-radius:50%;background:#1f9d8b;box-shadow:0 0 0 12px rgba(31,157,139,.13),0 14px 30px rgba(31,157,139,.35);left:17px;top:17px;transition:left .22s linear,top .22s linear,transform .22s ease,background .2s ease}.side{position:absolute;font-weight:900;color:#28625d;background:rgba(255,255,255,.76);border:1px solid #c9e5e0;border-radius:999px;padding:6px 9px;font-size:.82rem}.side-top{top:-18px;left:50%;transform:translateX(-50%)}.side-right{right:-18px;top:50%;transform:translateY(-50%)}.side-bottom{bottom:-18px;left:50%;transform:translateX(-50%)}.side-left{left:-18px;top:50%;transform:translateY(-50%)}.readout{text-align:center;margin-top:14px}.readout p{margin:0;color:#176f63;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;font-weight:900}.readout strong{display:block;font-size:4.5rem;line-height:1;color:#132238;margin:2px 0}.readout span{color:#657b7a;font-weight:700}.primary{background:#1f9d8b;color:#fff;padding:14px 20px;box-shadow:0 14px 28px rgba(31,157,139,.22)}.secondary{background:#edf7f5;color:#1d5751;border:1px solid #cbe4df;padding:14px 17px}.primary:hover,.secondary:hover,.pill:hover{transform:translateY(-1px)}.settings,.info-card,.faq{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:26px;padding:22px;margin-top:22px;box-shadow:0 12px 32px rgba(18,43,55,.06)}h2{margin:0 0 14px;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.035em}.settings-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px}.settings label{display:grid;gap:7px;color:#415b5a;font-weight:800}.settings input{width:100%;border:1px solid #cce1de;border-radius:14px;padding:12px 13px;font:inherit;font-weight:800;color:#173b38;background:#fbfffe}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.info-card{margin-top:0}.info-card p,.info-card li,.faq p{color:#516868;line-height:1.68}.info-card ol{padding-left:22px}.faq details{border-top:1px solid #dcecea;padding:15px 0}.faq details:first-of-type{border-top:0}.faq summary{cursor:pointer;font-weight:900;color:#173b38}footer{text-align:center;color:#667b7a;padding:30px 16px 45px}@media (max-width:850px){.hero-grid,.content-grid{grid-template-columns:1fr}.timer-card{order:-1}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}nav{align-items:flex-start;flex-direction:column}.box-stage{min-height:250px}}@media (max-width:520px){main{padding-left:14px;padding-right:14px}.timer-card,.settings,.info-card,.faq{border-radius:22px;padding:18px}.settings-grid{grid-template-columns:1fr}.actions>*{flex:1}.readout strong{font-size:3.7rem}}