:root{font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;color:#f8fff9;background:#112019;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.14),transparent 35%),#112019;transition:background-color .3s ease}body[data-state=green],body[data-state=running]{background-color:#00a948;background-image:radial-gradient(circle at 50% 12%,#35cf73,#00a948 46%,#087338)}body[data-state=yellow]{color:#1c1704;background-color:#f5c400;background-image:radial-gradient(circle at 50% 12%,#ffe979,#f5c400,#c99800)}body[data-state=red]{background-color:#d83c40;background-image:radial-gradient(circle at 50% 12%,#ff7373,#d83c40,#a51f2b)}body[data-state=break]{background-color:#126d85;background-image:radial-gradient(circle at 50% 12%,#42a8b8,#126d85 55%,#0a4659)}body[data-state=paused]{background-color:#533c78;background-image:radial-gradient(circle at 50% 12%,#8065a5,#533c78 55%,#33234f)}body[data-state=ready],body[data-state=completed]{background-color:#17372a;background-image:radial-gradient(circle at 50% 10%,#315d49,#17372a 58%,#0e2119)}#app{min-height:100dvh;display:grid;grid-template-rows:auto auto 1fr auto;padding:clamp(1rem,2.4vmin,2.5rem);isolation:isolate}.brand{display:flex;align-items:center;gap:.55rem;font-size:clamp(.82rem,1.3vw,1.15rem);font-weight:800;letter-spacing:.04em;opacity:.88}.brand-mark{display:grid;width:1.9em;aspect-ratio:1;place-items:center;border:2px solid currentColor;border-radius:50%}.connection-banner{justify-self:center;margin-top:.5rem;padding:.45rem .9rem;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:#112019b8;color:#fff;font-size:clamp(.75rem,1.2vw,.95rem);font-weight:750}.message-card,.activity-panel{width:min(94vw,92rem);align-self:center;justify-self:center;text-align:center}.message-card h1{max-width:20ch;margin:.25em auto;font-size:clamp(2.2rem,7.4vmin,7rem);line-height:1.02;text-wrap:balance}.message-card p{margin:.8em auto 0;font-size:clamp(1rem,2.6vmin,2.1rem);opacity:.84}.message-symbol{font-size:clamp(3rem,10vmin,8.5rem);line-height:1}.eyebrow{margin-bottom:.35em;font-size:clamp(.85rem,1.8vmin,1.4rem);font-weight:900;letter-spacing:.18em;text-transform:uppercase}.activity-emoji{font-size:clamp(3rem,11vmin,10rem);line-height:1;filter:drop-shadow(0 .08em .1em rgba(0,0,0,.14))}.activity-title{max-width:22ch;margin:.12em auto 0;overflow:hidden;font-size:clamp(2.2rem,7.5vmin,7.8rem);line-height:.98;text-wrap:balance}.session-title{margin:.5em 0 0;font-size:clamp(.95rem,2vmin,1.6rem);font-weight:650;opacity:.78}.timer{margin:.06em 0;font-variant-numeric:tabular-nums;font-size:clamp(5rem,22vmin,20rem);font-weight:950;letter-spacing:-.07em;line-height:.9;text-shadow:0 .035em .12em rgba(0,0,0,.18)}.phase-indicator{display:inline-flex;align-items:center;gap:.55em;font-size:clamp(.9rem,1.8vmin,1.45rem);font-weight:850}.phase-shape{font-size:.85em}.paused-banner{width:fit-content;margin:.7rem auto 0;padding:.5em 1.2em;border:2px solid currentColor;border-radius:999px;font-size:clamp(1rem,2.3vmin,1.75rem);font-weight:950;letter-spacing:.08em}.progress-copy{margin:.6rem 0 0;font-size:clamp(.8rem,1.4vmin,1.1rem);font-weight:700;opacity:.78}.next-card{display:flex;width:fit-content;max-width:min(80vw,42rem);align-items:baseline;gap:.65rem;margin:clamp(.7rem,2vmin,1.5rem) auto 0;padding:.65em 1em;border:1px solid rgba(255,255,255,.38);border-radius:.85rem;background:#0000001f}.next-label{flex:none;font-size:.72rem;font-weight:900;letter-spacing:.12em;opacity:.7;text-transform:uppercase}.next-title{overflow:hidden;font-size:clamp(.9rem,1.8vmin,1.35rem);font-weight:750;text-overflow:ellipsis;white-space:nowrap}.viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:clamp(.68rem,1.1vw,.88rem);font-weight:700;opacity:.7}.wake-button{padding:.45rem .75rem;border:1px solid currentColor;border-radius:999px;color:inherit;background:transparent;font:inherit;cursor:pointer}.wake-button:focus-visible{outline:3px solid white;outline-offset:3px}@media(orientation:landscape)and (max-height:600px){#app{padding-block:.65rem}.activity-panel{display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(20rem,1.25fr);grid-template-rows:auto auto auto auto;align-items:center;column-gap:5vw}.activity-panel>.eyebrow,.activity-panel>.activity-emoji,.activity-panel>.activity-title,.activity-panel>.session-title{grid-column:1}.activity-panel>.timer,.activity-panel>.phase-indicator,.activity-panel>.paused-banner,.activity-panel>.progress-copy,.activity-panel>.next-card{grid-column:2}.activity-emoji{font-size:clamp(2.5rem,13vh,6rem)}.activity-title{font-size:clamp(1.8rem,9vh,4.5rem)}.timer{grid-row:1 / span 2;font-size:clamp(5rem,30vh,12rem)}.next-card{margin-top:.5rem}}@media(max-width:420px){.timer{font-size:clamp(4.5rem,27vw,7.5rem)}.activity-title{font-size:clamp(2rem,12vw,3.4rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}