:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#162033;background:#f5f0ff;--ink:#162033;--muted:#667085;--card:#fff;--line:#e5def7;--accent:#7957d5;--accent-dark:#4f35a6;--soft:#fff8dd}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#efe4ff 0,#f7f3ff 40%,#f8fbff 100%)}main{max-width:1120px;margin:0 auto;padding:24px 18px 56px}.site-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;padding:12px 16px;background:rgba(255,255,255,.86);border:1px solid #e1e5ee;border-radius:24px;box-shadow:0 10px 24px rgba(22,31,54,.06);backdrop-filter:blur(12px)}.site-brand{display:inline-flex;align-items:center;gap:10px;color:#172033;text-decoration:none;font-weight:800}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#172033;color:#fff;font-weight:900}.site-nav a:not(.site-brand){color:#4b5565;text-decoration:none;font-weight:700;font-size:.95rem}.site-nav a:hover{text-decoration:underline}.crumb{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:34px;color:#766f8d;font-weight:750}.crumb a{color:#5a3fb4;text-decoration:none}.crumb span{font-size:.9rem}.hero{padding:8px 0 28px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,430px);gap:30px;align-items:center}.eyebrow{display:inline-flex;margin:0 0 14px;padding:8px 12px;border:1px solid #dacffa;border-radius:999px;background:rgba(255,255,255,.78);color:#563aa7;font-weight:850;font-size:.86rem}h1{font-size:clamp(2.45rem,8vw,5.8rem);line-height:.9;letter-spacing:-.075em;margin:0 0 18px;color:var(--ink)}h2{letter-spacing:-.035em}.lede{font-size:clamp(1.04rem,2vw,1.25rem);line-height:1.7;color:#4e5668;max-width:690px}.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 #ddd5f5;color:#332b55}.pill.active{background:#211747;color:#fff;box-shadow:0 12px 24px rgba(42,28,92,.16)}button:hover{transform:translateY(-1px)}.timer-card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:32px;padding:24px;box-shadow:0 24px 70px rgba(65,45,126,.14)}.breath-visual{display:grid;place-items:center;min-height:270px}.ring{position:relative;display:grid;place-items:center;width:min(70vw,280px);height:min(70vw,280px);border-radius:999px;background:conic-gradient(from -90deg,#7957d5 var(--progress,0deg),#ece6fb 0);box-shadow:inset 0 0 0 14px rgba(121,87,213,.08),0 18px 40px rgba(50,33,105,.12)}.ring::after{content:"";position:absolute;inset:24px;border-radius:999px;background:linear-gradient(145deg,#fff,#f8f5ff);box-shadow:inset 0 0 0 1px #e4dcfb}.orb{position:absolute;z-index:2;width:36px;height:36px;border-radius:999px;background:#7957d5;box-shadow:0 10px 28px rgba(121,87,213,.35);transform:translateY(-112px) scale(1);transition:transform .2s linear,background .2s ease}#ringLabel{position:relative;z-index:3;font-weight:900;color:#2b214c;font-size:1.35rem}.readout{text-align:center;margin-top:4px}.readout p{margin:0;color:#554976;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.readout strong{display:block;font-size:clamp(4rem,17vw,7rem);line-height:1;color:#1f1738}.readout span{color:#6d647f;font-weight:750}.primary,.secondary{padding:13px 18px}.primary{background:var(--accent);color:#fff;box-shadow:0 14px 28px rgba(121,87,213,.25)}.secondary{background:#f3f0fb;color:#2d2545;border:1px solid #e2dafa}.settings,.info-card,.faq{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 16px 40px rgba(65,45,126,.08)}.settings{margin:18px 0 22px}.settings h2{margin-top:0}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.settings label{display:grid;gap:8px;color:#4c4365;font-weight:800}.settings input{width:100%;border:1px solid #d8d0ef;border-radius:14px;padding:12px 13px;font:inherit;font-weight:750;color:#211747;background:#fff}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.info-card h2,.faq h2{margin-top:0}.info-card p,.info-card li,.faq p{color:#535d70;line-height:1.7}.info-card li+li{margin-top:8px}.related{padding:12px 14px;background:var(--soft);border:1px solid #f0df94;border-radius:16px}.related a{color:#4f35a6;font-weight:850}.faq details{padding:15px 0;border-top:1px solid #ece6fb}.faq summary{cursor:pointer;font-weight:900;color:#241b42}footer{max-width:1120px;margin:0 auto 40px;padding:0 18px;color:#717b8c;font-size:.9rem}@media (max-width:820px){main{padding-top:16px}.site-nav{border-radius:20px}.hero-grid,.content-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-card{order:-1}.crumb{align-items:flex-start;flex-direction:column;margin-bottom:20px}}@media (max-width:520px){.settings-grid{grid-template-columns:1fr}.actions .primary,.actions .secondary{flex:1 1 100%}.brand-mark{width:30px;height:30px}.site-brand span:last-child{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}