:root{--sw-primary:var(--main-primary);--sw-primary-hover:var(--main-primary-dark);--sw-success:#10b981;--sw-warning:#f59e0b;--sw-error:#ef4444;--sw-text:#1e293b;--sw-text-muted:#475569;--sw-text-light:#64748b;--sw-bg:#fff;--sw-bg-hover:#f8fafc;--sw-border:#e2e8f0;--sw-border-light:#f1f5f9;--sw-card-bg:#fff;--sw-card-shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--sw-card-radius:var(--main-radius-lg);--sw-time-color:#0f172a;--sw-time-size:4.5rem;--sw-time-ms-size:2.5rem;--sw-btn-primary-bg:var(--main-primary);--sw-btn-primary-text:#fff;--sw-btn-secondary-bg:#f1f5f9;--sw-btn-secondary-text:#475569;--sw-btn-secondary-border:#e2e8f0;--sw-lap-best:#10b981;--sw-lap-worst:#ef4444;--sw-modal-backdrop:#0f172a99;--sw-modal-bg:#fff}._sw-container{gap:var(--main-space-4);flex-direction:column;width:100%;max-width:560px;margin:0 auto;display:flex}._sw-display-card{background:var(--sw-card-bg);border-radius:var(--sw-card-radius);box-shadow:var(--sw-card-shadow);padding:var(--main-space-8) var(--main-space-6);align-items:center;gap:var(--main-space-6);flex-direction:column;display:flex}@media (max-width:768px){._sw-container{padding-left:var(--main-space-4);padding-right:var(--main-space-4)}}@media (max-width:540px){._sw-display-card{padding:var(--main-space-6) var(--main-space-4);gap:var(--main-space-5)}}.hidden{display:none!important}._sw-mode-toggle{background:var(--sw-card-bg);border-radius:var(--main-radius-full);box-shadow:var(--sw-card-shadow);justify-content:center;padding:4px;display:flex}._sw-mode-btn{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-4);border-radius:var(--main-radius-full);font-size:var(--main-text-sm);color:var(--sw-text-muted);cursor:pointer;background:0 0;border:none;font-weight:500;transition:all .15s;display:flex}._sw-mode-btn:hover{color:var(--sw-text)}._sw-mode-btn.active{background:var(--sw-primary);color:#fff}._sw-mode-btn svg{width:16px;height:16px}._sw-time-display{font-family:var(--main-font-mono);color:var(--sw-time-color);-webkit-user-select:none;user-select:none;justify-content:center;align-items:baseline;font-weight:600;line-height:1;display:flex}._sw-time-hours,._sw-time-minutes,._sw-time-seconds{font-size:var(--sw-time-size);text-align:center;min-width:2ch}._sw-time-separator{font-size:var(--sw-time-size);opacity:.4;margin:0 2px}._sw-time-ms{font-size:var(--sw-time-ms-size);opacity:.5;min-width:3ch}._sw-time-display.running ._sw-time-separator{animation:1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}._sw-shortcuts-hint{justify-content:center;gap:var(--main-space-4);font-size:var(--main-text-xs);color:var(--sw-text-light);flex-wrap:wrap;display:flex}._sw-shortcuts-hint span{align-items:center;gap:var(--main-space-1);display:flex}._sw-shortcuts-hint kbd{background:var(--sw-bg-hover);border-style:solid;border-width:1px;border-color:var(--sw-border);min-width:22px;height:20px;font-family:var(--main-font-mono);color:var(--sw-text-muted);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;display:inline-flex}@media (max-width:540px){:root{--sw-time-size:3.5rem;--sw-time-ms-size:2rem}._sw-shortcuts-hint{gap:var(--main-space-3)}._sw-mode-btn{padding:var(--main-space-2) var(--main-space-3)}}@media (max-width:400px){:root{--sw-time-size:2.75rem;--sw-time-ms-size:1.5rem}._sw-mode-btn span{display:none}}._sw-controls{justify-content:center;align-items:center;gap:var(--main-space-3);width:100%;display:flex}._sw-btn{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-3) var(--main-space-5);border-radius:var(--main-radius);font-size:var(--main-text-sm);cursor:pointer;border:none;font-weight:500;transition:all .15s;display:inline-flex}._sw-btn svg{flex-shrink:0;width:16px;height:16px}._sw-btn:disabled{opacity:.4;cursor:not-allowed}._sw-btn-primary{background:var(--sw-btn-primary-bg);color:var(--sw-btn-primary-text);box-shadow:0 2px 8px #6366f140}._sw-btn-primary:hover:not(:disabled){opacity:.9}._sw-btn-primary:active:not(:disabled){transform:scale(.97)}._sw-btn-start{padding:var(--main-space-4) var(--main-space-8);font-size:var(--main-text-base);font-weight:600}._sw-btn-start svg{width:18px;height:18px}._sw-btn-start.stop{background:var(--sw-error);box-shadow:0 2px 8px #ef444440}._sw-btn-secondary{background:var(--sw-btn-secondary-bg);color:var(--sw-btn-secondary-text);border-style:solid;border-width:1px;border-color:var(--sw-btn-secondary-border)}._sw-btn-secondary:hover:not(:disabled){background:var(--sw-border);color:var(--sw-text)}._sw-btn-secondary:active:not(:disabled){transform:scale(.97)}@media (max-width:540px){._sw-controls{gap:var(--main-space-2)}._sw-btn{padding:var(--main-space-3) var(--main-space-4);font-size:var(--main-text-xs)}._sw-btn-start{padding:var(--main-space-3) var(--main-space-6);font-size:var(--main-text-sm)}}@media (max-width:400px){._sw-btn span{display:none}._sw-btn{padding:var(--main-space-3)}._sw-btn-start{padding:var(--main-space-3) var(--main-space-5)}._sw-btn-start span{display:inline}}._sw-timer-input{align-items:center;gap:var(--main-space-4);flex-direction:column;width:100%;display:flex}._sw-timer-fields{justify-content:center;align-items:center;gap:var(--main-space-2);display:flex}._sw-timer-field{align-items:center;gap:var(--main-space-1);flex-direction:column;display:flex}._sw-timer-input-field{text-align:center;width:80px;height:64px;font-family:var(--main-font-mono);color:var(--sw-time-color);background:var(--sw-bg-hover);border-style:solid;border-width:2px;border-color:var(--sw-border);border-radius:var(--main-radius);font-size:2rem;font-weight:600;transition:border-color .15s}._sw-timer-input-field:focus{border-color:var(--sw-primary);outline:none}._sw-timer-input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._sw-timer-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._sw-timer-input-field[type=number]{-moz-appearance:textfield}._sw-timer-label{font-size:var(--main-text-xs);color:var(--sw-text-muted);text-transform:uppercase;letter-spacing:.05em}._sw-timer-colon{color:var(--sw-text-muted);margin-bottom:var(--main-space-5);font-size:2rem;font-weight:600}._sw-presets{justify-content:center;gap:var(--main-space-2);flex-wrap:wrap;display:flex}._sw-preset-btn{padding:var(--main-space-2) var(--main-space-3);background:var(--sw-bg-hover);border-style:solid;border-width:1px;border-color:var(--sw-border);border-radius:var(--main-radius);font-size:var(--main-text-sm);color:var(--sw-text-muted);cursor:pointer;font-weight:500;transition:all .15s}._sw-preset-btn:hover{background:var(--sw-primary);border-color:var(--sw-primary);color:#fff}@media (max-width:540px){._sw-timer-input-field{width:64px;height:54px;font-size:1.5rem}._sw-timer-colon{font-size:1.5rem}}._sw-laps-section{background:var(--sw-card-bg);border-radius:var(--sw-card-radius);box-shadow:var(--sw-card-shadow);overflow:hidden}._sw-laps-header{padding:var(--main-space-3) var(--main-space-4);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--sw-border-light);justify-content:space-between;align-items:center;display:flex}._sw-laps-title{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--sw-text);margin:0;font-weight:600;display:flex}._sw-laps-title svg{width:16px;height:16px;color:var(--sw-text-muted)}._sw-laps-count{background:var(--sw-bg-hover);border-radius:var(--main-radius-full);min-width:20px;height:20px;font-size:var(--main-text-xs);color:var(--sw-text-muted);justify-content:center;align-items:center;padding:0 6px;font-weight:500;display:inline-flex}._sw-laps-actions{align-items:center;gap:var(--main-space-1);display:flex}._sw-laps-action-btn{border-radius:var(--main-radius);width:32px;height:32px;color:var(--sw-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}._sw-laps-action-btn:hover:not(:disabled){background:var(--sw-bg-hover);color:var(--sw-text)}._sw-laps-action-btn:disabled{opacity:.4;cursor:not-allowed}._sw-laps-action-btn svg{width:14px;height:14px}._sw-laps-action-btn._sw-laps-clear:hover:not(:disabled){color:var(--sw-error)}._sw-laps-list{height:200px;overflow-y:auto}._sw-laps-empty{justify-content:center;align-items:center;gap:var(--main-space-2);height:100%;padding:var(--main-space-4);color:var(--sw-text-light);text-align:center;flex-direction:column;display:flex}._sw-laps-empty svg{opacity:.3;width:32px;height:32px}._sw-laps-empty span{font-size:var(--main-text-sm);color:var(--sw-text-muted)}._sw-laps-empty small{font-size:var(--main-text-xs);color:var(--sw-text-light)}._sw-lap-item{padding:var(--main-space-3) var(--main-space-4);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--sw-border-light);align-items:center;display:flex}._sw-lap-item:last-child{border-bottom:none}._sw-lap-number{width:36px;font-size:var(--main-text-xs);color:var(--sw-text-light);font-weight:500}._sw-lap-time{font-family:var(--main-font-mono);font-size:var(--main-text-base);color:var(--sw-text);flex:1;font-weight:500}._sw-lap-total{font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--sw-text-muted)}._sw-lap-item.best ._sw-lap-time{color:var(--sw-lap-best)}._sw-lap-item.worst ._sw-lap-time{color:var(--sw-lap-worst)}._sw-lap-badge{margin-left:var(--main-space-2);border-radius:var(--main-radius-full);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:4px;padding:2px 8px;font-family:inherit;font-size:10px;font-weight:600;display:inline-flex}._sw-lap-item.best ._sw-lap-badge{color:var(--sw-lap-best);background:#10b9811a}._sw-lap-item.worst ._sw-lap-badge{color:var(--sw-lap-worst);background:#ef44441a}._sw-lap-badge svg{width:10px;height:10px}@media (max-width:540px){._sw-lap-item{padding:var(--main-space-2) var(--main-space-3)}._sw-lap-number{width:28px}._sw-lap-time{font-size:var(--main-text-sm)}._sw-lap-total{font-size:var(--main-text-xs)}._sw-lap-badge{display:none}}._sw-settings{flex-direction:column;align-items:center;width:100%;display:flex}._sw-settings-wrapper{background:var(--sw-card-bg);border-radius:var(--sw-card-radius);width:100%;box-shadow:var(--sw-card-shadow);overflow:hidden}._sw-settings-toggle{justify-content:center;align-items:center;gap:var(--main-space-2);width:100%;padding:var(--main-space-3) var(--main-space-4);font-size:var(--main-text-sm);color:var(--sw-text-muted);cursor:pointer;background:0 0;border:none;font-weight:500;transition:color .15s;display:flex}._sw-settings-toggle:hover{color:var(--sw-text)}._sw-settings-toggle svg{width:14px;height:14px}._sw-settings-toggle svg:last-child{width:12px;height:12px;transition:transform .2s}._sw-settings-toggle.active svg:last-child{transform:rotate(180deg)}._sw-settings-panel{padding:var(--main-space-4);border-top-style:solid;border-top-width:1px;border-top-color:var(--sw-border-light)}._sw-setting-item{padding:var(--main-space-2) 0;cursor:pointer;justify-content:space-between;align-items:center;display:flex}._sw-setting-item:not(:last-child){border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--sw-border-light)}._sw-setting-label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--sw-text);display:flex}._sw-setting-label svg{width:14px;height:14px;color:var(--sw-text-muted)}._sw-setting-checkbox{display:none}._sw-setting-switch{background:var(--sw-border);border-radius:11px;width:40px;height:22px;transition:background .2s;position:relative}._sw-setting-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}._sw-setting-checkbox:checked+._sw-setting-switch{background:var(--sw-primary)}._sw-setting-checkbox:checked+._sw-setting-switch:after{transform:translate(18px)}._sw-modal{z-index:1000;padding:var(--main-space-4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}._sw-modal-backdrop{background:var(--sw-modal-backdrop);animation:.2s fadeIn;position:absolute;top:0;bottom:0;left:0;right:0}._sw-modal-content{background:var(--sw-modal-bg);border-radius:var(--main-radius-lg);width:100%;max-width:360px;padding:var(--main-space-8) var(--main-space-6);text-align:center;animation:.3s slideUp;position:relative}._sw-modal-icon{margin-bottom:var(--main-space-4);color:var(--sw-primary);animation:.5s ease-in-out ring}._sw-modal-icon svg{width:48px;height:48px}._sw-modal-title{margin:0 0 var(--main-space-6);font-size:var(--main-text-xl);color:var(--sw-text);font-weight:600}._sw-modal-actions{justify-content:center;gap:var(--main-space-3);display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ring{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}}