:root{--wt-primary:#6366f1;--wt-primary-hover:#4f46e5;--wt-primary-bg:#6366f10f;--wt-work:#ef4444;--wt-work-bg:#ef444414;--wt-rest:#10b981;--wt-rest-bg:#10b98114;--wt-warmup:#f59e0b;--wt-warmup-bg:#f59e0b14;--wt-cooldown:#3b82f6;--wt-cooldown-bg:#3b82f614;--wt-set-rest:#8b5cf6;--wt-set-rest-bg:#8b5cf614;--wt-text:#0f172a;--wt-text-secondary:#475569;--wt-text-muted:#64748b;--wt-bg:#fff;--wt-bg-subtle:#f8fafc;--wt-bg-hover:#f1f5f9;--wt-border:#e2e8f0;--wt-border-light:#f1f5f9;--wt-card-bg:#fff;--wt-card-shadow:0 1px 3px #0000000a, 0 4px 12px #0000000a;--wt-card-radius:12px;--wt-btn-primary-bg:var(--wt-primary);--wt-btn-primary-text:#fff;--wt-btn-secondary-bg:#f1f5f9;--wt-btn-secondary-text:#475569;--wt-transition:.2s cubic-bezier(.4, 0, .2, 1)}._wt-container{gap:var(--main-space-5);flex-direction:column;width:100%;max-width:520px;margin:0 auto;display:flex}._wt-notice{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);background:var(--wt-primary-bg);border-radius:var(--main-radius);font-size:var(--main-text-xs);color:var(--wt-text-muted);display:flex}._wt-notice svg{color:var(--wt-primary);opacity:.7;flex-shrink:0}._wt-sound-toggle{justify-content:center;display:flex}._wt-sound-btn{background:var(--wt-bg-subtle);border-radius:var(--main-radius);width:36px;height:36px;color:var(--wt-text-secondary);cursor:pointer;transition:all var(--wt-transition);border:none;justify-content:center;align-items:center;display:flex}._wt-sound-btn:hover{background:var(--wt-bg-hover);color:var(--wt-text)}._wt-sound-btn.muted{color:var(--wt-text-muted);opacity:.6}.hidden{display:none!important}@media (max-width:768px){._wt-container{padding-left:var(--main-space-4);padding-right:var(--main-space-4)}}._wt-modes{gap:var(--main-space-2);background:var(--wt-card-bg);padding:var(--main-space-1);border-radius:var(--wt-card-radius);box-shadow:var(--wt-card-shadow);border-style:solid;border-width:1px;border-color:var(--wt-border-light);display:flex}._wt-mode-btn{justify-content:center;align-items:center;gap:var(--main-space-1);color:var(--wt-text-muted);font-size:var(--main-text-sm);cursor:pointer;transition:all var(--wt-transition);background:0 0;border:none;border-radius:8px;flex:1;padding:.625rem .5rem;font-weight:500;display:flex}._wt-mode-btn:hover{color:var(--wt-text);background:var(--wt-bg-hover)}._wt-mode-btn.active{background:var(--wt-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._wt-mode-btn svg{flex-shrink:0}@media (max-width:480px){._wt-mode-btn span{font-size:var(--main-text-xs)}}._wt-config{background:var(--wt-card-bg);border-radius:var(--wt-card-radius);padding:var(--main-space-5);box-shadow:var(--wt-card-shadow);border-style:solid;border-width:1px;border-color:var(--wt-border-light)}._wt-config-grid{gap:var(--main-space-4);grid-template-columns:1fr 1fr;display:grid}._wt-config-item{align-items:center;gap:var(--main-space-2);flex-direction:column;display:flex}._wt-config-label{font-size:var(--main-text-xs);color:var(--wt-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}._wt-config-input-group{background:var(--wt-bg-subtle);border-radius:var(--main-radius);border-style:solid;border-width:1.5px;border-color:var(--wt-border);align-items:center;gap:0;display:flex;overflow:hidden}._wt-config-input-group:focus-within{border-color:var(--wt-primary);box-shadow:0 0 0 3px #6366f11a}._wt-config-adjust{width:36px;height:40px;color:var(--wt-text-secondary);font-size:var(--main-text-lg);cursor:pointer;transition:all var(--wt-transition);-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;font-weight:500;display:flex}._wt-config-adjust:hover{background:var(--wt-bg-hover);color:var(--wt-primary)}._wt-config-adjust:active{background:var(--wt-primary-bg)}._wt-config-input{text-align:center;width:56px;height:40px;font-size:var(--main-text-lg);font-weight:700;font-family:var(--main-font-mono);color:var(--wt-text);-moz-appearance:textfield;background:0 0;border:none}._wt-config-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._wt-config-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._wt-config-unit{font-size:var(--main-text-xs);color:var(--wt-text-muted)}._wt-config-advanced{margin-top:var(--main-space-4);padding-top:var(--main-space-3);border-top-style:solid;border-top-width:1px;border-top-color:var(--wt-border-light)}._wt-config-advanced-toggle{justify-content:center;align-items:center;gap:var(--main-space-1);width:100%;padding:var(--main-space-2);color:var(--wt-text-muted);font-size:var(--main-text-xs);cursor:pointer;transition:color var(--wt-transition);background:0 0;border:none;font-weight:500;display:flex}._wt-config-advanced-toggle:hover{color:var(--wt-text-secondary)}._wt-config-advanced-toggle.expanded svg{transform:rotate(180deg)}._wt-config-advanced-panel{margin-top:var(--main-space-3)}._wt-config-total{justify-content:center;align-items:center;gap:var(--main-space-2);margin-top:var(--main-space-4);padding:var(--main-space-2) var(--main-space-3);background:var(--wt-primary-bg);border-radius:var(--main-radius);display:flex}._wt-config-total-label{font-size:var(--main-text-sm);color:var(--wt-text-secondary)}._wt-config-total-value{font-size:var(--main-text-sm);font-weight:700;font-family:var(--main-font-mono);color:var(--wt-primary)}@media (max-width:480px){._wt-config{padding:var(--main-space-4)}._wt-config-grid{gap:var(--main-space-3)}}._wt-timer{align-items:center;gap:var(--main-space-3);flex-direction:column;min-height:320px;display:flex}._wt-timer-phase{font-size:var(--main-text-sm);text-transform:uppercase;letter-spacing:.15em;border-radius:var(--main-radius-full);transition:all var(--wt-transition);padding:.25rem 1rem;font-weight:700}._wt-timer-phase.phase-work{background:var(--wt-work-bg);color:var(--wt-work)}._wt-timer-phase.phase-rest{background:var(--wt-rest-bg);color:var(--wt-rest)}._wt-timer-phase.phase-warmup{background:var(--wt-warmup-bg);color:var(--wt-warmup)}._wt-timer-phase.phase-cooldown{background:var(--wt-cooldown-bg);color:var(--wt-cooldown)}._wt-timer-phase.phase-set-rest{background:var(--wt-set-rest-bg);color:var(--wt-set-rest)}._wt-timer-ring-wrapper{width:240px;height:240px;position:relative}._wt-timer-ring{width:100%;height:100%;transform:rotate(-90deg)}._wt-timer-ring-bg{fill:none;stroke:var(--wt-border);stroke-width:6px}._wt-timer-ring-progress{fill:none;stroke:var(--wt-primary);stroke-width:6px;stroke-linecap:round;stroke-dasharray:565.48;stroke-dashoffset:0;transition:stroke-dashoffset .3s,stroke .3s}._wt-timer-ring-progress.phase-work{stroke:var(--wt-work)}._wt-timer-ring-progress.phase-rest{stroke:var(--wt-rest)}._wt-timer-ring-progress.phase-warmup{stroke:var(--wt-warmup)}._wt-timer-ring-progress.phase-cooldown{stroke:var(--wt-cooldown)}._wt-timer-ring-progress.phase-set-rest{stroke:var(--wt-set-rest)}._wt-timer-display{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._wt-timer-time{font-size:3.5rem;font-weight:700;font-family:var(--main-font-mono);color:var(--wt-text);letter-spacing:-.02em;line-height:1}._wt-timer-info{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--wt-text-secondary);font-weight:500;display:flex}._wt-timer-info-sep{color:var(--wt-text-muted);opacity:.5}@media (max-width:480px){._wt-timer-ring-wrapper{width:200px;height:200px}._wt-timer-time{font-size:2.75rem}._wt-timer{min-height:280px}}._wt-controls{justify-content:center;align-items:center;gap:var(--main-space-4);display:flex}._wt-ctrl-btn{justify-content:center;align-items:center;gap:var(--main-space-2);border-radius:var(--main-radius-full);cursor:pointer;transition:all var(--wt-transition);border:none;font-weight:600;display:inline-flex}._wt-ctrl-btn:disabled{opacity:.4;cursor:not-allowed}._wt-ctrl-primary{background:var(--wt-btn-primary-bg);width:auto;min-width:140px;height:52px;color:var(--wt-btn-primary-text);font-size:var(--main-text-base);padding:0 1.75rem;box-shadow:0 4px 14px #6366f14d}._wt-ctrl-primary:hover:not(:disabled){background:var(--wt-primary-hover);box-shadow:0 6px 20px #6366f159}._wt-ctrl-primary.running{background:var(--wt-work);box-shadow:0 4px 14px #ef44444d}._wt-ctrl-primary.running:hover:not(:disabled){opacity:.9;box-shadow:0 6px 20px #ef444459}._wt-ctrl-secondary{background:var(--wt-btn-secondary-bg);width:44px;height:44px;color:var(--wt-btn-secondary-text)}._wt-ctrl-secondary:hover:not(:disabled){background:var(--wt-bg-hover);color:var(--wt-text)}._wt-ctrl-icon{align-items:center;display:flex}@media (max-width:480px){._wt-ctrl-primary{min-width:120px;height:48px;font-size:var(--main-text-sm)}}._wt-summary{background:var(--wt-card-bg);border-radius:var(--wt-card-radius);padding:var(--main-space-6);box-shadow:var(--wt-card-shadow);border-style:solid;border-width:1px;border-color:var(--wt-border-light);text-align:center;position:relative}._wt-summary-title{font-size:var(--main-text-lg);color:var(--wt-rest);margin:0 0 var(--main-space-5);font-weight:700}._wt-summary-grid{gap:var(--main-space-4);grid-template-columns:1fr 1fr;display:grid}._wt-summary-item{gap:var(--main-space-1);flex-direction:column;display:flex}._wt-summary-value{font-size:var(--main-text-xl);font-weight:700;font-family:var(--main-font-mono);color:var(--wt-text)}._wt-summary-label{font-size:var(--main-text-xs);color:var(--wt-text-muted);text-transform:uppercase;letter-spacing:.05em}._wt-summary-close{top:var(--main-space-3);right:var(--main-space-3);background:var(--wt-bg-subtle);border-radius:var(--main-radius);width:28px;height:28px;color:var(--wt-text-muted);cursor:pointer;transition:all var(--wt-transition);border:none;justify-content:center;align-items:center;display:flex;position:absolute}._wt-summary-close:hover{background:var(--wt-bg-hover);color:var(--wt-text)}._wt-presets{background:var(--wt-card-bg);border-radius:var(--wt-card-radius);box-shadow:var(--wt-card-shadow);border-style:solid;border-width:1px;border-color:var(--wt-border-light);overflow:hidden}._wt-presets-toggle{justify-content:center;align-items:center;gap:var(--main-space-1);width:100%;padding:var(--main-space-3);color:var(--wt-text-muted);font-size:var(--main-text-sm);cursor:pointer;transition:color var(--wt-transition);background:0 0;border:none;font-weight:500;display:flex}._wt-presets-toggle:hover{color:var(--wt-text-secondary)}._wt-presets-toggle.expanded svg{transform:rotate(180deg)}._wt-presets-panel{padding:0 var(--main-space-4) var(--main-space-4)}._wt-presets-list{gap:var(--main-space-2);margin-bottom:var(--main-space-3);flex-direction:column;min-height:40px;display:flex}._wt-preset-item{padding:var(--main-space-2) var(--main-space-3);background:var(--wt-bg-subtle);border-radius:var(--main-radius);cursor:pointer;transition:background var(--wt-transition);justify-content:space-between;align-items:center;display:flex}._wt-preset-item:hover{background:var(--wt-bg-hover)}._wt-preset-info{flex-direction:column;gap:2px;display:flex}._wt-preset-name{font-size:var(--main-text-sm);color:var(--wt-text);font-weight:600}._wt-preset-detail{font-size:var(--main-text-xs);color:var(--wt-text-muted);font-family:var(--main-font-mono)}._wt-preset-delete{width:28px;height:28px;color:var(--wt-text-muted);border-radius:var(--main-radius);cursor:pointer;transition:all var(--wt-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}._wt-preset-delete:hover{color:#ef4444;background:#ef44441a}._wt-preset-save{justify-content:center;align-items:center;gap:var(--main-space-2);width:100%;padding:var(--main-space-2) var(--main-space-3);border-style:dashed;border-width:1.5px;border-color:var(--wt-border);border-radius:var(--main-radius);color:var(--wt-text-muted);font-size:var(--main-text-sm);cursor:pointer;transition:all var(--wt-transition);background:0 0;font-weight:500;display:flex}._wt-preset-save:hover{border-color:var(--wt-primary);color:var(--wt-primary);background:var(--wt-primary-bg)}._wt-presets-empty{text-align:center;padding:var(--main-space-3);font-size:var(--main-text-xs);color:var(--wt-text-muted)}