body.focus-screen .app{padding-bottom:var(--dock-h,76px)}body.focus-immersive .app{padding-bottom:env(safe-area-inset-bottom)}
body.focus-screen .pagehead .datecontrol>button{display:none!important}
body.focus-screen #pageTitle{display:none!important}
#page-focus.active{display:flex!important;flex-direction:column;height:calc(100dvh - var(--review-header-height,60px) - var(--dock-h,76px) - 12px);min-height:480px;padding-top:0}
#page-focus.active>.focus-card{display:flex!important;flex-direction:column;flex:1;min-height:0;margin:0!important;padding:4px 2px 8px!important}
#page-focus #kindSeg{flex:none;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:12px}
#page-focus .focus-controls{display:block;flex:none;min-height:48px}
#page-focus #focusTarget{font-size:14px!important;min-height:50px;height:50px;padding:0 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
#page-focus #focusContext{font-size:13px;margin-top:5px}
#page-focus .focus-clock-area{display:flex;flex:1;flex-direction:column;justify-content:center;min-height:200px}
#page-focus #focusClock{font-family:Manrope,system-ui,sans-serif;font-size:clamp(68px,22vw,100px);font-weight:300;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:-.035em;line-height:1.15;text-align:center;margin:0 0 12px}
#page-focus #focusDurations{display:flex!important;justify-content:space-between;gap:4px!important;padding:0!important;background:none!important;border:0!important}
#page-focus #focusDurations button[data-time]{flex:1;min-width:44px!important;min-height:44px!important;height:44px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;font-size:14px!important;color:var(--ink)!important}
#page-focus #focusDurations button[data-time].active{background:var(--solid)!important;color:white!important}
#page-focus .timer-row{display:flex;flex:none;gap:8px;justify-content:stretch;flex-wrap:nowrap}
#page-focus .timer-row .solid{width:100%!important;flex:1!important;min-width:0!important;height:54px!important;border-radius:999px;font-size:16px;background:var(--solid)}
#page-focus .focus-summary{display:flex;flex:none;justify-content:space-between;align-items:center;gap:6px;padding:0 0 8px;margin:0;min-height:36px}
#page-focus .focus-summary #focusTotal{flex:none;font-size:11px;text-align:right}
#page-focus #focusLibraryOpen{padding:0;min-height:36px;font-size:12px;font-weight:400;color:var(--sub);background:none;border:0}
#page-focus #timerStatus,#page-focus #focusSessionTitle,#page-focus #timerProgress,#page-focus #timerNote,#page-focus #timerNoteLabel,#page-focus #focusHint,#page-focus #focusResumeHint,#page-focus .alarm-caption{display:none!important}
#focusModeBadge{display:none}
body.focus-immersive .pagehead .headright,body.focus-immersive .pagehead .datecontrol,body.focus-immersive #dock{display:none!important}
body.focus-immersive #focusModeBadge{display:block;grid-column:2;justify-self:end;padding:5px 12px;border-radius:999px;background:var(--soft);font-size:12px;color:var(--solid);font-weight:700}
body.focus-immersive #page-focus{height:calc(100dvh - var(--review-header-height,60px) - 10px);min-height:500px}
body.focus-immersive #page-focus #kindSeg,body.focus-immersive #page-focus .focus-controls,body.focus-immersive #page-focus #focusDurations,body.focus-immersive #page-focus .focus-summary,body.focus-immersive #page-focus #focusAlarm{display:none!important}
body.focus-immersive #page-focus .focus-clock-area{flex:none;min-height:0;padding-top:14px}
body.focus-immersive #page-focus #timerStatus{display:block!important;letter-spacing:1px;margin:6px 0 12px;color:var(--sub);font-size:12px}
body.focus-immersive #page-focus #focusSessionTitle{display:block!important;font-size:19px;text-align:center;margin:0 0 8px;line-height:1.4;overflow-wrap:anywhere}
body.focus-immersive #page-focus #focusSessionTitle:empty{display:none!important}
body.focus-immersive #page-focus #focusClock{font-size:clamp(76px,25vw,110px);margin:0 0 12px}
body.focus-immersive #page-focus #timerProgress:not([hidden]){display:block!important;flex:none;accent-color:var(--pray);height:4px;margin:8px 0 20px}
body.focus-immersive #page-focus .timer-row{margin-bottom:18px}
body.focus-immersive #page-focus .timer-row .solid{flex:1.3!important;height:52px!important}
body.focus-immersive #page-focus #focusEnd{flex:1;min-width:0;min-height:52px;border-radius:999px;background:var(--surface);font-size:15px}
body.focus-immersive #page-focus #focusCancel{flex:.65;padding:0;min-width:44px;font-size:13px}
body.focus-immersive #page-focus #timerNote{display:block!important;flex:1;min-height:170px;font-size:14px;line-height:1.6;padding:14px;border-radius:16px;background:var(--surface);resize:vertical;margin:0}
body.focus-immersive #page-focus #timerNoteLabel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;display:block!important}
#focusLibraryModal .prayer-add[hidden]{display:none!important}
#focusLibraryModal .prayer-card[hidden]{display:none!important}#focusLibraryModal .prayer-title{font:600 14px/1.4 var(--font-ui)!important}#focusLibraryModal .prayer-card{border:0;background:none;padding:0}#focusLibraryModal .choice{width:100%;text-align:left;min-height:44px}
@media(max-height:650px){#page-focus.active{min-height:400px}#page-focus .focus-clock-area{min-height:160px}body.focus-immersive #page-focus{min-height:500px}}