:root{color:#f4f1e8;background:#182426;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--background: #182426;--background-deep: #142224;--surface: #263837;--surface-high: #314543;--text: #f4f1e8;--muted: #b8c3be;--line: rgba(244, 241, 232, .16);--accent: #9fc9bc;--accent-soft: rgba(159, 201, 188, .18);--focus: #cfe8df}*{box-sizing:border-box}html{min-height:100%;background:var(--background)}body{width:100%;min-width:320px;min-height:100vh;min-height:100dvh;margin:0;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 50% 0%,rgba(159,201,188,.14),transparent 34rem),linear-gradient(160deg,var(--background),var(--background-deep))}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}#app{min-height:100vh;min-height:100dvh}.app-shell{--mobile-outer-margin: 6px;display:flex;width:100%;min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(var(--mobile-outer-margin),calc(env(safe-area-inset-top) + var(--mobile-outer-margin))) max(var(--mobile-outer-margin),calc(env(safe-area-inset-right) + var(--mobile-outer-margin))) max(var(--mobile-outer-margin),calc(env(safe-area-inset-bottom) + var(--mobile-outer-margin))) max(var(--mobile-outer-margin),calc(env(safe-area-inset-left) + var(--mobile-outer-margin)))}.screen{position:relative;display:flex;width:100%;min-height:0;flex:1;flex-direction:column;gap:clamp(14px,2.6dvh,24px);overflow:hidden;padding:clamp(16px,4.4vw,22px) clamp(16px,4.4vw,20px);border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#314543b3,#26383785),var(--surface);box-shadow:inset 0 1px #f4f1e80f}.home-screen{justify-content:space-between}.home-screen{gap:clamp(10px,2dvh,18px)}.activity-screen{gap:clamp(12px,2.4dvh,22px)}.activity-main{display:flex;min-height:0;flex:1;flex-direction:column;justify-content:center}.checkin-main,.routine-main,.done-main{gap:clamp(16px,3dvh,28px)}.routine-main,.done-main{align-items:center}.topbar,.routine-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:.88rem}.brand{color:var(--text);font-size:.86rem;font-weight:700;letter-spacing:.18em}.quiet-label,.eyebrow,.note{color:var(--muted)}.eyebrow{margin:0;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.copy-stack{display:grid;gap:10px}h1{max-width:12ch;margin:0;color:var(--text);font-size:clamp(2rem,10vw,3.25rem);font-weight:650;letter-spacing:-.05em;line-height:1.02}.lead,.routine-copy p,.centering-card p{max-width:30ch;margin:0;color:var(--muted);font-size:1rem;line-height:1.55}.note{margin:0;font-size:.9rem;line-height:1.5}.recent-pauses{display:grid;gap:10px;padding:12px;border:1px solid rgba(244,241,232,.12);border-radius:18px;background:#f4f1e80b}.recent-pauses-header,.recent-item div{display:flex;align-items:center;justify-content:space-between;gap:12px}.recent-pauses h2{margin:0;color:var(--text);font-size:.86rem;font-weight:750;letter-spacing:-.01em}.clear-recent-button{min-height:34px;flex-shrink:0;border:0;border-radius:999px;padding:6px 10px;background:#f4f1e814;color:var(--muted);cursor:pointer;font-size:.78rem;font-weight:800}.clear-recent-button:hover,.clear-recent-button:focus-visible{color:var(--text)}.recent-empty,.recent-list,.recent-item p,.recent-item small{margin:0}.recent-empty{color:var(--muted);font-size:.82rem;line-height:1.35}.recent-list{display:grid;gap:8px;padding:0;list-style:none}.recent-item{display:grid;gap:3px;padding-top:8px;border-top:1px solid rgba(244,241,232,.1)}.recent-item:first-child{padding-top:0;border-top:0}.recent-item strong{color:var(--text);font-size:.84rem}.recent-item span,.recent-item p,.recent-item small{color:var(--muted);font-size:.78rem;line-height:1.3}.recent-item small{color:var(--accent);font-weight:750}.orb,.breathing-orb{align-self:center;width:clamp(136px,46vw,200px);aspect-ratio:1;border:1px solid rgba(159,201,188,.45);border-radius:999px;background:radial-gradient(circle at 45% 38%,rgba(244,241,232,.18),transparent 19%),radial-gradient(circle,rgba(159,201,188,.2),rgba(159,201,188,.04) 66%,transparent 68%);box-shadow:0 0 80px #9fc9bc1f}.small-orb{width:128px}.breathing-orb{--breathing-min-scale: .68;--breathing-max-scale: 1.05;--breathing-cycle-duration: 14s;width:clamp(148px,52vw,214px);margin:0 0 8px;transform:scale(var(--breathing-min-scale));animation:calm-breath-cycle var(--breathing-cycle-duration) linear infinite both;will-change:transform}.action-stack,.state-grid{display:grid;gap:12px}.bottom-actions{flex-shrink:0}.button,.state-card,.text-button{min-height:54px;border:0;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:999px;padding:15px 20px;font-weight:700}.button-primary{background:var(--accent);color:#132022}.button-secondary{border:1px solid var(--line);background:#f4f1e80f;color:var(--text)}.text-button{min-height:44px;align-self:center;border-radius:999px;background:transparent;color:var(--muted);font-weight:700;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px}.text-button:hover,.text-button:focus-visible{color:var(--text);text-decoration-color:currentColor}.back-button{align-self:flex-start}.stop-button{flex-shrink:0}.state-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:18px;padding:18px;background:#f4f1e80e;color:var(--text);text-align:left}.state-card span{font-size:1.05rem;font-weight:700}.state-card small{color:var(--accent);font-weight:800}.state-card.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #9fc9bc33}.routine-screen{text-align:center}.centered-copy{justify-items:center;text-align:center}.centered-copy h1,.routine-copy h1,.centering-card h1{max-width:13ch}.routine-copy{display:grid;justify-items:center;gap:12px}.breathing-cue-frame{display:grid;min-height:calc(clamp(2rem,10vw,3.25rem)*3.06);place-items:center}.breathing-cue-frame h1{grid-area:1 / 1}.breathing-cue-fade-enter-active,.breathing-cue-fade-leave-active{transition:opacity .22s ease}.breathing-cue-fade-enter-from,.breathing-cue-fade-leave-to{opacity:0}.centering-card{display:grid;gap:14px;width:100%;padding:28px 22px;border:1px solid var(--line);border-radius:20px;background:#f4f1e80e;text-align:left}.centering-card h1{font-size:clamp(1.75rem,8vw,2.55rem)}@keyframes calm-breath-cycle{0%{transform:scale(var(--breathing-min-scale));animation-timing-function:cubic-bezier(.34,0,.2,1)}42.857%{transform:scale(var(--breathing-max-scale));animation-timing-function:cubic-bezier(.4,0,.66,1)}to{transform:scale(var(--breathing-min-scale))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.breathing-orb{animation:none;transform:scale(.86);will-change:auto}}@media (min-width: 680px){.app-shell{max-width:430px;padding-block:32px}}@media (max-height: 760px){.home-screen .orb{width:clamp(124px,42vw,170px)}.lead,.routine-copy p,.centering-card p{line-height:1.45}.note{line-height:1.35}}