:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;font-synthesis:none;color:#102f35;background:#ecf6f5;color-scheme:only light;--ink:#102f35;--muted:#17353b;--line:#8aa9a9;--accent:#173f46;--paper:#f4faf8}
*{box-sizing:border-box}html{scroll-padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}body{margin:0;min-width:280px;padding-bottom:calc(128px + env(safe-area-inset-bottom,0px))}button,select{font:inherit}button,select,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent;scroll-margin-block-end:calc(160px + env(safe-area-inset-bottom,0px))}button,select{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #1c5866;outline-offset:5px}h1:focus,main:focus{outline:none}h1,h2,p{overflow-wrap:break-word}.scenery{position:fixed;inset:0;z-index:0;background:#ecf6f5;pointer-events:none;overflow:hidden}.scenery>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.scene-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(242,250,249,.7) 0%,rgba(242,250,249,.64) 32%,rgba(242,250,249,.67) 55%,rgba(242,250,249,.96) 85%,#ecf6f5 100%)}.shell{position:relative;z-index:1;width:min(1080px,100%);min-height:100svh;margin:0 auto;padding:0 42px;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:27px 0 20px}.wordmark{display:inline-flex;gap:9px;align-items:center;text-decoration:none;font-size:.95rem;font-weight:600;letter-spacing:-.025em}.wordmark svg{width:26px;height:26px;flex-shrink:0;fill:#173f46}.wordmark path{fill:none;stroke:#173f46;stroke-width:2.2;stroke-linecap:round}.scene-open{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 14px;border:1px solid #9cb6b6;border-radius:99px;background:rgba(248,253,251,.75);color:var(--ink);font-size:.84rem;font-weight:500}.scene-open:hover{background:#f4fbf9}.scene-open-label{color:var(--muted);font-size:.76rem;font-weight:400}.scene-open svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}main{flex:1;display:flex;align-items:center;justify-content:center;padding:38px 0 40px}.home{width:100%;display:flex;justify-content:center;align-items:center;padding:20px 0 30px;min-height:555px}.home-copy{width:100%;max-width:430px;text-align:center}.eyebrow{font-size:.75rem;font-weight:550;letter-spacing:.14em;line-height:1.5;text-transform:uppercase;color:#17353b;margin:0 0 24px}.home h1,.session h1,dialog h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.047em;line-height:1.035}.home h1{font-size:4.45rem;margin:0 -35px 23px}.intro{font-size:1.07rem;line-height:1.65;color:var(--muted);margin:0 auto 29px;max-width:355px}.home .intro{max-width:350px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:57px;padding:15px 22px;border:1px solid transparent;border-radius:99px;font-size:1rem;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;transition:background .16s,transform .16s}.button:active{transform:scale(.985)}.primary{background:var(--accent);color:#fff}.primary:hover{background:#245761}.secondary{background:rgba(247,252,250,.8);border-color:#789b9e;color:var(--ink)}.secondary:hover{background:#fff}.home .primary{width:100%;margin-top:1px}.small-note{font-size:.8rem;color:var(--muted);line-height:1.5;margin:15px 0 0}.action-type{margin:32px auto 0;padding-top:22px;border-top:1px solid #8ba8a940;width:100%;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:0 14px;text-align:left}.action-type label{font-size:.875rem;font-weight:550;line-height:1.55;min-width:0}.action-type label span{display:block;color:var(--muted);font-size:.77rem;font-weight:400}.action-type select{display:block;position:static;width:100%;max-width:100%;min-width:0;min-height:46px;box-sizing:border-box;padding:9px 12px;font:inherit;font-size:.925rem;line-height:1.5;color:var(--ink);background:rgba(248,253,251,.87);border:1px solid #8eabad;border-radius:10px;color-scheme:only light;opacity:1;pointer-events:auto;cursor:pointer;appearance:auto}.action-type p{grid-column:1/-1;font-size:.77rem;color:var(--muted);line-height:1.5;margin:13px 0 0;text-align:center}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:2px 0 21px;color:var(--muted);font-size:.78rem}.site-footer .text-button{min-height:44px;display:inline-flex;align-items:center}.text-button{border:0;background:transparent;color:var(--muted);font-size:.875rem;font-weight:500;padding:11px 0;text-decoration:underline;text-decoration-color:#799c9c;text-underline-offset:4px}.text-button:hover{color:#102f35;text-decoration-color:currentColor}.session{width:100%;max-width:630px;text-align:center;padding:0 0 24px;min-height:545px}.session-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 33px}.session-top .eyebrow{margin:0;letter-spacing:.08em;font-size:.75rem}.session-top .text-button{font-size:.875rem;text-decoration:none}.session h1{font-size:3.3rem;margin:0 auto 21px;max-width:575px}.duration-pill{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.85rem;line-height:1.5;margin-bottom:21px}.duration-pill svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.action-instruction{max-width:470px;margin:0 auto 29px;font-size:1.08rem;line-height:1.7;color:var(--muted)}.action-panel{max-width:425px;margin:31px auto 15px}.action-panel .button{width:100%}.action-panel .primary{margin-bottom:12px}.action-panel .small-note{font-size:.8rem;margin-top:15px}.session-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 25px}.session-tools .text-button{min-height:44px}.safety-note{max-width:420px;font-size:.78rem;line-height:1.6;color:var(--muted);margin:20px auto 0}.running h1{font-size:2.8rem}.running .action-instruction{font-size:1rem;max-width:460px;line-height:1.6;margin-bottom:24px}.timer-wrap{width:224px;height:224px;position:relative;margin:0 auto 26px;display:grid;place-items:center}.timer-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-track{stroke:#7c9ea455;stroke-width:2;fill:none}.ring-progress{stroke:#1e5d66;stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:628.319;stroke-dashoffset:0;transition:stroke-dashoffset .2s linear}.timer-inner{position:relative}.timer-text{font-size:3.9rem;line-height:1.1;font-weight:400;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.timer-label{font-size:.84rem;color:var(--muted);margin-top:10px}.run-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:12px;max-width:465px;margin:0 auto 10px}.run-buttons .button{font-size:.95rem;padding:13px 14px;min-height:55px}.untimed-mark{display:grid;place-items:center;width:170px;height:170px;margin:0 auto 28px;border:1px solid #799fa3;border-radius:50%;font-family:Georgia,serif;font-size:1.6rem;color:#254f56;background:#f4fbf826}.completion{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:37px 0;min-height:565px}.complete-mark{width:73px;height:73px;display:grid;place-items:center;border-radius:50%;background:#d8eee7;color:#1b504d;margin:0 auto 27px;animation:settle .35s ease-out both}.complete-mark svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.completion .eyebrow{margin-bottom:20px}.completion h1{font-size:3.8rem;max-width:530px}.completion .intro{max-width:390px;margin-bottom:29px}.completion .primary{width:min(100%,355px)}.completion-note{font-size:.85rem;line-height:1.5;color:var(--muted);margin:23px 0 11px}.completion .text-button{font-size:.875rem}@keyframes settle{from{opacity:.35;transform:translateY(7px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}dialog{border:1px solid #b8cdcb;background:#f5faf8;color:var(--ink);border-radius:25px;width:min(550px,calc(100% - 28px));max-height:calc(100svh - 180px);padding:29px;box-shadow:0 25px 90px #18393c40;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#143c3f66}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-top .eyebrow{margin:0;font-size:.75rem}.icon-button{width:44px;height:44px;flex-shrink:0;font-size:1.8rem;line-height:1;border:1px solid #9ab5b5;background:transparent;border-radius:50%;color:var(--ink)}dialog h2{font-size:2.35rem;margin:21px 0 16px}dialog h3{font-size:1rem;margin:23px 0 8px}dialog p{font-size:1rem;line-height:1.6;color:var(--muted);margin:0 0 14px}dialog .disclaimer{font-size:.86rem;border-top:1px solid #bed0ce;padding-top:19px;margin:22px 0}dialog .button{width:100%}.photo-credits{font-size:.84rem}.photo-credits a{text-underline-offset:3px}.scene-choices{border:0;padding:0;margin:23px 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.scene-choice{display:block;min-width:0;cursor:pointer;border:1px solid #b5ccca;border-radius:14px;background:#fff;overflow:hidden}.scene-choice:has(input:checked){border:2px solid #1c5963;box-shadow:0 0 0 2px #1c596318}.scene-choice>img{display:block;width:100%;height:115px;object-fit:cover}.scene-choice-label{display:flex;align-items:center;gap:9px;padding:12px 10px;color:var(--ink);font-size:.875rem;font-weight:500;line-height:1.4}.scene-choice input,.surprise-choice input{appearance:auto;accent-color:#1c5963;width:17px;height:17px;margin:0;flex-shrink:0;cursor:pointer}.surprise-choice{grid-column:1/-1;display:flex;align-items:center;gap:13px;min-height:74px;padding:14px;border:1px solid #a3bebc;border-radius:14px;background:#e9f4f0;cursor:pointer}.surprise-choice strong{display:block;font-size:.95rem;font-weight:600;margin-bottom:5px}.surprise-choice small{display:block;font-size:.82rem;line-height:1.45;color:var(--muted)}.scene-status{font-size:.82rem;line-height:1.55;margin-bottom:20px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:20;transform:translateY(-160%);background:#173f46;color:#fff;padding:12px;border-radius:8px}.skip-link:focus{transform:translateY(0)}.noscript{position:fixed;bottom:160px;left:20px;right:20px;padding:20px;border-radius:15px;background:#f4fbf9;color:var(--ink);border:1px solid #91b1b2;text-align:center}
@media(min-width:1300px){.shell{max-width:1120px}main{padding-top:50px}.home{min-height:570px}.home h1{font-size:4.75rem}}
@media(max-width:760px){.shell{padding:0 26px}.site-header{padding-top:23px}.home h1{font-size:4rem;margin-left:0;margin-right:0}.session{max-width:590px}.session h1{font-size:3rem}}
@media(max-width:640px){body{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}.shell{padding:0 23px;min-height:100svh}.site-header{padding:20px 0 14px;gap:12px}.wordmark{font-size:.84rem;gap:7px}.wordmark svg{width:22px;height:22px}.scene-open{gap:6px;padding:8px 10px;font-size:.75rem;min-height:44px}.scene-open-label{display:none}.scene-open svg{width:12px;height:12px}main{padding:30px 0 23px;align-items:center}.home{min-height:510px;padding:14px 0 25px}.home-copy{max-width:410px}.eyebrow{font-size:.75rem;letter-spacing:.12em;margin-bottom:22px}.home h1{font-size:3.3rem;line-height:1.045;margin-bottom:23px}.intro{font-size:1rem;line-height:1.6;max-width:310px;margin-bottom:27px}.home .primary{min-height:57px;font-size:1rem}.small-note{font-size:.77rem;margin-top:14px}.action-type{margin-top:29px;padding-top:21px;gap:0 12px;grid-template-columns:1fr 1.12fr}.action-type label{font-size:.875rem}.action-type select{font-size:.9rem;min-height:47px}.action-type p{font-size:.75rem;margin-top:13px}.site-footer{font-size:.75rem;padding-bottom:17px;gap:13px}.site-footer .text-button{font-size:.82rem}.session{min-height:515px;padding-bottom:21px}.session-top{margin-bottom:32px}.session-top .text-button{font-size:.84rem}.session-top .eyebrow{font-size:.75rem;letter-spacing:.065em}.session h1{font-size:2.65rem;line-height:1.07;margin-bottom:21px}.duration-pill{font-size:.82rem;margin-bottom:18px}.action-instruction{font-size:1.02rem;line-height:1.65;margin-bottom:28px}.action-panel{margin-top:29px}.action-panel .button{min-height:55px;font-size:.97rem}.action-panel .small-note{font-size:.77rem}.session-tools{gap:4px 20px}.session-tools .text-button{font-size:.84rem}.safety-note{font-size:.77rem;line-height:1.55;margin-top:20px}.running h1{font-size:2.4rem}.running .action-instruction{font-size:.98rem;line-height:1.6}.timer-wrap{width:204px;height:204px}.timer-text{font-size:3.6rem}.run-buttons{gap:10px}.run-buttons .button{font-size:.87rem;padding:12px 10px}.completion{min-height:525px;padding:33px 0}.completion h1{font-size:3.25rem}.completion .intro{font-size:1rem;max-width:330px}.complete-mark{width:68px;height:68px;margin-bottom:27px}.completion-note{font-size:.81rem}.completion .text-button{font-size:.84rem}dialog{padding:23px;max-height:calc(100svh - 160px);border-radius:22px}dialog h2{font-size:2.1rem}dialog p{font-size:.96rem}.scene-choices{gap:10px}.scene-choice>img{height:97px}.scene-choice-label{font-size:.79rem;gap:7px;padding:10px 8px}.scene-status{font-size:.79rem}.surprise-choice small{font-size:.79rem}.scene-wash{background:linear-gradient(180deg,rgba(242,250,249,.73) 0%,rgba(242,250,249,.64) 32%,rgba(242,250,249,.68) 55%,rgba(242,250,249,.97) 88%,#ecf6f5 100%)}}
@media(max-width:350px){.shell{padding:0 18px}.wordmark{font-size:.78rem}.scene-open{font-size:.73rem;padding:8px}.home h1{font-size:3rem}.home{min-height:510px}.action-type{grid-template-columns:1fr 1.15fr;gap:0 8px}.action-type label{font-size:.8rem}.action-type select{font-size:.85rem;padding:9px}.session h1{font-size:2.3rem}.running h1{font-size:2.15rem}.session-top .eyebrow{font-size:.75rem}.run-buttons{grid-template-columns:1fr}.session-tools{gap:3px 15px}.session-tools .text-button{font-size:.8rem}.completion h1{font-size:2.9rem}.scene-choice-label{font-size:.75rem;gap:6px}.scene-choice input{width:15px;height:15px}.scene-choice>img{height:88px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Dialogs stay above the hosting toolbar, with their own scrollable contents. */
dialog{top:26px;bottom:auto;margin:0 auto;max-height:calc(100svh - 202px - env(safe-area-inset-bottom,0px))}.scene-choice-label>span{min-width:0;overflow-wrap:anywhere}
/* Readability-first composition: one opaque action sheet, with nature around it. */
.scene-wash{display:none}.site-header{background:#f4faf8;border:1px solid #d5e3df;border-radius:18px;padding:12px 20px;margin-top:20px}.scene-open{background:#eaf3ef;border-color:#91aaa4}.reading-surface{position:relative;width:min(680px,100%);align-self:center;margin:130px auto 22px;border-radius:28px;background:#f4faf8;color:#102f35;box-shadow:0 15px 45px #163d3521;overflow:hidden}.reading-surface main{padding:38px 38px 23px}.reading-surface .home{min-height:0;padding:10px 0 20px}.reading-surface .session{min-height:0;padding-bottom:7px}.reading-surface .completion{min-height:0;padding:30px 0}.reading-surface .site-footer{padding:12px 38px 18px;background:#f4faf8;border-top:1px solid #d9e6e1;color:#17353b}.secondary{background:#eaf3ef}.secondary:hover{background:#dcece5}.action-type select{background:#fff}.action-type{border-top-color:#bed0c9}.small-note,.safety-note{font-size:.875rem}.reading-surface .intro,.reading-surface .action-instruction{font-size:1.07rem}.scene-status{font-size:.875rem}
@media(max-width:640px){.shell{padding:0}.scenery{height:290px;bottom:auto}.site-header{padding:12px 20px;margin-top:0;border-radius:0;border-width:0 0 1px}.reading-surface{width:100%;margin:155px 0 0;border-radius:27px 27px 0 0;box-shadow:0 -3px 25px #163d3517}.reading-surface main{padding:29px 25px 23px}.reading-surface .home{padding:7px 0 20px;min-height:0}.reading-surface .session{min-height:0}.reading-surface .completion{padding:23px 0}.reading-surface .site-footer{padding:12px 25px 20px}.reading-surface .intro,.reading-surface .action-instruction,.reading-surface .running .action-instruction{font-size:1rem;line-height:1.65}.small-note,.safety-note,.action-panel .small-note{font-size:.875rem;line-height:1.55}dialog p{font-size:1rem}.scene-status{font-size:.875rem}}
@media(max-width:350px){.site-header{padding-left:16px;padding-right:16px}.reading-surface main{padding-left:20px;padding-right:20px}.reading-surface .site-footer{padding-left:20px;padding-right:20px}.home h1{font-size:2.9rem}}
@media(max-width:640px) and (max-height:720px){.scenery{height:260px}.reading-surface{margin-top:110px}}
/* Short phones: keep the first start controls above the host's lower toolbar. */
@media(max-width:640px) and (max-height:640px){
  .site-header{padding-top:8px;padding-bottom:8px}
  .scenery{height:205px}
  .reading-surface{margin-top:70px}
  .reading-surface main{padding-top:20px;padding-bottom:18px}
  .reading-surface .home{padding-top:0;padding-bottom:12px}
  .home .eyebrow{margin-bottom:14px}
  .home h1{font-size:2.65rem;line-height:1.035;margin-bottom:16px}
  .reading-surface .home .intro{font-size:1rem;line-height:1.5;margin-bottom:20px}
  .home .primary{min-height:52px}
  .home .small-note{margin-top:11px}
  .action-type{margin-top:21px;padding-top:17px}
  .reading-surface:has(.session:not(.running):not(.completion)){margin-top:24px}
  .session:not(.running):not(.completion) .session-top{margin-bottom:8px}
  .session:not(.running):not(.completion) .duration-pill{margin-bottom:10px}
  .session:not(.running):not(.completion) h1{font-size:2rem;line-height:1.08;margin-bottom:14px}
  .reading-surface .session:not(.running):not(.completion) .action-instruction{font-size:1rem;line-height:1.45;margin-bottom:16px}
  .session:not(.running):not(.completion) .action-panel{margin-top:16px;margin-bottom:10px}
  .session:not(.running):not(.completion) .action-panel .button{min-height:48px;padding-top:11px;padding-bottom:11px;font-size:1rem}
  .session:not(.running):not(.completion) .action-panel .primary{margin-bottom:8px}
  .session:not(.running):not(.completion) .action-panel .small-note{margin-top:10px}
}
/* A coherent, restrained control system adapted from inspected modern interfaces. */
:root{--ink:#242827;--muted:#5c625f;--accent:#242827;--paper:#fafbf9;color:#242827;background:#fafbf9}.reading-surface,.site-header,.reading-surface .site-footer,dialog{background:#fafbf9;color:#242827}.wordmark svg{fill:#242827}.wordmark path{stroke:#242827}.button{min-height:48px;padding:12px 16px;border-radius:8px;font-size:1rem;font-weight:600;box-shadow:none;transition:background .12s}.button:active{transform:none}.primary{background:#242827;color:#fff}.primary:hover{background:#353b36}.primary:active{background:#161b18}.secondary{background:#ecedeb;border-color:transparent;color:#242827}.secondary:hover{background:#e0e3df}.secondary:active{background:#d4d8d2}.home h1,.session h1,dialog h2{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600;letter-spacing:-.03em;line-height:1.18}.reading-surface{width:min(680px,100%);border-radius:18px}.reading-surface main{padding:35px 44px 0}.home-copy,.session{width:100%;max-width:420px;text-align:left}.home h1{font-size:2.25rem;line-height:1.18;margin:0 0 12px}.reading-surface .intro,.reading-surface .action-instruction,.reading-surface .running .action-instruction{font-size:1rem;line-height:1.5;color:#5c625f}.home .intro{margin:0 0 28px;max-width:390px}.activity-choice{border:0;padding:0;margin:0 0 20px;min-width:0}.activity-choice legend{padding:0;margin:0 0 8px;font-size:.875rem;font-weight:500;line-height:1.45;color:#242827}.activity-segments{display:flex;align-items:stretch;gap:0;padding:3px;border-radius:8px;background:#ecedeb;min-height:48px}.activity-segments label{position:relative;display:flex;min-width:0;flex:1;cursor:pointer}.activity-segments input{position:absolute;inset:-3px 0;width:100%;height:calc(100% + 6px);margin:0;opacity:0;cursor:pointer;z-index:1}.activity-segments span{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;padding:7px 5px;border-radius:5px;color:#5c625f;font-size:.8125rem;font-weight:500;line-height:1.3;text-align:center;overflow-wrap:break-word;pointer-events:none}.activity-segments input:checked+span{color:#242827;font-weight:600;background:#fff;box-shadow:inset 0 0 0 1px #aab1a9,0 1px 2px #0000000d}.home .primary{min-height:48px;margin-top:0}.home .small-note{font-size:.8125rem;line-height:1.5;margin:10px 0 0;color:#5c625f}.session h1{font-size:2.25rem;margin-bottom:16px;line-height:1.2;text-align:left}.session-top{margin-bottom:25px}.session-top .eyebrow{font-size:.75rem;color:#5c625f}.action-instruction{text-align:left;margin-left:0;margin-right:0}.action-panel{width:100%;max-width:none;margin-left:0;margin-right:0}.action-panel .button{min-height:48px}.action-panel .small-note{font-size:.8125rem}.session-tools{justify-content:flex-start;gap:4px 24px}.text-button{font-weight:400;text-decoration:none;font-size:.875rem;color:#5c625f}.text-button:hover{text-decoration:underline;color:#242827}.safety-note{text-align:left;font-size:.8125rem;color:#5c625f}.duration-pill{font-size:.875rem;color:#5c625f}.run-buttons{max-width:none;margin-left:0;margin-right:0}.run-buttons .button{min-height:48px}.running h1{font-size:2rem}.timer-label{color:#5c625f}.completion{align-items:flex-start;text-align:left}.completion h1{font-size:2.25rem}.completion .intro{text-align:left;margin-left:0;margin-right:0}.complete-mark{width:58px;height:58px;margin-left:0;margin-right:0}.completion .primary{width:100%;max-width:none}.completion-note{color:#5c625f;font-size:.8125rem}.reading-surface .site-footer{border:0;width:100%;max-width:508px;margin:24px auto 0;padding:0 44px 20px;justify-content:flex-start;font-size:.75rem}.site-footer .text-button{font-size:.75rem;min-height:44px}.scene-open{border-radius:8px;border-color:transparent;background:#ecedeb;color:#242827;min-height:44px;font-size:.8125rem;box-shadow:none}.scene-open:hover{background:#e0e3df}.scene-open-label{color:#5c625f}.site-header{border-radius:12px;border-color:#e0e4dd}.icon-button{border:0;background:transparent;color:#242827;border-radius:8px;min-width:44px;min-height:44px}.icon-button:hover{background:#ecedeb}dialog{border-radius:12px;border-color:#d8ddd5;box-shadow:0 15px 55px #0003}dialog h2{font-size:1.6rem;line-height:1.25;letter-spacing:-.02em}dialog p{color:#5c625f;line-height:1.5}.scene-choices{display:flex;flex-direction:column;gap:8px}.scene-choice{display:flex;align-items:center;gap:2px;min-height:76px;border:1px solid #d8ddd5;border-radius:8px;background:#fff}.scene-choice:has(input:checked){border:1px solid #7c877d;box-shadow:inset 0 0 0 1px #7c877d;background:#f0f3ed}.scene-choice>img{width:82px;height:58px;flex-shrink:0;object-fit:cover;border-radius:5px;margin:8px}.scene-choice-label{flex:1;padding:12px 13px 12px 6px;justify-content:space-between;gap:10px;font-size:.875rem;color:#242827}.scene-choice-label input{order:2}.scene-choice-label>span{order:1}.scene-choice input,.surprise-choice input{accent-color:#242827}.surprise-choice{border:1px solid #d8ddd5;border-radius:8px;background:#f4f5f2;min-height:70px}.surprise-choice small,.scene-status{color:#5c625f}.surprise-choice:has(input:checked){border-color:#7c877d;box-shadow:inset 0 0 0 1px #7c877d}.scene-status{font-size:.8125rem}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,.activity-segments input:focus-visible+span{outline:2px solid #2563eb;outline-offset:2px}.activity-segments input:focus-visible{outline:none}
@media(max-width:640px){.reading-surface{border-radius:18px 18px 0 0}.reading-surface main{padding:28px 24px 0}.home-copy,.session{max-width:360px}.home h1,.session h1,.completion h1{font-size:2rem;line-height:1.1875;letter-spacing:-.03em}.home h1{margin-bottom:12px}.reading-surface .home .intro{font-size:1rem;line-height:1.5;margin-bottom:28px}.home .primary,.action-panel .button,.run-buttons .button{min-height:48px;font-size:1rem}.reading-surface .site-footer{max-width:408px;margin-top:24px;padding:0 24px 17px}.site-header{border-radius:0}.running h1{font-size:1.875rem}.scene-choice>img{width:76px;height:56px}.scene-choice-label{font-size:.875rem}.activity-segments span{font-size:.8125rem}.session-tools .text-button{font-size:.875rem}}
@media(max-width:350px){.reading-surface main{padding-left:20px;padding-right:20px}.reading-surface .site-footer{padding-left:20px;padding-right:20px}.home h1,.session h1,.completion h1{font-size:2rem}.scene-choice>img{width:68px;height:54px}.activity-segments span{padding-left:3px;padding-right:3px}}
@media(max-width:640px) and (max-height:640px){.reading-surface main{padding-top:20px}.home h1{font-size:2rem;line-height:1.1875;margin-bottom:12px}.reading-surface .home .intro{font-size:1rem;line-height:1.5;margin-bottom:20px}.activity-choice{margin-bottom:16px}.home .primary{min-height:48px}.home .small-note{margin-top:10px}.reading-surface .site-footer{margin-top:16px}.session:not(.running):not(.completion) h1{font-size:1.875rem;line-height:1.15;margin-bottom:12px}.session:not(.running):not(.completion) .action-panel .button{min-height:48px}}
/* More room for the real scenery; only content-bearing surfaces stay opaque. */
.scenery{inset:0;height:100svh;min-height:100%;bottom:0}.scene-wash{display:none}
.site-header{background:transparent;border:0;box-shadow:none;border-radius:0;margin-top:18px;padding:0;gap:12px}
.wordmark{min-height:44px;padding:10px 13px;border-radius:8px;background:#fafbf9;color:#242827;box-shadow:0 2px 8px #102d2312}
.scene-open{background:#fafbf9;min-height:44px;box-shadow:0 2px 8px #102d2312}
.reading-surface{width:min(484px,100%);margin:clamp(54px,9vh,86px) auto 24px;border-radius:16px;box-shadow:0 10px 34px #163d3524}
.reading-surface main{padding:28px 32px 0}
.reading-surface .home{padding:0;min-height:0}
.reading-surface .completion{padding-top:8px;padding-bottom:0}
.reading-surface .site-footer{width:100%;max-width:none;margin-top:8px;padding:0 32px 10px;background:#fafbf9}
@media(max-width:640px){
  .shell{padding:0 16px;min-height:calc(100svh - 96px)}
  .site-header{margin-top:14px;padding:0;gap:8px}
  .wordmark{padding:10px 11px;font-size:.82rem}
  .scene-open{padding-left:11px;padding-right:11px}
  .scenery{inset:0;height:100svh;min-height:100%;bottom:0}
  body[data-scene="coast"] .scenery>img{transform:scale(1.35);transform-origin:50% 100%}
  body[data-scene="lake"] .scenery>img{transform:scale(1.2);transform-origin:50% 100%}
  .reading-surface{width:100%;margin-top:auto;margin-bottom:16px;border-radius:16px}
  .reading-surface main{padding:24px 20px 0}
  .reading-surface .home{padding:0}
  .reading-surface .site-footer{margin-top:8px;padding:0 20px 10px}
  .home-copy,.session{max-width:none}
}
@media(max-width:350px){
  .shell{padding-left:8px;padding-right:8px}
  .wordmark{padding-left:9px;padding-right:9px;font-size:.78rem}
  .scene-open{padding-left:9px;padding-right:9px}
  .reading-surface main{padding-left:12px;padding-right:12px}
  .reading-surface .site-footer{padding-left:12px;padding-right:12px}
}
@media(max-width:640px) and (max-height:640px){
  .shell{min-height:0}
  .site-header{margin-top:10px;padding-top:0;padding-bottom:0}
  .reading-surface{margin-top:24px;margin-bottom:16px}
  .reading-surface:has(.session:not(.running):not(.completion)){margin-top:24px}
  .reading-surface main{padding-top:20px}
  .reading-surface .site-footer{margin-top:8px}
}
/* Targeted home-panel spacing: related choices and action form one compact group. */
.home-hint{display:none}
.reading-surface:has(.home) main{padding-top:20px}
.reading-surface .home h1{margin-bottom:8px}
.reading-surface .home .intro{margin-bottom:16px}
.home .activity-choice{margin-bottom:12px}
.home .activity-choice legend{margin-bottom:6px}
.reading-surface:has(.home) .site-footer{margin-top:8px;padding-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:4px 12px}
.reading-surface:has(.home) .home-hint{display:block;font-size:.8125rem;line-height:1.5;color:#5c625f}
.reading-surface:has(.home) .site-footer .text-button{min-height:44px;padding-top:10px;padding-bottom:10px;white-space:nowrap}