/* Distraction-free timer, activated while a session runs. */
.app-shell.is-focusing{position:fixed;inset:0;z-index:20;padding:0;display:grid;place-items:center;background:#11181c!important;color:#eff4f2}.app-shell.is-focusing[data-focus-screen="light"]{background:#f7f4ed!important;color:#1d282b}.app-shell.is-focusing .ambient,.app-shell.is-focusing .topbar,.app-shell.is-focusing .hero,.app-shell.is-focusing .float-panel,.app-shell.is-focusing .panel-launchers,.app-shell.is-focusing .session-summary{display:none}.app-shell.is-focusing .timer-area{width:100%;margin:0;position:static}.app-shell.is-focusing .mode-tabs{position:fixed;top:28px;left:50%;transform:translateX(-50%);opacity:.55}.app-shell.is-focusing .mode{color:inherit}.app-shell.is-focusing .timer-card{width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-shell.is-focusing .timer-ring{width:min(54vw,500px);height:min(54vw,500px);background:conic-gradient(var(--coral) 0deg,#3d4a4a 0)}.app-shell.is-focusing[data-focus-screen="light"] .timer-ring{background:conic-gradient(var(--coral) 0deg,#d9ded6 0)}.app-shell.is-focusing .timer-ring:before{background:transparent}.app-shell.is-focusing .time{font-size:clamp(62px,12vw,140px);letter-spacing:-9px}.app-shell.is-focusing .session-copy{font-size:13px;margin:27px 0}.app-shell.is-focusing .play-button{margin-top:4px}.app-shell.is-focusing .subtle-button{opacity:.55;color:inherit}.focus-screen-picks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.focus-screen-picks label{font-size:10px;color:var(--muted);cursor:pointer;text-align:center}.focus-screen-picks input{position:absolute;opacity:0}.focus-preview{display:grid;place-items:center;height:34px;border-radius:7px;margin-bottom:4px;border:2px solid transparent;font:600 14px "Playfair Display"}.dark-preview{background:#182428;color:#eef5ef}.light-preview{background:#f8f5ec;color:#243035}.focus-screen-picks input:checked+.focus-preview{border-color:var(--coral)}@media(max-width:600px){.app-shell.is-focusing .timer-ring{width:78vw;height:78vw}.app-shell.is-focusing .time{font-size:70px}}