.focus-page{max-width:76rem;min-height:100svh;padding:max(1rem, env(safe-area-inset-top)) clamp(1.25rem, 4vw, 3rem) max(1.5rem, env(safe-area-inset-bottom));margin:0 auto}.focus-back{min-height:44px;color:var(--muted);align-items:center;gap:.65rem;font-size:1rem;text-decoration:none;display:inline-flex}.focus-back:hover{color:var(--ink);text-underline-offset:.2em;text-decoration:underline}.focus-session{text-align:center;flex-direction:column;align-items:center;max-width:34rem;margin:clamp(1.25rem,5vh,3rem) auto 0;display:flex}.focus-intro{min-height:6rem}.focus-intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;line-height:1}.focus-intro p{color:var(--muted);margin:.8rem 0 0;font-size:1.05rem;line-height:1.5}.focus-page[data-started=true] .focus-intro{opacity:0;pointer-events:none}.focus-art{aspect-ratio:600/510;width:100%;height:auto;max-height:min(44svh,24rem);overflow:visible}.focus-motion{display:none}.focus-still{display:inline}.focus-cue{min-height:1.5em;color:var(--ink);margin:1rem 0 1.25rem;font-size:1.35rem;line-height:1.5}.focus-toggle{background:var(--button-bg);min-width:10rem;min-height:50px;color:var(--button-ink);border:1px solid var(--ink);font:inherit;cursor:pointer;border-radius:2px;padding:.65rem 2rem;font-size:1.1rem;font-weight:700}.focus-toggle:hover{text-underline-offset:.2em;text-decoration:underline}.focus-pace{width:100%;max-width:22rem;color:var(--muted);margin-top:.55rem}.focus-pace summary{cursor:pointer;text-underline-offset:.2em;width:fit-content;min-height:44px;margin:auto;padding:.7rem .4rem;font-size:.95rem;text-decoration:underline;list-style:none}.focus-pace summary::-webkit-details-marker{display:none}.focus-pace-options{text-align:left;padding-top:.75rem}.focus-pace label{color:var(--ink);margin-bottom:.5rem;font-size:.95rem;display:block}.focus-pace select{border:1px solid var(--strong-line);width:100%;min-height:48px;color:var(--ink);background:var(--paper-raised);font:inherit;border-radius:2px;padding:.6rem .75rem;font-size:1rem}.focus-pace p{margin:.8rem 0 0;font-size:.9rem;line-height:1.5}.focus-page[data-settings-open=true] .focus-session{margin-top:.5rem}.focus-page[data-settings-open=true] .focus-art{max-height:min(20svh,10rem)}.focus-pace[open]{scroll-margin-block:1rem}.focus-page :is(a,button,summary,select):focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media (prefers-reduced-motion:no-preference){.focus-intro{transition:opacity .25s}.focus-page[data-started=true] .focus-motion{display:inline}.focus-page[data-started=true] .focus-still{display:none}}@media (max-height:650px){.focus-session{margin-top:.5rem}.focus-intro{min-height:5rem}.focus-art{max-height:35svh}.focus-cue{margin:.5rem 0 .75rem}}