.page-module__vJ5fOW__main{padding:32px 0}.page-module__vJ5fOW__timerCard{background:var(--surface);border:1px solid var(--border);border-radius:24px;margin:0 auto 32px;padding:32px}.page-module__vJ5fOW__phaseTabs{gap:8px;margin-bottom:32px;display:flex}.page-module__vJ5fOW__phaseTab{border:2px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:12px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.page-module__vJ5fOW__phaseTab:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.page-module__vJ5fOW__phaseTab:disabled{opacity:.5;cursor:not-allowed}.page-module__vJ5fOW__phaseTab.page-module__vJ5fOW__active.page-module__vJ5fOW__workTab{background:var(--primary);border-color:var(--primary);color:#fff}.page-module__vJ5fOW__phaseTab.page-module__vJ5fOW__active.page-module__vJ5fOW__breakTab{background:var(--success);border-color:var(--success);color:#fff}.page-module__vJ5fOW__timerDisplay{width:320px;height:320px;margin:0 auto 24px;position:relative}.page-module__vJ5fOW__progressRing{width:100%;height:100%;position:absolute;top:0;left:0}.page-module__vJ5fOW__progressBg{stroke:var(--border)}.page-module__vJ5fOW__progressFill{transition:stroke-dashoffset .3s}.page-module__vJ5fOW__workProgress{stroke:var(--primary)}.page-module__vJ5fOW__breakProgress{stroke:var(--success)}.page-module__vJ5fOW__timerContent{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-module__vJ5fOW__timerTime{letter-spacing:2px;font-family:SF Mono,Consolas,monospace;font-size:4rem;font-weight:700;line-height:1}.page-module__vJ5fOW__workTime{color:var(--primary)}.page-module__vJ5fOW__breakTime{color:var(--success)}.page-module__vJ5fOW__timerPhase{color:var(--text-secondary);margin-top:8px;font-size:1rem}.page-module__vJ5fOW__roundInfo{color:var(--text-muted);margin-top:4px;font-size:.85rem}.page-module__vJ5fOW__notification{text-align:center;background:var(--primary-light,#3b82f61a);color:var(--primary);border-radius:8px;margin-bottom:24px;padding:12px;font-weight:500;animation:.3s page-module__vJ5fOW__fadeIn}@keyframes page-module__vJ5fOW__fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-module__vJ5fOW__controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.page-module__vJ5fOW__btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.page-module__vJ5fOW__btnPrimary{background:var(--primary);color:#fff}.page-module__vJ5fOW__btnPrimary:hover{background:var(--primary-dark)}.page-module__vJ5fOW__btnSecondary{background:var(--background);color:var(--text-secondary);border:1px solid var(--border)}.page-module__vJ5fOW__btnSecondary:hover{background:var(--border)}.page-module__vJ5fOW__btnIcon{background:var(--background);color:var(--text-secondary);border:1px solid var(--border);padding:14px;font-size:1.2rem}.page-module__vJ5fOW__btnIcon:hover{background:var(--border)}.page-module__vJ5fOW__modalOverlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-module__vJ5fOW__modal{background:var(--surface);border-radius:16px;width:90%;max-width:400px;max-height:90vh;padding:24px;overflow-y:auto}.page-module__vJ5fOW__modal h3{color:var(--text-primary);margin-bottom:20px;font-size:1.25rem;font-weight:600}.page-module__vJ5fOW__settingsForm{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.page-module__vJ5fOW__settingsForm label{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-module__vJ5fOW__settingsForm label span{color:var(--text-secondary);font-size:.9rem}.page-module__vJ5fOW__settingsForm input[type=number]{border:1px solid var(--border);text-align:center;border-radius:8px;width:80px;padding:8px 12px;font-family:SF Mono,Consolas,monospace;font-size:1rem}.page-module__vJ5fOW__settingsForm input[type=number]:focus{border-color:var(--primary);outline:none}.page-module__vJ5fOW__checkboxLabel{cursor:pointer}.page-module__vJ5fOW__checkboxLabel input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.page-module__vJ5fOW__modalActions{gap:12px;display:flex}.page-module__vJ5fOW__modalActions .page-module__vJ5fOW__btn{flex:1;justify-content:center}.page-module__vJ5fOW__infoSection{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:24px;padding:20px}.page-module__vJ5fOW__infoTitle{color:var(--text-secondary);margin-bottom:12px;font-size:.875rem;font-weight:600}.page-module__vJ5fOW__infoContent{color:var(--text-secondary);font-size:.875rem;line-height:1.8}.page-module__vJ5fOW__infoContent h4{color:var(--text-primary);margin:16px 0 8px;font-size:.9375rem}.page-module__vJ5fOW__faqItem{margin-bottom:16px}.page-module__vJ5fOW__faqItem:last-child{margin-bottom:0}.page-module__vJ5fOW__faqItem h4{color:var(--text-primary);margin:0 0 8px;font-size:.9375rem}.page-module__vJ5fOW__faqItem p{margin:0}.page-module__vJ5fOW__relatedToolsCompact{margin-top:32px;padding-bottom:0}@media (max-width:768px){.page-module__vJ5fOW__timerCard{padding:24px 16px}.page-module__vJ5fOW__timerDisplay{width:260px;height:260px}.page-module__vJ5fOW__timerTime{font-size:3rem}.page-module__vJ5fOW__phaseTabs{flex-wrap:wrap}.page-module__vJ5fOW__phaseTab{padding:10px 12px;font-size:.85rem}}
