@font-face{font-family:Manrope;src:url('./assets/fonts/Manrope-300-timer.woff') format('woff');font-style:normal;font-weight:300;font-display:swap}
#page-today .tasks-overview{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}
#page-today .tasks-overview .task-fold{font-size:13px;min-height:44px;padding:0 2px;color:var(--deep)}
#page-today .tasks-overview .task-add{min-height:44px;padding:0 8px;font-size:13px;background:none;border:0;color:var(--deep)}
#page-today .important-head .pinned-label{font-size:13px;font-weight:700}
#page-today .pinned-title .task-name,#page-today .task-title .task-name{font-size:13px}
#focusNoteToggle,#focusMore{display:none}
#page-focus #focusClock .timer-digit{display:inline-block;width:.64em;text-align:center;letter-spacing:0}
#page-focus #focusClock.has-hours{font-size:clamp(48px,18vw,76px)!important}
#page-focus .timer-row .solid{font-size:15px!important;font-weight:600}
body.focus-immersive{background:#173E34!important;color:#F6F5EE}
body.focus-immersive .app{background:#173E34!important;color:#F6F5EE;min-height:100dvh}
body.focus-immersive .pagehead{background:#173E34!important;border-color:transparent}
body.focus-immersive .pagehead #brandName{color:#F6F5EE!important;font-size:18px!important;text-shadow:none!important}
body.focus-immersive #focusModeBadge{background:#FFFFFF12;color:#D3E2D8;font-size:12px;font-weight:600}
body.focus-immersive #page-focus{min-height:0;height:calc(100dvh - var(--review-header-height,60px) - env(safe-area-inset-bottom) - 12px)}
body.focus-immersive #page-focus>.focus-card{background:transparent!important;gap:0;padding:4px 8px 16px!important}
body.focus-immersive #page-focus .focus-clock-area{flex:1;justify-content:center;min-height:160px;padding-top:0}
body.focus-immersive #page-focus #timerStatus{color:#C1D4C9;margin:0 0 12px;font-size:12px;letter-spacing:.04em}
body.focus-immersive #page-focus #focusSessionTitle{color:#F6F5EE;font-size:17px;font-weight:600;line-height:1.4;margin:0 0 16px}
body.focus-immersive #page-focus #focusClock{color:#F6F5EE;font-family:Manrope,system-ui,sans-serif;font-weight:300;font-size:clamp(72px,23vw,96px);letter-spacing:-.035em;line-height:1.2;margin:0}
body.focus-immersive #page-focus #timerProgress:not([hidden]){width:min(180px,65%);height:3px;margin:24px auto 0;accent-color:#BCD9C3;border:0;border-radius:99px;overflow:hidden;appearance:none}
body.focus-immersive #timerProgress::-webkit-progress-bar{background:#FFFFFF26}body.focus-immersive #timerProgress::-webkit-progress-value{background:#BCD9C3}body.focus-immersive #timerProgress::-moz-progress-bar{background:#BCD9C3}
body.focus-immersive #page-focus .timer-row{flex:0;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 12px}
body.focus-immersive #page-focus #focusStart{flex:0 1 180px!important;width:auto!important;min-width:140px!important;height:48px!important;background:#F3F3E9!important;color:#173E34!important;border:0!important;font-size:15px!important;font-weight:600}
body.focus-immersive #page-focus #focusEnd{flex:0 0 90px!important;min-height:48px;background:transparent!important;color:#E0E9E2;border:1px solid #FFFFFF40;font-size:14px;font-weight:600;padding:0 14px}
body.focus-immersive #page-focus #focusMore{display:block;flex:0 0 44px;width:44px;min-height:48px;background:transparent;border:0;color:#E0E9E2;font-size:23px;border-radius:999px}
body.focus-immersive #page-focus #focusCancel{display:none!important}
body.focus-immersive #page-focus #focusNoteToggle{display:block;align-self:center;min-height:44px;padding:0 14px;background:transparent;border:0;border-radius:99px;color:#C6D8CE;font-size:13px;font-weight:400}
body.focus-immersive #page-focus #timerNote{display:none!important}
body.focus-immersive.focus-note-open #page-focus .focus-clock-area{flex:0;min-height:150px;padding-top:12px}
body.focus-immersive.focus-note-open #page-focus #focusClock{font-size:clamp(60px,18vw,76px)}
body.focus-immersive.focus-note-open #page-focus #timerProgress{margin-top:12px!important}
body.focus-immersive.focus-note-open #page-focus #timerNote{display:block!important;flex:1;min-height:110px;max-height:42dvh;background:#FFFFFF0D!important;color:#F6F5EE;border:1px solid #FFFFFF40;border-radius:14px;font:400 14px/1.6 var(--font-ui);padding:12px;resize:vertical;margin:0}
body.focus-immersive #timerNote::placeholder{color:#B7CBBF;opacity:1}
body.focus-immersive #page-focus .focus-card button:focus-visible,body.focus-immersive #timerNote:focus-visible{outline:2px solid #E8CB83;outline-offset:3px}
body.focus-immersive .modal-under{color:var(--ink)}
body.focus-immersive #page-focus #focusEnd[hidden]{display:none!important}
body.focus-immersive.focus-awaiting-save #page-focus #timerProgress{accent-color:#E8CB83}
@media(prefers-reduced-motion:no-preference){body.focus-immersive #page-focus{animation:enterFocus .18s ease-out}@keyframes enterFocus{from{opacity:.4}to{opacity:1}}}
@media(max-height:650px){body.focus-immersive.focus-note-open #page-focus .focus-clock-area{min-height:100px;padding-top:0}body.focus-immersive.focus-note-open #page-focus #focusClock{font-size:58px}body.focus-immersive #page-focus>.focus-card{padding-bottom:8px!important}}