.analytics-banner[data-astro-cid-fg2vtww3][hidden]{display:none}.analytics-banner[data-astro-cid-fg2vtww3]{z-index:20;border:1px solid var(--color-border);background:var(--color-surface);max-width:700px;color:var(--color-fg);border-radius:16px;margin-inline:auto;padding:20px;position:fixed;inset:auto 16px 16px}.analytics-dialog[data-astro-cid-fg2vtww3]{box-sizing:border-box;border:1px solid var(--color-border-subtle);background:var(--color-surface);width:min(580px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--color-fg);font:16px/1.65 var(--font-sans);border-radius:16px;margin:auto;padding:24px;overflow:auto}.analytics-dialog[data-astro-cid-fg2vtww3]::backdrop{background:#1017267a}.analytics-heading[data-astro-cid-fg2vtww3]{justify-content:space-between;align-items:center;gap:16px;display:flex}.analytics-heading[data-astro-cid-fg2vtww3] h2[data-astro-cid-fg2vtww3]{margin:0;font-size:22px;line-height:1.4}.analytics-dialog[data-astro-cid-fg2vtww3] p[data-astro-cid-fg2vtww3]{margin-block:16px}.analytics-status[data-astro-cid-fg2vtww3]{background:var(--color-bg);color:var(--color-fg);border-radius:10px;padding:12px;font-weight:700}.analytics-actions[data-astro-cid-fg2vtww3]{flex-wrap:wrap;gap:10px;margin-block:16px;display:flex}.analytics-dialog[data-astro-cid-fg2vtww3] button[data-astro-cid-fg2vtww3],.analytics-banner[data-astro-cid-fg2vtww3] button[data-astro-cid-fg2vtww3]{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-muted);font:650 13px/1.3 var(--font-sans);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:10px 15px;display:inline-flex}.analytics-dialog[data-astro-cid-fg2vtww3] button[data-astro-cid-fg2vtww3]:hover,.analytics-banner[data-astro-cid-fg2vtww3] button[data-astro-cid-fg2vtww3]:hover{border-color:var(--color-primary);color:var(--color-primary)}.analytics-dialog[data-astro-cid-fg2vtww3] button[data-astro-cid-fg2vtww3]:disabled,.analytics-banner[data-astro-cid-fg2vtww3] button[data-astro-cid-fg2vtww3]:disabled{color:var(--color-disabled-fg);background:var(--color-disabled-bg);cursor:not-allowed}.analytics-dialog[data-astro-cid-fg2vtww3] a[data-astro-cid-fg2vtww3]{min-height:44px;color:var(--color-primary);align-items:center;font-size:16px;display:inline-flex}@media (width<=400px){.analytics-dialog[data-astro-cid-fg2vtww3]{padding:16px}.analytics-actions[data-astro-cid-fg2vtww3] button[data-astro-cid-fg2vtww3]{flex:auto}}button[data-astro-cid-ge5thcj5]{min-height:44px;color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}button[data-astro-cid-ge5thcj5]:hover{color:var(--color-primary)}[data-phase-widget] .clock-display-face:before{content:"";border-radius:inherit;background:conic-gradient(var(--color-primary) var(--clock-progress,0%), transparent 0);pointer-events:none;padding:9px;position:absolute;inset:-9px;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0)}[data-phase-widget] .control-btn[data-phase-toggle]{border-color:var(--color-primary);color:var(--color-primary-fg);background:var(--color-primary);box-shadow:0 5px 12px var(--color-primary-glow)}.phase-fields,.direct-time{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-self:stretch;gap:12px;width:100%;margin-top:16px;display:grid}.phase-select,.multi-timer-panel,.routine-steps{align-self:stretch;width:100%;margin-top:16px}.multi-timer-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.multi-timer-row,.routine-step{align-items:center;gap:8px;display:grid}.multi-timer-row{grid-template-columns:minmax(0,1fr) auto auto auto}.routine-step{grid-template-columns:minmax(0,1.4fr) minmax(88px,.6fr) auto}.routine-file{clip:rect(0 0 0 0);width:1px;height:1px;position:fixed;overflow:hidden}[data-phase-widget] .preset-chips-row{flex-wrap:wrap;align-self:stretch;gap:8px;margin-top:16px;display:flex}[data-phase-widget] .preset-chip-btn,[data-phase-widget] .fullscreen-btn,[data-phase-widget] .control-btn{min-width:44px}.tool-chrome{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.tool-chrome .toolbar-button{min-height:44px}.tool-chrome [data-chrome-status]{flex:100%;min-height:0;margin:0}.clock-tool-buttons{align-items:center;gap:8px;display:flex}.clock-tool-buttons [data-chrome=focus][aria-pressed=true]{color:var(--color-primary);border-color:var(--color-primary)}.settings-quick-actions{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.settings-quick-actions .fullscreen-btn{min-height:44px;padding:6px 12px;font-size:12px}.settings-quick-actions [data-chrome-status]:empty{display:none}.settings-quick-actions [data-chrome-status]{flex:100%;min-height:0;margin:0;font-size:12px}.face-shortcuts-btn{z-index:4;min-width:44px;min-height:44px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;bottom:11%;right:16%}@media (width>=1200px){[data-clock-widget]:has(>.settings-quick-actions){grid-template-rows:auto minmax(0,1fr)}[data-clock-widget]>.clock-primary-card{grid-area:1/1/span 2}[data-clock-widget]>.settings-quick-actions{grid-area:1/2;align-self:end}[data-clock-widget]>.clock-settings-card{grid-area:2/2}}.tool-dialog{background:0 0;border:0;max-width:calc(100vw - 32px);padding:0}.tool-dialog::backdrop{background:#1017267a}.tool-dialog-card{background:var(--color-surface);width:min(440px,100vw - 32px);color:var(--color-fg);border:1px solid var(--color-border-subtle);border-radius:16px;padding:20px}.tool-dialog-card h2{margin:0 0 8px;font-size:18px}.tool-dialog-card p{color:var(--color-muted);margin:0 0 16px}.skin-choices,.shortcut-list{gap:8px;display:grid}.skin-choices button,.shortcut-list div{border:1px solid var(--color-border);background:var(--color-bg);min-height:44px;color:var(--color-fg);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.skin-choices button[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary)}.skin-group-label{color:var(--color-fg);margin:8px 0;font-size:13px;font-weight:750}.tool-dialog-card .skin-face-note{margin:-4px 0 8px;font-size:12px}.skin-choices[data-face-choices]{grid-template-columns:1fr 1fr}.shortcut-list kbd{font-size:13px}.site-shell.skin-forest{--color-primary:#5eead4;--color-primary-fg:#042f2e;--color-primary-glow:#5eead438;--color-focus:#5eead4}.site-shell.skin-sunset{--color-primary:#fdba74;--color-primary-fg:#431407;--color-primary-glow:#fdba7438;--color-focus:#fdba74}[data-theme=light] .site-shell.skin-forest{--color-primary:#0f766e;--color-primary-fg:#fff;--color-primary-glow:#0f766e2e;--color-focus:#0f766e}[data-theme=light] .site-shell.skin-sunset{--color-primary:#c2410c;--color-primary-fg:#fff;--color-primary-glow:#c2410c2e;--color-focus:#c2410c}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .site-shell.skin-forest{--color-primary:#0f766e;--color-primary-fg:#fff;--color-primary-glow:#0f766e2e;--color-focus:#0f766e}:root:not([data-theme=dark]) .site-shell.skin-sunset{--color-primary:#c2410c;--color-primary-fg:#fff;--color-primary-glow:#c2410c2e;--color-focus:#c2410c}}.site-shell.is-focus .page-nav-sidebar,.site-shell.is-focus .info-card,.site-shell.is-focus .site-footer,.site-shell.is-focus .mode-tabs,.site-shell.is-focus .topbar-breadcrumb,.site-shell.is-focus .browser-badge{display:none!important}@media (width>=1200px){.purpose-workbench>.clock-topbar{display:none}}.clock-primary-card.face-minimal{--face-digit:#17233a;--face-hint:#5b6b82;--face-accent:#3b82f6;--face-action:#2563eb;--face-ink:#fff;--face-surface:#f4f7ff;--face-card:#f8faff;--face-ring:#38bdf8;--face-ring-end:#a78bfa}.clock-primary-card.face-neon{--face-digit:#f8fafc;--face-hint:#cbd5e1;--face-accent:#22d3ee;--face-action:#22d3ee;--face-ink:#041018;--face-surface:#0b1020;--face-card:#070b16;--face-ring:#22d3ee;--face-ring-end:#e879f9}.clock-primary-card.face-nature{--face-digit:#142033;--face-hint:#3f5c4a;--face-accent:#16a34a;--face-action:#15803d;--face-ink:#fff;--face-surface:#e0f2fe;--face-card:#f3fbf6;--face-ring:#4ade80;--face-ring-end:#16a34a}.clock-primary-card.face-desk{--face-digit:#3f2a22;--face-hint:#7c5b4a;--face-accent:#d97706;--face-action:#c2410c;--face-ink:#fff7ef;--face-surface:#fff7ef;--face-card:#fff8f1;--face-ring:#fdba74;--face-ring-end:#fb923c}.clock-primary-card.face-pixel{--face-digit:#f8fafc;--face-hint:#cbd5e1;--face-accent:#38bdf8;--face-action:#f5c542;--face-ink:#1a1404;--face-surface:#0e1a33;--face-card:#0b1428;--face-ring:#38bdf8;--face-ring-end:#2563eb}.clock-primary-card.face-glass{--face-digit:#1e293b;--face-hint:#475569;--face-accent:#7c6bf2;--face-action:#6d5ef5;--face-ink:#fff;--face-surface:#ffffffd6;--face-card:#ede9feeb;--face-ring:#c4b5fd;--face-ring-end:#67e8f9}.clock-primary-card[class*=face-]{background:var(--face-card);color:var(--face-digit);border-color:color-mix(in srgb, var(--face-digit) 12%, transparent)}.clock-primary-card[class*=face-] .clock-display-face{color:var(--face-digit);background:linear-gradient(var(--face-surface), var(--face-surface)) padding-box, linear-gradient(155deg, var(--face-ring), var(--face-ring-end)) border-box;box-shadow:0 0 0 13px var(--face-card);border-color:#0000}.clock-primary-card[class*=face-] .clock-display-face:before{z-index:2;background:conic-gradient(var(--face-accent) var(--clock-progress,0%), transparent 0)}.clock-primary-card[class*=face-] .time-readout{color:var(--face-digit)}.clock-primary-card[class*=face-] .phase-indicator{background:color-mix(in srgb, var(--face-accent) 16%, transparent);color:var(--face-accent);border-radius:999px;padding:2px 10px}.clock-primary-card[class*=face-] .clock-state-chip{background:color-mix(in srgb, var(--face-accent) 14%, white);color:var(--face-accent)}.clock-primary-card[class*=face-] .mode-hint-text,.clock-primary-card[class*=face-] .clock-end-time,.clock-primary-card[class*=face-] .section-label,.clock-primary-card[class*=face-] .field-label,.clock-primary-card[class*=face-] .extras-note,.clock-primary-card[class*=face-] .measurement-metrics span{color:var(--face-hint)}.clock-primary-card[class*=face-] .measurement-metrics strong,.clock-primary-card[class*=face-] .configured-time strong{color:var(--face-digit)}.clock-primary-card[class*=face-] .field-input,.clock-primary-card[class*=face-] .measurement-metrics>div,.clock-primary-card[class*=face-] .configured-time{color:var(--face-digit);background:color-mix(in srgb, var(--face-surface) 88%, white);border-color:color-mix(in srgb, var(--face-digit) 18%, transparent)}.clock-primary-card[class*=face-] .controls-bar .control-btn,.clock-primary-card[class*=face-] .preset-chip-btn,.clock-primary-card[class*=face-] .adjust-btn,.clock-primary-card[class*=face-] .fullscreen-btn{color:var(--face-digit);background:color-mix(in srgb, var(--face-surface) 74%, transparent);border-color:color-mix(in srgb, var(--face-digit) 18%, transparent);box-shadow:none;border-radius:999px}.clock-primary-card[class*=face-] .control-btn[data-control=start],.clock-primary-card[class*=face-] .control-btn[data-phase-toggle]{background:var(--face-action);color:var(--face-ink);border-color:#0000}.clock-primary-card[class*=face-] :is(.control-btn,.fullscreen-btn):disabled{opacity:1;color:var(--color-disabled-fg);background:var(--color-disabled-bg);box-shadow:none}.clock-primary-card[class*=face-] .presets-section,.clock-primary-card[class*=face-] .laps-panel-card{border-top-color:color-mix(in srgb, var(--face-digit) 14%, transparent)}.clock-primary-card[class*=face-] .preset-chip-btn[aria-pressed=true]{color:var(--face-ink);background:var(--face-action);border-color:#0000}.clock-primary-card.face-minimal .clock-display-face:after,.clock-primary-card.face-nature .clock-display-face:after,.clock-primary-card.face-desk .clock-display-face:after,.clock-primary-card.face-neon .clock-display-face:after,.clock-primary-card.face-pixel .clock-display-face:after,.clock-primary-card.face-glass .clock-display-face:after{content:"";border-radius:inherit;z-index:0;pointer-events:none;position:absolute;inset:0}.clock-primary-card.face-minimal .clock-display-face:after{background:radial-gradient(circle at 24% 22%,#fff 0 7%,#0000 8%),radial-gradient(circle at 34% 24%,#fff 0 5%,#0000 6%),radial-gradient(circle at 76% 20%,#fff 0 6%,#0000 7%)}.clock-primary-card.face-nature .clock-display-face{background:linear-gradient(#dbeafe, #fff7ed 56%, #d9f99d) padding-box, linear-gradient(155deg, var(--face-ring), var(--face-ring-end)) border-box}.clock-primary-card.face-nature .clock-display-face:after{background:radial-gradient(circle at 62% 58%,#fde68a 0 9%,#0000 10%),radial-gradient(90% 46% at 16% 92%,#166534 0 70%,#0000 72%),radial-gradient(100% 52% at 78% 100%,#14532d 0 72%,#0000 74%),linear-gradient(#4ade80,#4ade80) 0 100%/100% 16% no-repeat}.clock-primary-card.face-desk .clock-display-face{background:linear-gradient(#fff7ef, #ffedd5) padding-box, linear-gradient(155deg, var(--face-ring), var(--face-ring-end)) border-box}.clock-primary-card.face-desk .clock-display-face:after{background:radial-gradient(circle at 18% 72%,#fde047bf,#0000 18%),linear-gradient(#44403c,#44403c) 16% 62%/3px 22% no-repeat,linear-gradient(#b45309,#b45309) 8% 80%/16% 7px no-repeat,linear-gradient(#92400e,#92400e) 8% 88%/16% 7px no-repeat,radial-gradient(circle at 84% 78%,#15803d 0 8%,#0000 9%),linear-gradient(#166534,#166534) 84% 74%/3px 16% no-repeat}.clock-primary-card.face-neon .clock-display-face{background:radial-gradient(circle at 50% 42%, #15233f, #070b16 70%) padding-box, linear-gradient(155deg, var(--face-ring), var(--face-ring-end)) border-box;box-shadow:0 0 0 13px var(--face-card), 0 0 28px #22d3ee61}.clock-primary-card.face-neon .clock-display-face:after{background:linear-gradient(#22d3ee,#22d3ee) 10% 90%/5% 6% no-repeat,linear-gradient(#67e8f9,#67e8f9) 22% 84%/5% 12% no-repeat,linear-gradient(#e879f9,#e879f9) 34% 80%/5% 16% no-repeat,linear-gradient(#22d3ee,#22d3ee) 46% 86%/5% 10% no-repeat,linear-gradient(#a5f3fc,#a5f3fc) 58% 82%/5% 14% no-repeat,linear-gradient(#e879f9,#e879f9) 70% 90%/5% 7% no-repeat,linear-gradient(#22d3ee,#22d3ee) 82% 84%/5% 12% no-repeat}.clock-primary-card.face-neon .clock-state-chip,.clock-primary-card.face-pixel .clock-state-chip{color:#86efac;background:#4ade802e}.clock-primary-card.face-pixel .clock-display-face{background:var(--face-surface);box-shadow:0 0 0 4px var(--face-card), 0 0 0 8px #1d4ed8;border-color:#38bdf8}.clock-primary-card.face-pixel .time-readout{letter-spacing:0;font-family:ui-monospace,SF Mono,Menlo,monospace}.clock-primary-card.face-pixel .controls-bar .control-btn,.clock-primary-card.face-pixel .preset-chip-btn,.clock-primary-card.face-pixel .adjust-btn{border-radius:6px}.clock-primary-card.face-pixel .clock-display-face:after{background:linear-gradient(#fde68a,#fde68a) 20% 24%/4px 4px no-repeat,linear-gradient(#fff,#fff) 72% 18%/4px 4px no-repeat,linear-gradient(#93c5fd,#93c5fd) 56% 30%/4px 4px no-repeat,linear-gradient(#166534,#166534) 0 84%/100% 8px no-repeat,linear-gradient(#14532d,#14532d) 0 92%/100% 8px no-repeat,linear-gradient(#854d0e,#854d0e) 0 100%/100% 7px no-repeat}.clock-primary-card.face-glass{backdrop-filter:blur(16px)}.clock-primary-card.face-glass .clock-display-face{background:linear-gradient(#ffffffd1, #ffffffa3) padding-box, linear-gradient(155deg, var(--face-ring), var(--face-ring-end)) border-box;backdrop-filter:blur(8px)}.clock-primary-card.face-glass .clock-display-face:after{background:linear-gradient(160deg,#ffffff9e,#0000 46%)}.clock-primary-card.face-nature .time-readout,.clock-primary-card.face-desk .time-readout,.clock-primary-card.face-minimal .time-readout{text-shadow:0 1px #ffffffb8}.clock-primary-card.face-neon .time-readout,.clock-primary-card.face-pixel .time-readout{text-shadow:0 2px 10px #00000073}.notice-back{align-self:flex-start;align-items:center;min-height:44px;font-weight:600;display:inline-flex}