.surf-page{--surf-ink:var(--ink);--surf-muted:var(--muted);--surf-paper:var(--paper);--surf-line:var(--line);background:var(--surf-paper);min-height:100dvh;color:var(--surf-ink)}.surf-page :focus-visible{outline-color:#986033}.surf-page h1,.surf-page h2{letter-spacing:-.045em;font-weight:500}.surf-header{border-bottom:1px solid var(--surf-line);justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 64px);min-height:85px;margin-inline:auto;display:flex}.surf-header-actions{align-items:center;gap:16px;display:flex}.surf-exit{border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.surf-exit:hover{background:#e9eddf}.surf-options-button{background:#fff;border:1px solid #c5cebf;border-radius:6px;align-items:center;gap:9px;min-height:44px;padding:8px 14px;font-size:13px;display:flex}.surf-options-button:hover{background:#edf1e7}.surf-eyebrow{letter-spacing:.14em;align-items:center;gap:8px;font-size:10px;font-weight:700;line-height:1.7;display:flex}.surf-button{color:#fff;background:#294e39;border:1px solid #294e39;border-radius:6px;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:13px 22px;font-size:14px;font-weight:600;transition:background .18s;display:inline-flex}.surf-button:hover{background:#3c6040}.surf-button:disabled{cursor:not-allowed;opacity:.6}.surf-button-secondary{color:var(--surf-ink);background:#fff;border-color:#c5cebf}.surf-button-secondary:hover{background:#edf1e7}.surf-description{color:var(--surf-muted);font-size:16px;line-height:1.85}.surf-note{color:var(--surf-muted);font-size:11px;line-height:1.8}.surf-intro-main{align-items:center;min-height:calc(100dvh - 85px);padding-block:56px;display:grid}.surf-intro{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,88px);width:min(1100px,100% - 64px);margin-inline:auto;display:grid}.surf-intro-copy h1{margin-block:24px;font-size:clamp(38px,4.4vw,60px);line-height:1.1}.surf-intro-copy h1 em{color:#986033;font-family:Georgia,serif;font-weight:400}.surf-start{justify-content:space-between;min-width:210px;margin-top:28px}.surf-intro-copy .surf-note{margin-top:14px}.surf-instructions{border-top:1px solid var(--surf-line);margin-top:30px;padding-top:22px;font-size:13px;line-height:1.8}.surf-instructions summary{cursor:pointer;font-weight:600}.surf-instructions ol{color:var(--surf-muted);margin-top:14px;padding-left:20px;list-style:decimal}.surf-instructions li+li{margin-top:8px}.surf-instructions p{color:var(--surf-muted);margin-top:14px}.surf-intro-preview{background:#fff;border:1px solid #c5cebf;border-radius:12px;padding:24px;box-shadow:9px 10px #e8e9df}.surf-preview-heading{color:var(--surf-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;display:flex}.surf-intro-preview .surf-breath-visual{width:min(100%,350px);margin:32px auto}.surf-preview-caption{border-top:1px solid var(--surf-line);text-align:center;padding-top:22px}.surf-preview-caption h2{font-size:23px}.surf-preview-caption p{color:var(--surf-muted);margin-top:8px;font-size:12px}.surf-session-shell{min-height:100dvh}.surf-session-shell .surf-header{min-height:76px}.surf-session-main{width:min(820px,100% - 48px);margin-inline:auto;padding-block:24px}.surf-session-heading{text-align:center;margin-bottom:22px}.surf-session-heading .surf-eyebrow{justify-content:center}.surf-session-heading h1{margin-top:8px;font-size:clamp(28px,3.3vw,36px);line-height:1.15}.surf-session-card{border:1px solid var(--surf-line);background:#fff;border-radius:14px;padding:16px 30px 12px;box-shadow:0 8px 32px #243d3205}.surf-session-meta{border-bottom:1px solid var(--surf-line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.surf-session-meta h2{font-family:var(--font-inter);letter-spacing:0;margin-top:5px;font-size:13px}.surf-session-timer{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.surf-session-timer span{color:var(--surf-muted);font-size:10px}.surf-session-timer strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:24px;font-weight:500;line-height:1.2}.surf-breath-stage{place-items:center;padding-block:16px;display:grid}.surf-breath-visual{aspect-ratio:1;isolation:isolate;place-items:center;width:min(100%,clamp(220px,38dvh,440px));display:grid;position:relative}.surf-breath-track{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.surf-track-line{fill:#f8faf4;stroke:#b4c5a7;stroke-width:2.5px}.surf-track-marker{fill:#294e39;stroke:#fff;stroke-width:3px;filter:drop-shadow(0 1px 3px #243d3240)}.surf-orb{aspect-ratio:1;width:71%;transform:scale(var(--breath-scale));will-change:transform;background:#e0ebd0;border:1px solid #c9dbb6;border-radius:50%;box-shadow:0 0 0 9px #dbe7ccbd,0 0 0 18px #d6e3c99c,0 0 0 27px #d5e2c775}.surf-breath-label{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.surf-phase-label{font-family:Georgia,serif;font-size:clamp(26px,3.4vw,39px);line-height:1.2}.surf-phase-count{color:#52634b;font-variant-numeric:tabular-nums;font-size:13px}.surf-phases{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.surf-phases li{color:var(--surf-muted);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 4px;font-size:12px;display:flex}.surf-phases li[aria-current]{color:var(--surf-ink);background:#edf2e5;border-color:#d2ddc5;font-weight:600}.surf-phase-number{opacity:.7;font-size:9px}.surf-phase-duration{font-size:10px}.surf-session-controls{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:18px;display:flex}.surf-pause{min-width:180px}.surf-session-controls p{color:var(--surf-muted);font-size:11px;line-height:1.7}.surf-notice{max-width:100%;color:var(--surf-ink);background:#edf2e5;border:1px solid #d2ddc5;border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:13px;line-height:1.7}.surf-notice .surf-button{margin-top:10px}.surf-loading{text-align:center;padding-block:120px}.surf-dialog-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#243d3259;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.surf-dialog{border:1px solid var(--surf-line);background:var(--surf-paper);border-radius:14px;width:100%;max-width:480px;max-height:calc(100dvh - 48px);padding:32px;overflow-y:auto;box-shadow:0 24px 80px #243d3233}.surf-dialog-title{font-size:30px}.surf-dialog-description{color:var(--surf-muted);margin-top:10px;font-size:13px;line-height:1.7}.surf-options-fields{gap:18px;margin-top:24px;display:grid}.surf-field-label{margin-bottom:7px;font-size:13px;font-weight:600;display:block}.surf-field{width:100%;height:46px;color:var(--surf-ink);background:#fff;border:1px solid #b9c4b1;border-radius:6px;padding-inline:12px;font-size:16px}.surf-field:disabled{color:#64715c;opacity:1;background:#edf0e7}.surf-field-error{color:#973c29;background:#fff0e9;border-radius:6px;margin-top:18px;padding:12px;font-size:13px}.surf-complete-main{place-items:center;min-height:calc(100dvh - 85px);padding:40px 24px;display:grid}.surf-complete-card{border:1px solid var(--surf-line);text-align:center;background:#fff;border-radius:14px;width:100%;max-width:650px;margin-inline:auto;padding:clamp(28px,5vw,60px)}.surf-complete-mark{background:#e0ebd0;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 30px;font-size:30px;display:grid}.surf-complete-card .surf-eyebrow{justify-content:center}.surf-complete-card h1{margin-block:16px;font-size:clamp(30px,4vw,46px);line-height:1.15}.surf-complete-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}@media (max-width:680px){.surf-header,.surf-session-shell .surf-header{gap:8px;width:calc(100% - 32px);min-height:70px}.surf-header-actions{gap:6px}.surf-options-button{padding-inline:10px}.surf-intro-main{min-height:calc(100dvh - 70px);padding-block:36px}.surf-intro{grid-template-columns:1fr;gap:32px;width:calc(100% - 40px)}.surf-intro-copy h1{margin-block:20px;font-size:clamp(38px,10vw,54px)}.surf-intro-preview{padding:20px;box-shadow:5px 6px #e8e9df}.surf-intro-preview .surf-breath-visual{max-width:300px;margin-block:24px}.surf-session-main{width:calc(100% - 32px);padding-block:24px}.surf-session-heading{margin-bottom:22px}.surf-session-heading h1{font-size:clamp(25px,6.5vw,34px)}.surf-session-card{padding:16px 16px 14px}.surf-session-meta{gap:8px;padding-bottom:14px}.surf-session-meta h2{font-size:11px}.surf-breath-stage{padding-block:26px}.surf-breath-visual{width:min(100%,clamp(220px,36dvh,360px))}.surf-orb{width:65%;box-shadow:0 0 0 7px #dbe7ccbd,0 0 0 14px #d6e3c99c,0 0 0 21px #d5e2c775}.surf-phases{gap:4px}.surf-phases li{flex-direction:column;gap:4px;padding:8px 2px;font-size:11px}.surf-phase-number{display:none}.surf-session-controls{margin-top:20px}.surf-dialog-overlay{padding:16px}.surf-dialog{max-height:calc(100dvh - 32px);padding:24px}.surf-complete-main{min-height:calc(100dvh - 70px)}}@media (max-width:360px){.surf-header .wordmark{font-size:18px}.surf-header .brand-mark{display:none}}@media (max-height:740px) and (min-width:681px){.surf-header{min-height:70px}.surf-session-main{padding-top:18px}.surf-session-heading{margin-bottom:18px}.surf-session-heading h1{font-size:30px}.surf-breath-stage{padding-block:20px}.surf-breath-visual{width:min(100%,32dvh);min-width:180px}.surf-session-controls{margin-top:18px}}@media (prefers-reduced-motion:reduce){.surf-orb{will-change:auto;transform:none}.surf-track-marker{display:none}}