@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";:root{--cb-bg: #050a08;--cb-walnut: #5a3422;--cb-flame: #f6c15e;--cb-cream: #f4e7c8;--cb-velvet: #0d1c18;--cb-line: rgba(244,231,200,.1);--cb-text: #f4e7c8;--cb-text-mute: rgba(244,231,200,.62);--cb-text-quiet: rgba(244,231,200,.38);--cb-display: "Inter Tight", system-ui, sans-serif;--cb-body: "Inter", system-ui, sans-serif;--cb-mono: "JetBrains Mono", ui-monospace, monospace;--cb-breath-c: #7d9a7c}body{background:var(--cb-bg);color:var(--cb-text);font-family:var(--cb-body)}.cb{max-width:720px;margin:0 auto;padding:36px 22px 48px;display:flex;flex-direction:column;gap:30px;position:relative;isolation:isolate;min-height:100vh}.cb:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(70% 60% at 50% 35%,var(--cb-breath-c) 0%,transparent 60%),radial-gradient(60% 50% at 50% 90%,color-mix(in srgb,var(--cb-breath-c) 30%,#000) 0%,transparent 60%),linear-gradient(180deg,var(--cb-bg) 0%,color-mix(in srgb,var(--cb-breath-c) 12%,var(--cb-bg)) 100%);filter:blur(60px) saturate(.7);opacity:.28;transform:scale(1.05);transition:opacity 1.2s ease}.cb__kicker{font-family:var(--cb-mono);font-size:11px;letter-spacing:.7px;color:var(--cb-flame);text-transform:uppercase;margin:0 0 12px}.cb__title{font-family:var(--cb-display);font-weight:900;font-size:clamp(40px,7vw,60px);line-height:.96;letter-spacing:-.025em;margin:0 0 14px;background:linear-gradient(180deg,var(--cb-cream),var(--cb-breath-c));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cb__sub{font-family:var(--cb-body);font-size:15px;line-height:1.6;color:var(--cb-text-mute);max-width:600px;margin:0}.cb__section-label{font-family:var(--cb-mono);font-size:10px;letter-spacing:.7px;color:var(--cb-text-quiet);text-transform:uppercase;margin:0 0 12px}.cb__pattern-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:560px){.cb__pattern-row{grid-template-columns:repeat(2,1fr)}}.cb__pattern{padding:12px 10px;border-radius:8px;background:#f4e7c80a;border:2px solid transparent;cursor:pointer;text-align:left;transition:background .18s ease,border-color .18s ease}.cb__pattern:hover{background:#f4e7c81a}.cb__pattern--active{border-color:var(--cb-breath-c);background:#7d9a7c1a}.cb__pattern-name{font-family:var(--cb-display);font-weight:700;font-size:14px;margin:0;color:var(--cb-text);letter-spacing:-.01em}.cb__pattern-pattern{font-family:var(--cb-mono);font-size:11px;color:var(--cb-breath-c);margin:4px 0 2px;letter-spacing:.4px}.cb__pattern-tag{font-family:var(--cb-body);font-size:11px;color:var(--cb-text-quiet);margin:0;font-style:italic}.cb__stage{display:flex;flex-direction:column;align-items:center;gap:28px;padding:32px 0}.cb__noun-wrap{position:relative;width:260px;height:260px;display:grid;place-items:center}.cb__noun-bg{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cb-breath-c) 50%,transparent) 0%,transparent 70%);transform:scale(.5);transition:transform 1s ease;pointer-events:none}.cb__stage[data-phase=inhale] .cb__noun-bg{transform:scale(1.4);transition-duration:var(--phase-sec, 4s);transition-timing-function:cubic-bezier(.4,0,.4,1)}.cb__stage[data-phase=hold-in] .cb__noun-bg{transform:scale(1.4);transition-duration:.2s}.cb__stage[data-phase=exhale] .cb__noun-bg{transform:scale(.5);transition-duration:var(--phase-sec, 4s);transition-timing-function:cubic-bezier(.4,0,.4,1)}.cb__stage[data-phase=hold-out] .cb__noun-bg{transform:scale(.5);transition-duration:.2s}.cb__noun{width:140px;height:140px;image-rendering:pixelated;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5));transform:scale(.78);transition:transform 1s ease;position:relative;z-index:1}.cb__stage[data-phase=inhale] .cb__noun{transform:scale(1.1);transition-duration:var(--phase-sec, 4s);transition-timing-function:cubic-bezier(.4,0,.4,1)}.cb__stage[data-phase=hold-in] .cb__noun{transform:scale(1.1);transition-duration:.2s}.cb__stage[data-phase=exhale] .cb__noun{transform:scale(.78);transition-duration:var(--phase-sec, 4s);transition-timing-function:cubic-bezier(.4,0,.4,1)}.cb__stage[data-phase=hold-out] .cb__noun{transform:scale(.78);transition-duration:.2s}.cb__phase-label{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);font-family:var(--cb-display);font-weight:700;font-size:22px;letter-spacing:-.01em;color:var(--cb-text);margin:0;text-transform:lowercase}.cb__phase-counter{position:absolute;bottom:-64px;left:50%;transform:translate(-50%);font-family:var(--cb-mono);font-size:36px;font-weight:500;color:var(--cb-breath-c);margin:0;letter-spacing:-.02em}.cb__start{margin-top:64px;background:#7d9a7c1a;border:2px solid var(--cb-breath-c);color:var(--cb-text);font-family:var(--cb-display);font-weight:600;font-size:14px;padding:12px 28px;border-radius:999px;cursor:pointer;letter-spacing:.5px;transition:background .18s ease,transform .15s ease}.cb__start:hover{background:#7d9a7c33;transform:scale(1.04)}.cb__start:focus-visible{outline:3px solid var(--cb-flame);outline-offset:4px}.cb__start--on{background:#f6c15e29;border-color:var(--cb-flame);color:var(--cb-flame)}.cb__progress{display:flex;flex-direction:column;gap:8px}.cb__progress-label{font-family:var(--cb-mono);font-size:11px;color:var(--cb-text-mute);margin:0;text-align:center;letter-spacing:.3px}.cb__progress-track{height:3px;background:#f4e7c81a;border-radius:2px;overflow:hidden;max-width:480px;width:100%;margin:0 auto}.cb__progress-fill{height:100%;background:var(--cb-breath-c);width:0%;transition:width .6s ease}.cb__tips{padding:22px 24px;background:#f4e7c808;border:1px solid var(--cb-line);border-radius:12px}.cb__tips-title{font-family:var(--cb-display);font-weight:700;font-size:18px;margin:0 0 12px}.cb__tips-list{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:10px}.cb__tips-list li{font-family:var(--cb-body);font-size:13.5px;line-height:1.5;color:var(--cb-text-mute)}.cb__tips-list strong{color:var(--cb-breath-c);font-weight:600}.cb__tips-note{font-family:var(--cb-body);font-size:12.5px;color:var(--cb-text-quiet);margin:0;font-style:italic;line-height:1.5}.cb__foot{margin-top:auto;padding-top:24px;border-top:1px solid var(--cb-line);font-family:var(--cb-mono);font-size:11px;color:var(--cb-text-quiet);line-height:1.7;text-align:center}.cb__foot a{color:var(--cb-breath-c);text-decoration:none}.cb__foot a:hover{text-decoration:underline}