.stopwatch-layout{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr);gap: 16px;align-items: stretch}.stopwatch-panel{min-width: 0;background: #fff}.stopwatch-panel-header{gap: 12px}.stopwatch-panel-header>span:first-child{flex: 1;min-width: 0}.stopwatch-panel-header i,.stopwatch-main-actions .btn i,.stopwatch-toolbar .btn i{margin-right: 6px}.stopwatch-status{flex: 0 1 auto;min-width: 0;color: var(--text-3);font-size: 12.5px;font-weight: 500;text-align: right}.stopwatch-stage-body,.stopwatch-settings-body,.stopwatch-laps-body,.stopwatch-guide-body{gap: 14px;background: #fff}.stopwatch-display-wrap{display: grid;gap: 12px;padding: 24px;border: 1px solid var(--border);border-radius: var(--radius);background: linear-gradient(135deg,rgba(17,100,102,.10),rgba(195,122,44,.08)),var(--bg-soft)}.stopwatch-display{min-width: 0;color: var(--text);font-family: var(--mono);font-size: 54px;font-weight: 700;line-height: 1.08;text-align: center;font-variant-numeric: tabular-nums;overflow-wrap: anywhere}.stopwatch-current-split{display: flex;align-items: center;justify-content: center;gap: 10px;color: var(--text-3);font-size: 13px}.stopwatch-current-split strong{color: var(--primary);font-family: var(--mono);font-size: 15px;font-variant-numeric: tabular-nums}.stopwatch-main-actions,.stopwatch-toolbar{display: flex;flex-wrap: wrap;gap: 8px}.stopwatch-main-actions .btn{min-width: 126px}.stopwatch-message{display: flex;align-items: flex-start;gap: 8px;padding: 10px 12px;border: 1px solid #fecaca;border-radius: var(--radius);background: var(--danger-soft);color: var(--danger);font-size: 13.5px;line-height: 1.45}.stopwatch-field,.stopwatch-check{min-width: 0;margin: 0;color: var(--text-2);font-size: 13.5px;font-weight: 600}.stopwatch-field{display: grid;gap: 6px}.stopwatch-field .form-control{width: 100%;min-width: 0}.stopwatch-field-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.stopwatch-check{display: flex;align-items: flex-start;gap: 8px;padding: 10px 12px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-soft);line-height: 1.4}.stopwatch-check input{margin-top: 2px}.stopwatch-stats-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px}.stopwatch-stats-grid>div{display: grid;gap: 4px;min-width: 0;padding: 11px 12px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-soft)}.stopwatch-stats-grid span,.stopwatch-empty,.stopwatch-guide-body span{color: var(--text-3);font-size: 12.5px;line-height: 1.35}.stopwatch-stats-grid strong{min-width: 0;color: var(--text);font-family: var(--mono);font-size: 15px;line-height: 1.35;font-variant-numeric: tabular-nums;overflow-wrap: anywhere}.stopwatch-laps-panel,.stopwatch-guide-panel{margin-top: 16px}.stopwatch-laps-header{align-items: flex-start}.stopwatch-toolbar{justify-content: flex-end}.stopwatch-laps-body{min-height: 180px}.stopwatch-empty{display: grid;place-items: center;gap: 8px;min-height: 150px;border: 1px dashed var(--border-strong);border-radius: var(--radius);background: var(--bg-soft);text-align: center}.stopwatch-empty i{color: var(--text-3);font-size: 28px}.stopwatch-table-wrap{max-height: 380px;overflow: auto;border: 1px solid var(--border);border-radius: var(--radius)}.stopwatch-table{width: 100%;border-collapse: collapse;font-size: 13.5px}.stopwatch-table th,.stopwatch-table td{padding: 10px 12px;border-bottom: 1px solid var(--border);text-align: left;white-space: nowrap}.stopwatch-table th{position: sticky;top: 0;z-index: 1;background: var(--bg-soft);color: var(--text-2);font-weight: 600}.stopwatch-table td{color: var(--text-2);font-family: var(--mono);font-variant-numeric: tabular-nums}.stopwatch-table tr:last-child td{border-bottom: 0}.stopwatch-table tr.is-fastest td{background: var(--success-soft)}.stopwatch-table tr.is-slowest td{background: var(--warning-soft)}.stopwatch-table tr.is-fastest.is-slowest td{background: var(--bg)}.stopwatch-table .is-ahead{color: var(--success)}.stopwatch-table .is-behind{color: var(--warning)}.stopwatch-guide-body{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px}.stopwatch-guide-body>div{display: grid;gap: 5px;min-width: 0;padding: 12px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-soft)}.stopwatch-guide-body strong{color: var(--text);font-size: 13.5px;line-height: 1.35}:root[data-theme="dark"] .stopwatch-panel,:root[data-theme="dark"] .stopwatch-stage-body,:root[data-theme="dark"] .stopwatch-settings-body,:root[data-theme="dark"] .stopwatch-laps-body,:root[data-theme="dark"] .stopwatch-guide-body,:root[data-theme="dark"] .stopwatch-table tr.is-fastest.is-slowest td{background: #161b22}:root[data-theme="dark"] .stopwatch-table th{background: var(--bg-soft)}:root[data-theme="dark"] .stopwatch-display-wrap{background: linear-gradient(135deg,rgba(77,182,172,.12),rgba(214,160,91,.10)),var(--bg-soft)}:root[data-theme="dark"] .stopwatch-message{border-color: #7f1d1d;background: rgba(127,29,29,.18)}@media (max-width: 991px){.stopwatch-layout,.stopwatch-guide-body{grid-template-columns: 1fr}}@media (max-width: 640px){.stopwatch-display-wrap{padding: 18px 14px}.stopwatch-display{font-size: 34px}.stopwatch-current-split,.stopwatch-main-actions,.stopwatch-laps-header{display: grid;grid-template-columns: 1fr}.stopwatch-main-actions .btn,.stopwatch-toolbar .btn{width: 100%;min-width: 0}.stopwatch-field-grid,.stopwatch-stats-grid{grid-template-columns: 1fr}.stopwatch-toolbar{width: 100%}.stopwatch-table th,.stopwatch-table td{padding: 9px 10px}}