.eye-strain-workspace{--eye-work:#3b82f6;--eye-break:#ef4444;--eye-break-ink:#dc2626;--eye-rest:#14b8a6;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}[data-theme=dark] .eye-strain-workspace{--eye-break-ink:#f87171}.eye-strain-workspace,.eye-strain-workspace section{min-width:0}.eye-strain-workspace [hidden]{display:none!important}.eye-strain-workspace button{min-width:44px;min-height:44px}.eye-strain-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.eye-strain-head .workbench-label{margin:0}.eye-strain-badge{min-height:28px;color:var(--color-muted);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:999px;align-items:center;padding:2px 12px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.eye-strain-badge[data-state=work]{color:var(--color-ink);border-color:var(--eye-work);background:color-mix(in srgb, var(--eye-work) 12%, transparent)}.eye-strain-badge[data-state=break]{color:var(--color-ink);border-color:var(--eye-break);background:color-mix(in srgb, var(--eye-break) 14%, transparent);animation:1.6s ease-in-out infinite eye-strain-pulse}@keyframes eye-strain-pulse{50%{opacity:.6}}.eye-strain-clock{aspect-ratio:1;width:min(100%,256px);margin:24px auto;position:relative}.eye-strain-clock>svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.eye-strain-track{stroke:color-mix(in srgb, var(--eye-work) 15%, transparent)}.eye-strain-ring{stroke:var(--eye-work);transition:stroke-dashoffset .2s linear}[data-phase=break] .eye-strain-track{stroke:color-mix(in srgb, var(--eye-break) 15%, transparent)}[data-phase=break] .eye-strain-ring{stroke:var(--eye-break)}.eye-strain-clock-value{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.eye-strain-clock-value strong{font:700 clamp(36px, 5vw, 48px)/1.1 var(--font-mono);font-variant-numeric:tabular-nums}[data-phase=break] .eye-strain-clock-value strong{color:var(--eye-break-ink)}.eye-strain-clock-value span{text-align:center;max-width:75%;color:var(--color-muted);font-size:14px;line-height:1.6}.eye-strain-reminder{border:1px solid var(--color-rule);background:var(--color-surface);color:var(--color-muted);border-radius:12px;align-items:flex-start;gap:14px;margin:0 0 20px;padding:14px 16px;display:flex}.eye-strain-reminder>svg{flex:none;margin-top:2px}.eye-strain-reminder[data-active=true]{border:1px solid var(--eye-rest);box-shadow:inset 0 0 0 1px var(--eye-rest);background:color-mix(in srgb, var(--eye-rest) 10%, var(--color-surface));color:var(--color-ink)}.eye-strain-reminder-copy{flex:1;min-width:0;display:grid}.eye-strain-reminder-copy>div{grid-area:1/1}.eye-strain-reminder h3{color:var(--color-ink);margin:0 0 4px;font-size:14px;line-height:1.5}.eye-strain-reminder p{margin:0;font-size:13px;line-height:1.7}.eye-strain-reminder[data-active=false] [data-variant=break],.eye-strain-reminder[data-active=true] [data-variant=next]{visibility:hidden}.eye-strain-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.eye-strain-actions .btn{white-space:normal;font-size:13px;line-height:1.5}.eye-strain-status{min-height:48px;line-height:1.6}.eye-strain-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.eye-strain-stats>div{border:1px solid var(--color-rule);background:var(--color-surface);border-radius:10px;min-width:0;padding:12px}.eye-strain-stats dt{min-height:40px;color:var(--color-muted);font-size:12px;line-height:1.7}.eye-strain-stats dd{font:600 23px/1.3 var(--font-mono);overflow-wrap:anywhere;margin:10px 0 0}.eye-strain-note{margin:10px 0 0;line-height:1.8}.eye-strain-settings{border-top:1px solid var(--color-rule);margin-top:24px;padding-top:18px}.eye-strain-settings h3,.eye-strain-rule h3{margin:0;font-size:14px;font-weight:600;line-height:1.6}.eye-strain-settings>p{margin:8px 0 18px;line-height:1.8}.eye-strain-duration-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.eye-strain-duration-settings>label{align-content:start;gap:8px;min-width:0;font-size:13px;line-height:1.7;display:grid}.eye-strain-number-field{min-width:0;position:relative}.eye-strain-number-field input{border:1px solid var(--color-rule);background:var(--color-surface);width:100%;min-width:0;min-height:44px;color:var(--color-ink);font:16px var(--font-mono);border-radius:10px;padding:10px 12px}.eye-strain-number-field input:disabled{opacity:.55;cursor:not-allowed}.eye-strain-number-field>span{color:var(--color-muted);margin-top:5px;font-size:11px;line-height:1.7;display:block}.eye-strain-duration-settings input[aria-invalid=true]{border-color:#d75766}.eye-strain-duration-settings input:focus{outline:2px solid var(--color-accent);outline-offset:2px}.eye-strain-field-error{min-height:40px;font-size:11px;line-height:1.8}.eye-strain-alerts{border-top:1px solid var(--color-rule);gap:10px;padding-top:18px;display:grid}.eye-strain-sound{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:13px;line-height:1.7;display:flex}.eye-strain-sound input{width:18px;height:18px;accent-color:var(--color-accent);flex:none}.eye-strain-notify{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.eye-strain-notify .btn{font-size:13px}.eye-strain-notify p,.eye-strain-alerts>p{margin:0;line-height:1.8}.eye-strain-notify p{flex:180px}.eye-strain-rule{border:1px solid var(--color-rule);background:var(--color-paper);border-radius:12px;margin-top:20px;padding:14px 16px}.eye-strain-rule p{color:var(--color-muted);margin:6px 0 0;font-size:13px;line-height:1.8}@media (width<=767px){.eye-strain-workspace{grid-template-columns:minmax(0,1fr)}.eye-strain-clock{width:min(100%,224px);margin-block:20px}.eye-strain-clock-value strong{font-size:40px}.eye-strain-stats{gap:8px}.eye-strain-stats>div{padding:10px}.eye-strain-stats dt{min-height:40px;font-size:11px}.eye-strain-stats dd{font-size:20px}.eye-strain-duration-settings{gap:12px}.eye-strain-actions .btn{padding-inline:8px;font-size:12px}}@media (prefers-reduced-motion:reduce){.eye-strain-workspace *{transition:none!important;animation:none!important}}