.family .focus-screen{background:#f8f3e9;background:radial-gradient(ellipse at 50% 45%,#fffdf7 0,#f8f3e9 68%);color:#675f51;--leaf:#687e50;padding:40px 22px 32px;justify-content:center}
.family .focus-back{color:#8b8477;top:22px;left:28px;font-size:12px;opacity:.75;border-radius:9px;padding:10px 12px}
.family .focus-back:focus{outline:1px solid #c9c4b5;outline-offset:0}
.family .pomodoro-heading{font-size:14px;letter-spacing:4px;color:#827e6b;display:flex;align-items:center;justify-content:center;margin-bottom:9px}
.family .pomodoro-mark{width:21px;height:1px;background:#c9c8b5;margin:0 15px}
.family .pomodoro-art{position:relative;width:420px;max-width:75vw;flex-shrink:0}
.family .tomato-svg{display:block;width:100%;height:auto;overflow:visible}
.family .tomato-shadow{fill:#9c7658;opacity:.09}
.family .tomato-leaf{fill:var(--leaf)}.family .tomato-stem{stroke:var(--leaf)}
.family .pomodoro-face{position:absolute;top:57.25%;left:50%;width:70%;text-align:center;transform:translate(-50%,-50%);color:#fff8e9}
.family .pomodoro-caption{font-size:12px;letter-spacing:4px;opacity:.85;margin-bottom:17px}
.family .focus-clock{font-size:76px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-3px;line-height:1.1;white-space:nowrap}
.family .pomodoro-minutes{font-size:9px;letter-spacing:3px;opacity:.6;margin-top:17px}
.family #focus-ring{transition:stroke-dashoffset 1s linear}
.family .pomodoro-message{font-size:13px;letter-spacing:1px;color:#8b8677;margin:11px 0 0;text-align:center;line-height:1.8}
.family .focus-done{position:static;margin-top:20px;border:1px solid #d5d4c4;background:#fffdf6;color:#65774e;font-size:13px;padding:11px 22px;min-height:42px;border-radius:22px}
.family:not(.light) .focus-screen{background:#19221f;background:radial-gradient(ellipse at 50% 45%,#29342c 0,#19221f 74%);--leaf:#8a9b69}
.family:not(.light) .pomodoro-heading,.family:not(.light) .pomodoro-message{color:#a8b29b}
.family:not(.light) .pomodoro-mark{background:#52604c}.family:not(.light) .focus-back{color:#a5af9b}.family:not(.light) .focus-back:focus{outline-color:#52604c}
.family:not(.light) .tomato-shadow{fill:#000;opacity:.16}.family:not(.light) .focus-done{background:#29382a;border-color:#4b5f43;color:#d3ddbf}
@media(max-height:650px){.family .pomodoro-art{width:335px}.family .pomodoro-heading{margin-bottom:0;font-size:12px}.family .focus-clock{font-size:62px}.family .pomodoro-caption{margin-bottom:12px;font-size:10px}.family .pomodoro-minutes{margin-top:12px;font-size:8px}.family .focus-screen{padding:24px 18px}.family .pomodoro-message{margin-top:3px;font-size:11px}.family .focus-done{margin-top:12px}}
@media(max-width:480px){.family .pomodoro-art{width:350px;max-width:90vw}.family .focus-clock{font-size:64px}.family .pomodoro-heading{font-size:12px;letter-spacing:3px}.family .pomodoro-message{font-size:11px}.family .focus-back{left:12px;top:12px}}