.focus-simple{max-width:570px;margin:0 auto;padding:28px 20px}
.focus-heading{max-width:720px;margin:0 auto 20px}
.focus-heading .focus-options-button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--line);font-size:14px;color:var(--muted);border-radius:10px;padding:10px 13px}
.focus-icon{width:20px;height:20px;flex:none;vertical-align:middle}
.focus-simple .focus-dial{width:min(310px,85%);height:auto;aspect-ratio:1;cursor:grab;user-select:none}
.focus-simple .focus-dial.running{cursor:default}
.focus-simple .focus-dial svg{transform:none;overflow:visible;pointer-events:none}
.focus-simple #focus-knob{fill:#e9fffa;stroke:#70e1ca55;stroke-width:3}
.focus-simple .dial-progress{stroke-dasharray:628.319;transition:none}
.focus-simple .staff-reward{inset:13%;padding:0;pointer-events:none}
.focus-simple .staff-reward:after{display:none}
.focus-simple .staff-reward img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.focus-simple .focus-actions{display:flex;justify-content:center;gap:10px;margin:20px 0 12px;flex-wrap:wrap}
.focus-simple .focus-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;min-width:124px;margin:0}
.focus-simple .focus-tag-label{display:flex;align-items:center;justify-content:center;gap:10px;max-width:280px;margin:16px auto 0;font-size:12px;color:var(--muted);text-align:left}
.focus-simple .focus-tag-label input{font-size:13px;min-width:0;width:190px;padding:8px 10px;background:transparent;border:1px solid var(--line);margin:0}
.focus-break{display:flex;flex-direction:column;align-items:center;gap:5px;background:#243147;border:1px solid #657da3;border-radius:14px;color:#c4d7ff;padding:12px;margin:12px auto;max-width:300px}
.focus-break strong{font:600 25px Manrope;font-variant-numeric:tabular-nums}
.focus-break small{font-size:12px;color:#c4d7ff}
.focus-break button{margin-top:6px}
.focus-options h3{font-size:14px;margin:18px 0 10px;color:var(--mint)}
.focus-options label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.focus-options input[type=checkbox]{flex:none;width:21px;height:21px;margin:0;accent-color:var(--mint)}
.focus-options p{font-size:13px;line-height:1.5;color:var(--muted)}
.focus-options label small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px;font-weight:400}
.focus-options #focus-notification-status{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin:9px 0 4px}
.focus-options [hidden]{display:none!important}
.focus-stopwatch-space{height:55px}
.focus-simple:has(.focus-stopwatch-space) .focus-clock{font-size:64px;padding:18px 0 4px}
.agenda-auto-options{margin:-8px 0 22px;font-size:13px;color:var(--muted)}
.agenda-auto-options summary{cursor:pointer;width:fit-content;padding:8px 0}
.agenda-auto-options details[open]{padding-bottom:12px}
.agenda-auto-options label{display:flex;align-items:center;gap:8px;margin:10px 0}
.agenda-auto-options input{width:18px;height:18px;margin:0;accent-color:var(--mint)}
.agenda-auto-options small{display:block;max-width:600px;line-height:1.5;margin:8px 0}
.agenda-auto-options button{font-size:13px;padding:8px 12px}
@media(max-width:600px){.focus-simple{padding:20px 12px}.focus-simple .focus-clock{font-size:48px}.focus-heading h1{font-size:25px}.focus-options-button{font-size:13px!important}.focus-simple .focus-dial{width:min(270px,85%)}}