.sw-page{max-width:900px;padding:0 var(--space-md)}.sw-title{text-align:center;margin-bottom:var(--space-md);font-size:var(--text-2xl);color:var(--color-text-primary)}.sw-widget{background:linear-gradient(180deg,var(--color-bg-surface)0%,var(--color-bg-base)100%);border-radius:var(--card-radius);box-shadow:var(--shadow-md);padding:var(--space-lg)var(--space-md);margin-bottom:var(--space-3xl)}.sw-desc{color:var(--color-text-tertiary);font-size:var(--text-base);max-width:700px;margin:0 auto var(--space-3xl);text-align:center;line-height:1.6}.sw-article{line-height:1.7}.sw-section{margin-bottom:var(--space-4xl)}.sw-section-heading{color:var(--color-text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);font-size:1.5rem}.sw-heading-cyan{border-bottom:2px solid var(--color-accent)}.sw-heading-green{border-bottom:2px solid #10b981}.sw-heading-indigo{border-bottom:2px solid var(--color-primary)}.sw-text{color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:var(--text-base)}.sw-feature-box{background:var(--color-bg-base);padding:var(--space-lg)var(--space-xl);border-radius:var(--radius-md);border-left:4px solid var(--color-accent)}.sw-feature-list{padding-left:var(--space-xl);color:var(--color-text-secondary);margin:0;font-size:.9rem}.sw-feature-list li{margin-bottom:var(--space-sm)}.sw-howto-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.sw-howto-card{padding:var(--space-lg);border-radius:var(--radius-md);background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1px solid #d1fae5}.sw-howto-header{margin-bottom:var(--space-sm);align-items:center;display:flex}.sw-step-badge{color:#fff;width:24px;height:24px;margin-right:var(--space-md);background:#047857;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.sw-howto-title{font-size:var(--text-md);color:#065f46;margin:0}.sw-howto-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.sw-usecase-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.sw-usecase-card{background:var(--color-bg-surface);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-default);box-shadow:var(--shadow-xs)}.sw-usecase-header{margin-bottom:var(--space-sm);align-items:center;display:flex}.sw-usecase-icon{margin-right:var(--space-md);font-size:1.5rem}.sw-usecase-title{font-size:var(--text-md);color:var(--color-text-primary);margin:0}.sw-usecase-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0;line-height:1.5}.sw-faq-section{background:var(--color-bg-surface-alt);padding:var(--space-2xl);border-radius:var(--radius-lg);border:1px solid var(--color-border-default)}.sw-faq-title{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-lg);text-align:center}.sw-faq-item{margin-bottom:var(--space-md);padding:var(--space-md)var(--space-lg);background:var(--color-bg-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border-default)}.sw-faq-question{cursor:pointer;color:var(--color-text-primary);font-weight:600;font-size:var(--text-base)}.sw-faq-answer{margin-top:var(--space-md);color:var(--color-text-secondary);margin-bottom:0;font-size:.9rem;line-height:1.6}body[data-theme=dark] .sw-feature-box{background:var(--color-bg-surface)}body[data-theme=dark] .sw-howto-card{background:linear-gradient(135deg,#132a1e 0%,#0f2318 100%);border-color:#1a3a2a}body[data-theme=dark] .sw-howto-title{color:#6ee7b7}body[data-theme=dark] .sw-faq-section{background:#162032}.sw-view-container{text-align:center;padding:var(--space-sm)0;flex-direction:column;justify-content:center;align-items:center;display:flex}.sw-time-display{margin-bottom:var(--space-2xl);font-variant-numeric:tabular-nums;font-family:var(--font-mono-time);letter-spacing:.02em;padding:var(--space-xl)var(--space-3xl);border-radius:var(--radius-2xl);text-shadow:0 0 30px #67e8f91a;background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);justify-content:center;align-items:baseline;font-weight:600;display:flex;position:relative}.sw-time-main{font-size:clamp(3rem,15vw,6rem)}.sw-time-main-hours{font-size:clamp(3rem,15vw,5.5rem)}.sw-time-cs{opacity:.7;font-size:clamp(1.5rem,7vw,3rem)}.sw-time-cs-hours{font-size:clamp(1.5rem,7vw,2.5rem)}.sw-running-dot{background:#10b981;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite sw-pulse;position:absolute;top:4px;right:-16px}@keyframes sw-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}body[data-theme=dark] .sw-running-dot{background:#34d399}.sw-settings{gap:var(--space-sm);margin-bottom:var(--space-lg);justify-content:center;display:flex}.sw-setting-btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);cursor:pointer;background:var(--color-bg-muted);color:var(--color-text-tertiary);transition:all var(--transition-base);padding:6px 14px;font-size:.78rem;font-weight:500;display:flex}.sw-setting-btn:hover{border-color:var(--color-text-muted)}.sw-setting-btn.active{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent)}.sw-setting-btn svg{font-size:var(--text-sm)}.sw-vibration-btn{display:none}@media (max-width:768px){.sw-vibration-btn{display:inline-flex}}.sw-shortcuts{gap:var(--space-lg);margin-bottom:var(--space-lg);font-size:var(--text-xs);color:var(--color-text-muted);justify-content:center;display:flex}.sw-kbd{background:var(--color-bg-muted);border:1px solid var(--color-border-strong);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.7rem}.sw-controls{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex}.sw-btn{border-radius:var(--radius-lg);font-size:var(--text-md);cursor:pointer;color:#fff;transition:all var(--transition-base);border:none;padding:14px 36px;font-weight:700}.sw-btn:active{transform:scale(.96)}.sw-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.sw-btn-start{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.sw-btn-start-large{font-size:var(--text-lg);padding:14px 48px}.sw-btn-pause{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 12px #f59e0b4d}.sw-btn-lap{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 12px #6366f14d}.sw-btn-reset{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px #ef44444d}.sw-stats-container{width:100%;max-width:360px;margin:var(--space-lg)auto 0;padding:var(--space-md)var(--space-lg);background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-default);box-shadow:var(--shadow-sm)}.sw-stats-row{padding:var(--space-sm)0;justify-content:space-between;align-items:center;display:flex}.sw-stats-row:not(:last-child){border-bottom:1px solid var(--color-border-default)}.sw-stats-label{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:500}.sw-stats-value{font-family:var(--font-mono-time);font-size:var(--text-base);color:var(--color-text-secondary);font-weight:600}.sw-stats-best .sw-stats-label,.sw-stats-best .sw-stats-value{color:#059669}.sw-stats-worst .sw-stats-label,.sw-stats-worst .sw-stats-value{color:var(--color-danger-dark)}body[data-theme=dark] .sw-stats-container{background:linear-gradient(135deg,var(--color-bg-surface)0%,#162032 100%)}body[data-theme=dark] .sw-stats-best .sw-stats-label,body[data-theme=dark] .sw-stats-best .sw-stats-value{color:#34d399}body[data-theme=dark] .sw-stats-worst .sw-stats-label,body[data-theme=dark] .sw-stats-worst .sw-stats-value{color:#f87171}.sw-lap-container{width:100%;max-width:100%;margin-top:var(--space-md)}.sw-lap-header{margin-bottom:var(--space-sm);justify-content:center;align-items:center;display:flex}.sw-lap-header-text{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.sw-lap-table{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-surface-alt);overflow:hidden}.sw-lap-row{padding:var(--space-md)var(--space-md);border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:var(--space-sm);transition:background var(--transition-base);background:0 0;display:flex}.sw-lap-row:hover{background:#6366f108}.sw-lap-row.sw-lap-fastest{background:#10b9811a}.sw-lap-row.sw-lap-slowest{background:#ef44441a}.sw-lap-number{color:var(--color-text-tertiary);font-weight:600;font-size:var(--text-sm);background:var(--color-bg-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:36px;height:32px;display:flex}.sw-lap-time{font-family:var(--font-mono-time);font-size:var(--text-base);color:var(--color-text-primary);text-align:center;flex:1;font-weight:600}.sw-lap-fastest-text{color:#059669!important}.sw-lap-slowest-text{color:var(--color-danger-dark)!important}.sw-lap-total{font-family:var(--font-mono-time);color:var(--color-text-muted);text-align:right;font-size:.8rem}.sw-lap-delete{cursor:pointer;color:var(--color-border-strong);transition:all var(--transition-base);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.9rem}.sw-lap-delete:hover{color:var(--color-danger)!important}.sw-lap-actions{gap:var(--space-sm);margin-top:var(--space-md);margin-bottom:var(--space-lg);justify-content:center;display:flex}.sw-btn-export{padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;background:var(--color-bg-surface);color:#10b981;transition:all var(--transition-base);border:1px solid #10b981;font-weight:500}.sw-btn-clear{padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);border:1px solid var(--color-danger);cursor:pointer;background:var(--color-bg-surface);color:var(--color-danger);transition:all var(--transition-base);font-weight:500}.sw-btn-clear-confirm{background:var(--color-danger);color:#fff;animation:.3s sw-shake}@keyframes sw-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}body[data-theme=dark] .sw-btn-clear-confirm{background:var(--color-danger-dark);border-color:var(--color-danger-dark);color:#fff}body[data-theme=dark] .sw-lap-table{background:#162032}body[data-theme=dark] .sw-lap-row.sw-lap-fastest{background:#10b98126}body[data-theme=dark] .sw-lap-row.sw-lap-slowest{background:#ef444426}body[data-theme=dark] .sw-lap-fastest-text{color:#34d399!important}body[data-theme=dark] .sw-lap-slowest-text,body[data-theme=dark] .sw-lap-delete:hover{color:#f87171!important}body[data-theme=dark] .sw-btn-export{color:#34d399;background:0 0}body[data-theme=dark] .sw-btn-clear{color:#f87171;background:0 0}body[data-theme=dark] .sw-time-display{text-shadow:0 0 30px #67e8f926;background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%)}body[data-theme=dark] .sw-lap-row:hover{background:#818cf80d}body[data-theme=dark] .sw-lap-number{background:#ffffff0d}