.chronometer-container[data-v-ec3ff128]{max-width:800px;margin:0 auto;padding:0 16px}.chronometer-card[data-v-ec3ff128]{border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.chronometer-card[data-v-ec3ff128]:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.time-display-section[data-v-ec3ff128]{padding:40px 20px 20px}.time-display-col[data-v-ec3ff128]{text-align:center}.time-display-wrapper[data-v-ec3ff128]{position:relative;display:inline-block}.time-display[data-v-ec3ff128]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;color:#2c3e50;text-shadow:2px 2px 4px rgba(0,0,0,.1);padding:20px 30px;border-radius:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);transition:all .3s ease;min-width:280px;display:inline-block}.time-display.running[data-v-ec3ff128]{color:#27ae60;border-color:#27ae60;box-shadow:0 0 20px #27ae604d;animation:pulse-ec3ff128 2s infinite}.time-display.paused[data-v-ec3ff128]{color:#f39c12;border-color:#f39c12;box-shadow:0 0 20px #f39c124d}@keyframes pulse-ec3ff128{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.time-status[data-v-ec3ff128]{margin-top:12px}.status-tag[data-v-ec3ff128]{font-weight:600;border-radius:20px;padding:4px 12px}.controls-section[data-v-ec3ff128]{padding:20px}.controls-col[data-v-ec3ff128]{text-align:center}.button-group[data-v-ec3ff128]{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.control-button[data-v-ec3ff128]{min-width:120px;height:48px;border-radius:24px;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.control-button[data-v-ec3ff128]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.control-button[data-v-ec3ff128]:active{transform:translateY(0)}.start-button[data-v-ec3ff128]{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none}.pause-button[data-v-ec3ff128]{background:linear-gradient(135deg,#f39c12,#e67e22);border:none}.reset-button[data-v-ec3ff128]{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;color:#fff}.reset-button[data-v-ec3ff128]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.keyboard-hints[data-v-ec3ff128]{margin-top:16px;padding:12px;background:#ffffffb3;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hint-text[data-v-ec3ff128]{font-size:13px;line-height:1.4}.stats-section[data-v-ec3ff128]{padding:20px;margin-top:20px;background:#ffffff80;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stat-item[data-v-ec3ff128]{text-align:center;padding:16px 8px;border-radius:8px;background:#fffc;transition:all .3s ease}.stat-item[data-v-ec3ff128]:hover{background:#fffffff2;transform:translateY(-2px)}.stat-value[data-v-ec3ff128]{font-size:18px;font-weight:700;color:#2c3e50;margin-bottom:4px}.stat-label[data-v-ec3ff128]{font-size:12px;color:#7f8c8d;font-weight:500}@media (max-width: 768px){.chronometer-container[data-v-ec3ff128]{padding:0 8px}.time-display[data-v-ec3ff128]{font-size:clamp(2rem,10vw,3rem);padding:16px 20px;min-width:240px}.button-group[data-v-ec3ff128]{gap:12px}.control-button[data-v-ec3ff128]{min-width:100px;height:44px;font-size:14px}.time-display-section[data-v-ec3ff128]{padding:30px 16px 16px}.controls-section[data-v-ec3ff128]{padding:16px}}@media (max-width: 480px){.button-group[data-v-ec3ff128]{flex-direction:column;align-items:center}.control-button[data-v-ec3ff128]{width:200px}.hint-text[data-v-ec3ff128]{font-size:12px}}@media (prefers-color-scheme: dark){.chronometer-card[data-v-ec3ff128]{background:linear-gradient(135deg,#2c3e50,#34495e)}.time-display[data-v-ec3ff128]{background:#34495ee6;color:#ecf0f1;border-color:#ecf0f133}.time-display.running[data-v-ec3ff128]{color:#2ecc71;border-color:#2ecc71}.time-display.paused[data-v-ec3ff128]{color:#f1c40f;border-color:#f1c40f}.keyboard-hints[data-v-ec3ff128]{background:#34495eb3}.stats-section[data-v-ec3ff128]{background:#34495e80}.stat-item[data-v-ec3ff128]{background:#34495ecc}.stat-item[data-v-ec3ff128]:hover{background:#34495ef2}.stat-value[data-v-ec3ff128]{color:#ecf0f1}.stat-label[data-v-ec3ff128]{color:#bdc3c7}}@media (prefers-reduced-motion: reduce){.time-display[data-v-ec3ff128],.control-button[data-v-ec3ff128],.stat-item[data-v-ec3ff128],.chronometer-card[data-v-ec3ff128]{transition:none;animation:none}.time-display.running[data-v-ec3ff128]{animation:none}}@media (prefers-contrast: high){.time-display[data-v-ec3ff128]{border-width:3px}.control-button[data-v-ec3ff128]{border-width:2px}}.records-section[data-v-ec3ff128]{margin-top:24px}.records-container[data-v-ec3ff128]{background:#fffc;border-radius:12px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.records-header[data-v-ec3ff128]{display:grid;grid-template-columns:50px 100px 140px 140px 80px;gap:8px;padding:12px 16px;background:#409eff1a;border-radius:8px;font-weight:600;color:#409eff;margin-bottom:8px;font-size:14px}.records-list[data-v-ec3ff128]{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(64,158,255,.3) transparent}.records-list[data-v-ec3ff128]::-webkit-scrollbar{width:6px}.records-list[data-v-ec3ff128]::-webkit-scrollbar-track{background:transparent}.records-list[data-v-ec3ff128]::-webkit-scrollbar-thumb{background:#409eff4d;border-radius:3px}.records-list[data-v-ec3ff128]::-webkit-scrollbar-thumb:hover{background:#409eff80}.record-item[data-v-ec3ff128]{display:grid;grid-template-columns:50px 100px 140px 140px 80px;gap:8px;padding:10px 16px;border-radius:6px;transition:all .2s ease;border-left:3px solid transparent;font-size:13px}.record-item[data-v-ec3ff128]:hover{background:#409eff0d;transform:translate(2px)}.record-item.longest[data-v-ec3ff128]{background:#ffc1071a;border-left-color:#ffc107}.record-item.longest[data-v-ec3ff128]:hover{background:#ffc10726}.record-index[data-v-ec3ff128]{color:#909399;font-weight:500;text-align:center}.record-time[data-v-ec3ff128]{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:600;color:#303133}.record-start[data-v-ec3ff128],.record-end[data-v-ec3ff128]{color:#606266;font-size:12px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.record-pause[data-v-ec3ff128]{color:#909399;font-size:12px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.record-item.longest .record-time[data-v-ec3ff128]{color:#e6a23c}.record-date[data-v-ec3ff128]{color:#606266;font-size:12px;text-align:right}.records-footer[data-v-ec3ff128]{margin-top:12px;text-align:center;padding:8px;background:#9093991a;border-radius:6px}@media (prefers-color-scheme: dark){.records-container[data-v-ec3ff128]{background:#34495ecc;border-color:#ecf0f11a}.records-header[data-v-ec3ff128]{background:#3498db33;color:#3498db}.record-item[data-v-ec3ff128]:hover{background:#3498db1a}.record-item.longest[data-v-ec3ff128]{background:#f1c40f26}.record-item.longest[data-v-ec3ff128]:hover{background:#f1c40f33}.record-index[data-v-ec3ff128]{color:#bdc3c7}.record-time[data-v-ec3ff128]{color:#ecf0f1}.record-item.longest .record-time[data-v-ec3ff128]{color:#f1c40f}.record-date[data-v-ec3ff128]{color:#95a5a6}.records-footer[data-v-ec3ff128]{background:#7f8c8d33}}@media (max-width: 768px){.records-header[data-v-ec3ff128],.record-item[data-v-ec3ff128]{grid-template-columns:50px 1fr 100px;gap:8px;padding:8px 12px;font-size:12px}.records-container[data-v-ec3ff128]{padding:12px}.record-date[data-v-ec3ff128]{font-size:11px}}@media (max-width: 480px){.records-header[data-v-ec3ff128],.record-item[data-v-ec3ff128]{grid-template-columns:40px 1fr 80px;gap:6px;padding:6px 8px}.records-list[data-v-ec3ff128]{max-height:200px}}