:root{--st-primary:#6366f1;--st-primary-hover:#4f46e5;--st-primary-light:#818cf8;--st-primary-bg:#6366f114;--st-primary-bg-solid:#eef2ff;--st-success:#10b981;--st-success-bg:#10b9811a;--st-warning:#f59e0b;--st-warning-bg:#f59e0b1a;--st-danger:#ef4444;--st-danger-bg:#ef444414;--st-text:#1e293b;--st-text-secondary:#475569;--st-text-muted:#64748b;--st-bg:#fff;--st-bg-secondary:#f8fafc;--st-bg-tertiary:#f1f5f9;--st-border:#e2e8f0;--st-border-light:#f1f5f9;--st-shadow-sm:0 1px 2px #0000000a, 0 1px 4px #00000008;--st-shadow:0 2px 6px #0000000f, 0 4px 12px #0000000a;--st-shadow-lg:0 4px 12px #00000014, 0 8px 24px #0000000f;--st-radius:var(--main-radius,8px);--st-radius-lg:var(--main-radius-lg,12px);--st-radius-xl:16px;--st-focus-color:#6366f1;--st-focus-bg:#6366f114;--st-break-color:#10b981;--st-break-bg:#10b98114;--st-long-break-color:#0ea5e9;--st-long-break-bg:#0ea5e914;--st-ring-size:240px;--st-ring-stroke:8;--st-ring-circumference:753.98}._st-container{flex-direction:column;gap:1.25rem;max-width:520px;margin:0 auto;display:flex}._st-hidden{display:none!important}._st-task-section{text-align:center}._st-task-input{border-style:solid;border-width:1px;border-color:var(--st-border);border-radius:var(--st-radius);background:var(--st-bg);width:100%;max-width:320px;color:var(--st-text);text-align:center;box-shadow:var(--st-shadow-sm);padding:.5rem .875rem;font-size:.8125rem}._st-task-input::placeholder{color:var(--st-text-muted)}._st-task-input:focus{border-color:var(--st-primary);box-shadow:0 0 0 3px var(--st-primary-bg);outline:none}._st-mode-tabs{background:var(--st-bg);border-radius:var(--st-radius);border-style:solid;border-width:1px;border-color:var(--st-border);box-shadow:var(--st-shadow-sm);justify-content:center;gap:.25rem;padding:.25rem;display:flex}._st-mode-tab{cursor:pointer;color:var(--st-text-muted);white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.4375rem 1rem;font-size:.8125rem;font-weight:500}._st-mode-tab:hover{color:var(--st-text);background:var(--st-bg-tertiary)}._st-mode-tab--active{background:var(--st-focus-bg);color:var(--st-focus-color);font-weight:600}._st-mode-tab--active[data-mode=short-break],._st-mode-tab--active[data-mode=long-break]{background:var(--st-break-bg);color:var(--st-break-color)}._st-mode-tab--active[data-mode=long-break]{background:var(--st-long-break-bg);color:var(--st-long-break-color)}@media (max-width:768px){._st-container{padding-left:1rem;padding-right:1rem}}@media (max-width:480px){._st-mode-tab{padding:.375rem .625rem;font-size:.75rem}}._st-timer-card{background:var(--st-bg);border-radius:var(--st-radius-xl);border-style:solid;border-width:1px;border-color:var(--st-border);box-shadow:var(--st-shadow);flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem;display:flex}._st-timer-ring-wrapper{width:var(--st-ring-size);height:var(--st-ring-size);position:relative}._st-timer-ring{width:100%;height:100%}._st-timer-ring-bg{fill:none;stroke:var(--st-bg-tertiary);stroke-width:var(--st-ring-stroke)}._st-timer-ring-progress{fill:none;stroke:var(--st-focus-color);stroke-width:var(--st-ring-stroke);stroke-linecap:round;stroke-dasharray:var(--st-ring-circumference);stroke-dashoffset:0;transform-origin:50%;transition:stroke-dashoffset .5s,stroke .3s;transform:rotate(-90deg)}._st-timer-display{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._st-timer-time{color:var(--st-text);font-size:3.5rem;font-weight:700;font-family:var(--main-font-mono);letter-spacing:-.02em;line-height:1}._st-timer-label{color:var(--st-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.375rem;font-size:.75rem;font-weight:500}._st-controls{align-items:center;gap:.75rem;display:flex}._st-ctrl-btn{cursor:pointer;border-radius:var(--st-radius);border:none;justify-content:center;align-items:center;gap:.375rem;display:inline-flex}._st-ctrl-btn:hover{opacity:.88}._st-ctrl-btn--primary{background:var(--st-primary);color:#fff;border-radius:var(--st-radius-lg);padding:.75rem 2rem;font-size:.9375rem;font-weight:600;box-shadow:0 2px 8px #6366f14d}._st-ctrl-btn--primary:hover{background:var(--st-primary-hover);opacity:1}._st-ctrl-btn--primary._st-running{background:var(--st-warning);box-shadow:0 2px 8px #f59e0b4d}._st-ctrl-btn--primary._st-running:hover{opacity:.9}._st-ctrl-btn--secondary{background:var(--st-bg-secondary);color:var(--st-text-muted);border-style:solid;border-width:1px;border-color:var(--st-border);padding:.5rem}._st-ctrl-btn--secondary:hover{color:var(--st-primary);border-color:var(--st-primary);background:var(--st-primary-bg);opacity:1}._st-ctrl-btn svg{flex-shrink:0}._st-pomodoro-dots{justify-content:center;align-items:center;gap:.5rem;min-height:20px;display:flex}._st-dot{background:var(--st-bg-tertiary);border-style:solid;border-width:2px;border-color:var(--st-border);border-radius:50%;width:12px;height:12px;transition:all .3s}._st-dot--filled{background:var(--st-primary);border-color:var(--st-primary)}._st-dot--current{border-color:var(--st-primary);box-shadow:0 0 0 3px var(--st-primary-bg)}._st-today-bar{align-items:stretch;gap:.5rem;display:flex}._st-today-stat{background:var(--st-bg);border-radius:var(--st-radius);border-style:solid;border-width:1px;border-color:var(--st-border);box-shadow:var(--st-shadow-sm);flex:1;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}._st-today-icon{background:var(--st-primary-bg-solid);width:28px;height:28px;color:var(--st-primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}._st-today-icon--time{background:var(--st-success-bg);color:var(--st-success)}._st-today-icon--streak{background:var(--st-danger-bg);color:var(--st-danger)}._st-today-value{color:var(--st-text);font-size:.9375rem;font-weight:700;line-height:1}._st-today-label{color:var(--st-text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:.625rem;font-weight:500}@media (max-width:480px){._st-timer-ring-wrapper{--st-ring-size:200px}._st-timer-time{font-size:2.75rem}._st-ctrl-btn--primary{padding:.625rem 1.5rem;font-size:.875rem}._st-today-stat{text-align:center;flex-direction:column;gap:.25rem;padding:.5rem}._st-today-label{font-size:.5625rem}}._st-panels{flex-direction:column;gap:.5rem;display:flex}._st-panel{background:var(--st-bg);border-radius:var(--st-radius-lg);border-style:solid;border-width:1px;border-color:var(--st-border);box-shadow:var(--st-shadow-sm);overflow:hidden}._st-panel-toggle{cursor:pointer;width:100%;color:var(--st-text);background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;display:flex}._st-panel-toggle:hover{background:var(--st-bg-secondary)}._st-panel-toggle svg:first-child{color:var(--st-primary);flex-shrink:0}._st-panel-chevron{color:var(--st-text-muted);flex-shrink:0;margin-left:auto;transition:transform .2s}._st-panel-toggle._st-panel-open ._st-panel-chevron{transform:rotate(180deg)}._st-panel-body{flex-direction:column;gap:1rem;padding:0 1rem 1rem;display:flex}._st-setting-group{flex-direction:column;gap:.5rem;display:flex}._st-setting-label{color:var(--st-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600}._st-preset-row{gap:.375rem;display:flex}._st-preset-btn{background:var(--st-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--st-border);border-radius:var(--st-radius);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:.125rem;padding:.5rem .375rem;display:flex}._st-preset-btn:hover{border-color:var(--st-primary);background:var(--st-primary-bg)}._st-preset-btn--active{border-color:var(--st-primary);background:var(--st-primary-bg-solid)}._st-preset-name{color:var(--st-text);font-size:.75rem;font-weight:600}._st-preset-desc{color:var(--st-text-muted);font-size:.625rem}._st-duration-row{gap:.5rem;display:flex}._st-duration-field{flex-direction:column;flex:1;gap:.25rem;display:flex}._st-duration-label{color:var(--st-text-secondary);font-size:.6875rem;font-weight:500}._st-duration-input{border-style:solid;border-width:1.5px;border-color:var(--st-border);border-radius:var(--st-radius);background:var(--st-bg);color:var(--st-text);text-align:center;width:100%;padding:.4375rem .5rem;font-size:.8125rem}._st-duration-input:focus{border-color:var(--st-primary);box-shadow:0 0 0 3px var(--st-primary-bg);outline:none}._st-duration-input--sm{flex:none;width:60px}._st-inline-setting{align-items:center;gap:.5rem;display:flex}._st-setting-hint{color:var(--st-text-muted);font-size:.75rem}._st-select{border-style:solid;border-width:1.5px;border-color:var(--st-border);border-radius:var(--st-radius);background:var(--st-bg);color:var(--st-text);cursor:pointer;min-width:100px;padding:.4375rem .75rem;font-size:.8125rem}._st-select:focus{border-color:var(--st-primary);box-shadow:0 0 0 3px var(--st-primary-bg);outline:none}._st-toggle-row{justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}._st-toggle-label{color:var(--st-text-secondary);cursor:pointer;font-size:.8125rem}._st-toggle{flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}._st-toggle input{opacity:0;width:0;height:0}._st-toggle-slider{cursor:pointer;background:var(--st-bg-tertiary);border-style:solid;border-width:1px;border-color:var(--st-border);border-radius:10px;transition:background .2s,border-color .2s;position:absolute;top:0;bottom:0;left:0;right:0}._st-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 2px #00000026}._st-toggle input:checked+._st-toggle-slider{background:var(--st-primary);border-color:var(--st-primary)}._st-toggle input:checked+._st-toggle-slider:before{transform:translate(16px)}._st-btn-ghost{cursor:pointer;color:var(--st-text-muted);border-radius:var(--st-radius);background:0 0;border:none;justify-content:center;align-items:center;padding:.375rem;display:inline-flex}._st-btn-ghost:hover{color:var(--st-primary);background:var(--st-primary-bg)}@media (max-width:480px){._st-preset-btn{padding:.375rem .25rem}._st-preset-name{font-size:.6875rem}._st-duration-row{gap:.375rem}}._st-weekly-chart{align-items:flex-end;gap:.375rem;height:120px;padding-top:.5rem;display:flex}._st-chart-day{flex-direction:column;flex:1;align-items:center;gap:.375rem;height:100%;display:flex}._st-chart-bar-wrapper{flex:1;align-items:flex-end;width:100%;display:flex}._st-chart-bar{background:var(--st-primary-bg-solid);border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .3s}._st-chart-bar--has-data{background:var(--st-primary)}._st-chart-bar--today{background:var(--st-primary-light)}._st-chart-count{color:var(--st-text-muted);font-size:.625rem;font-weight:600;line-height:1}._st-chart-label{color:var(--st-text-muted);font-size:.625rem;font-weight:500}._st-chart-day--today ._st-chart-label{color:var(--st-primary);font-weight:700}._st-streak-row{gap:.5rem;display:flex}._st-streak-item{background:var(--st-bg-secondary);border-radius:var(--st-radius);border-style:solid;border-width:1px;border-color:var(--st-border-light);flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.625rem .5rem;display:flex}._st-streak-value{color:var(--st-text);font-size:1.125rem;font-weight:700;line-height:1}._st-streak-label{color:var(--st-text-muted);text-transform:uppercase;letter-spacing:.03em;text-align:center;font-size:.625rem;font-weight:500}._st-session-list{flex-direction:column;gap:.25rem;display:flex}._st-session-item{background:var(--st-bg-secondary);border-radius:var(--st-radius);align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.75rem;display:flex}._st-session-dot{background:var(--st-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}._st-session-dot--break{background:var(--st-success)}._st-session-task{color:var(--st-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}._st-session-time{color:var(--st-text-muted);white-space:nowrap;font-size:.6875rem}._st-session-empty{text-align:center;color:var(--st-text-muted);padding:1rem;font-size:.8125rem}._st-stats-actions{border-top-style:solid;border-top-width:1px;border-top-color:var(--st-border-light);justify-content:center;padding-top:.5rem;display:flex}._st-btn-ghost._st-btn-danger-ghost{color:var(--st-danger);font-size:.75rem}._st-btn-ghost._st-btn-danger-ghost:hover{background:var(--st-danger-bg)}@media (max-width:480px){._st-weekly-chart{height:90px}._st-streak-item{padding:.5rem .25rem}._st-streak-value{font-size:1rem}}._st-bg-overlay{z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;display:none;position:absolute;top:0;bottom:0;left:0;right:0}._st-bg-overlay._st-bg-active{display:block}._st-bg-overlay:after{content:"";background:#0000001a;position:absolute;top:0;bottom:0;left:0;right:0}._st-container{z-index:1;position:relative}._st-bg-active~._st-container ._st-timer-card,._st-bg-active~._st-container ._st-mode-tabs,._st-bg-active~._st-container ._st-today-stat,._st-bg-active~._st-container ._st-panel,._st-bg-active~._st-container ._st-task-input{-webkit-backdrop-filter:blur(12px);background:#ffffffd9}body.dark-mode ._st-bg-active~._st-container ._st-timer-card,body.dark-mode ._st-bg-active~._st-container ._st-mode-tabs,body.dark-mode ._st-bg-active~._st-container ._st-today-stat,body.dark-mode ._st-bg-active~._st-container ._st-panel,body.dark-mode ._st-bg-active~._st-container ._st-task-input{-webkit-backdrop-filter:blur(12px);background:#0f172acc}._st-bg-grid{grid-template-columns:repeat(5,1fr);gap:.375rem;display:grid}._st-bg-swatch{aspect-ratio:1;border-radius:var(--st-radius);cursor:pointer;border-style:solid;border-width:2px;border-color:var(--st-border);background:0 0;padding:0;position:relative;overflow:hidden}._st-bg-swatch:hover{border-color:var(--st-text-muted)}._st-bg-swatch--active{border-color:var(--st-primary);box-shadow:0 0 0 2px var(--st-primary-bg)}._st-bg-swatch-inner{border-radius:calc(var(--st-radius) - 2px);justify-content:center;align-items:center;width:100%;height:100%;display:flex}._st-bg-swatch-none{background:var(--st-bg-secondary);position:relative}._st-bg-swatch-none:after{content:"";background:var(--st-danger);opacity:.6;height:1.5px;position:absolute;top:50%;left:0;right:0;transform:rotate(-45deg)}._st-bg-swatch--upload ._st-bg-swatch-inner{background:var(--st-bg-tertiary);color:var(--st-text-muted)}._st-bg-swatch--upload:hover ._st-bg-swatch-inner{color:var(--st-primary);background:var(--st-primary-bg)}._st-bg-custom-preview{background:var(--st-bg-secondary);border-radius:var(--st-radius);border-style:solid;border-width:1px;border-color:var(--st-border-light);align-items:center;gap:.5rem;padding:.375rem;display:flex}._st-bg-custom-preview img{object-fit:cover;border-radius:4px;width:48px;height:32px}@media (max-width:480px){._st-bg-grid{grid-template-columns:repeat(5,1fr);gap:.25rem}}