#page-focus .focus-controls{display:flex;flex-direction:column;align-items:stretch;gap:5px}
#page-focus #focusDurations{justify-content:center;flex-wrap:wrap}
#page-focus #focusDurations button[data-time]{min-width:44px!important;min-height:44px!important;flex:1}
#page-focus #focusContext{margin-top:5px;font-size:13px}
#page-focus .focus-main-row{flex-wrap:wrap;gap:8px}
#page-focus .timer-row{flex-wrap:wrap;align-items:center;justify-content:center}
#timerProgress{display:block;width:100%;height:5px;accent-color:var(--solid);margin:4px 0 8px}#timerProgress[hidden]{display:none}
#timerStatus{margin:5px 0;text-align:center}#timerNote{font:inherit;font-size:13px;min-height:64px;resize:vertical}#timerNoteLabel{font-size:12px}
.reflection-collection{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:5px 0}.reflection-flowers{display:flex;gap:4px}.reflection-flowers img{width:24px;height:24px;object-fit:contain}.reflected-flower{width:16px;height:16px;object-fit:contain;display:block;margin:auto}
#page-today .pinned-title.done .task-name{text-decoration:line-through;color:var(--faint)}.done-tasks summary{padding:8px 0;cursor:pointer}
.welcome-art{display:block;max-height:30dvh;max-width:100%;width:auto;object-fit:contain;margin:0 auto}.about-art{display:block;width:140px;max-width:60%;height:auto;margin:12px auto}#focusCancel{min-height:44px}#focusCancel[hidden],#focusContext[hidden]{display:none!important}
@media(max-width:360px){#page-focus .focus-main-row{flex-direction:column}#page-focus #focusDurations{gap:3px!important}.reflection-collection .micro{font-size:11px}}