.timer-container[data-v-08edf1ce]{max-width:800px;margin:0 auto;padding:20px}.page-header[data-v-08edf1ce]{text-align:center;margin-bottom:30px}.page-header h1[data-v-08edf1ce]{color:#2c3e50;margin-bottom:10px;font-size:28px}.page-description[data-v-08edf1ce]{color:#7f8c8d;font-size:16px;line-height:1.6}.timer-section[data-v-08edf1ce]{background:#f8f9fa;border-radius:12px;padding:25px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.timer-display[data-v-08edf1ce]{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.time-circles[data-v-08edf1ce]{display:flex;align-items:center;gap:20px;margin-bottom:30px}.time-circle[data-v-08edf1ce]{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);min-width:80px}.time-value[data-v-08edf1ce]{font-size:36px;font-weight:700;color:#409eff;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.time-label[data-v-08edf1ce]{font-size:12px;color:#7f8c8d;margin-top:5px}.time-separator[data-v-08edf1ce]{font-size:36px;font-weight:700;color:#409eff}.progress-ring[data-v-08edf1ce]{position:relative;display:flex;align-items:center;justify-content:center}.progress-circle[data-v-08edf1ce]{transition:stroke-dashoffset 1s ease}.progress-text[data-v-08edf1ce]{position:absolute;text-align:center}.progress-percentage[data-v-08edf1ce]{font-size:24px;font-weight:700;color:#2c3e50}.progress-status[data-v-08edf1ce]{font-size:14px;color:#7f8c8d;margin-top:5px}.timer-controls[data-v-08edf1ce]{display:flex;flex-direction:column;gap:30px}.time-input[data-v-08edf1ce]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.time-input h3[data-v-08edf1ce]{color:#2c3e50;margin:0 0 20px 0;font-size:18px;text-align:center}.input-group[data-v-08edf1ce]{display:flex;justify-content:center;gap:20px}.input-item[data-v-08edf1ce]{display:flex;flex-direction:column;align-items:center;gap:8px}.input-item label[data-v-08edf1ce]{font-size:14px;color:#2c3e50;font-weight:500}.control-buttons[data-v-08edf1ce]{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.quick-times[data-v-08edf1ce]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.quick-times h3[data-v-08edf1ce]{color:#2c3e50;margin:0 0 20px 0;font-size:18px;text-align:center}.quick-buttons[data-v-08edf1ce]{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}@media (max-width:768px){.timer-container[data-v-08edf1ce]{padding:15px}.page-header h1[data-v-08edf1ce]{font-size:24px}.timer-section[data-v-08edf1ce]{padding:20px 15px}.time-circles[data-v-08edf1ce]{gap:10px}.time-circle[data-v-08edf1ce]{padding:15px;min-width:60px}.time-separator[data-v-08edf1ce],.time-value[data-v-08edf1ce]{font-size:28px}.input-group[data-v-08edf1ce]{flex-direction:column;gap:15px}.control-buttons[data-v-08edf1ce]{flex-direction:column}.control-buttons .el-button[data-v-08edf1ce]{width:100%}.quick-buttons[data-v-08edf1ce]{flex-direction:column}.quick-buttons .el-button[data-v-08edf1ce]{width:100%}}@media (max-width:480px){.timer-container[data-v-08edf1ce]{padding:10px}.page-header h1[data-v-08edf1ce]{font-size:20px}.timer-section[data-v-08edf1ce]{padding:15px 10px}.time-separator[data-v-08edf1ce],.time-value[data-v-08edf1ce]{font-size:24px}.progress-ring svg[data-v-08edf1ce]{width:150px;height:150px}.progress-percentage[data-v-08edf1ce]{font-size:20px}}