.page-module__o-V4qG__timerCard{background:var(--surface);border:1px solid var(--border);border-radius:24px;margin:0 auto 32px;padding:32px}.page-module__o-V4qG__phaseTabs{gap:8px;margin-bottom:32px;display:flex}.page-module__o-V4qG__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__o-V4qG__phaseTab:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.page-module__o-V4qG__phaseTab:disabled{opacity:.5;cursor:not-allowed}.page-module__o-V4qG__phaseTab.page-module__o-V4qG__active.page-module__o-V4qG__workTab{background:var(--primary);border-color:var(--primary);color:#fff}.page-module__o-V4qG__phaseTab.page-module__o-V4qG__active.page-module__o-V4qG__breakTab{background:var(--success);border-color:var(--success);color:#fff}.page-module__o-V4qG__timerDisplay{width:320px;height:320px;margin:0 auto 24px;position:relative}.page-module__o-V4qG__progressRing{width:100%;height:100%;position:absolute;top:0;left:0}.page-module__o-V4qG__progressBg{stroke:var(--border)}.page-module__o-V4qG__progressFill{transition:stroke-dashoffset .3s}.page-module__o-V4qG__workProgress{stroke:var(--primary)}.page-module__o-V4qG__breakProgress{stroke:var(--success)}.page-module__o-V4qG__timerContent{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-module__o-V4qG__timerTime{letter-spacing:2px;font-family:SF Mono,Consolas,monospace;font-size:4rem;font-weight:700;line-height:1}.page-module__o-V4qG__workTime{color:var(--primary)}.page-module__o-V4qG__breakTime{color:var(--success)}.page-module__o-V4qG__timerPhase{color:var(--text-secondary);margin-top:8px;font-size:1rem}.page-module__o-V4qG__roundInfo{color:var(--text-muted);margin-top:4px;font-size:.85rem}.page-module__o-V4qG__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__o-V4qG__fadeIn}@keyframes page-module__o-V4qG__fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-module__o-V4qG__controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.page-module__o-V4qG__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__o-V4qG__btnPrimary{background:var(--primary);color:#fff}.page-module__o-V4qG__btnPrimary:hover{background:var(--primary-dark)}.page-module__o-V4qG__btnSecondary{background:var(--background);color:var(--text-secondary);border:1px solid var(--border)}.page-module__o-V4qG__btnSecondary:hover{background:var(--border)}.page-module__o-V4qG__btnIcon{background:var(--background);color:var(--text-secondary);border:1px solid var(--border);padding:14px;font-size:1.2rem}.page-module__o-V4qG__btnIcon:hover{background:var(--border)}.page-module__o-V4qG__modalOverlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-module__o-V4qG__modal{background:var(--surface);border-radius:16px;width:90%;max-width:400px;max-height:90vh;padding:24px;overflow-y:auto}.page-module__o-V4qG__modal h3{color:var(--text-primary);margin-bottom:20px;font-size:1.25rem;font-weight:600}.page-module__o-V4qG__settingsForm{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.page-module__o-V4qG__settingsForm label{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-module__o-V4qG__settingsForm label span{color:var(--text-secondary);font-size:.9rem}.page-module__o-V4qG__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__o-V4qG__settingsForm input[type=number]:focus{border-color:var(--primary);outline:none}.page-module__o-V4qG__checkboxLabel{cursor:pointer}.page-module__o-V4qG__checkboxLabel input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.page-module__o-V4qG__modalActions{gap:12px;display:flex}.page-module__o-V4qG__modalActions .page-module__o-V4qG__btn{flex:1;justify-content:center}.page-module__o-V4qG__infoTitle{color:var(--text-secondary);margin-bottom:12px;font-size:.875rem;font-weight:600}.page-module__o-V4qG__infoContent{color:var(--text-secondary);font-size:.875rem;line-height:1.8}.page-module__o-V4qG__infoContent h4{color:var(--text-primary);margin:16px 0 8px;font-size:.9375rem}.page-module__o-V4qG__faqItem{margin-bottom:16px}.page-module__o-V4qG__faqItem:last-child{margin-bottom:0}.page-module__o-V4qG__faqItem h4{color:var(--text-primary);margin:0 0 8px;font-size:.9375rem}.page-module__o-V4qG__faqItem p{margin:0}@media (max-width:768px){.page-module__o-V4qG__timerCard{padding:24px 16px}.page-module__o-V4qG__timerDisplay{width:260px;height:260px}.page-module__o-V4qG__timerTime{font-size:3rem}.page-module__o-V4qG__phaseTabs{flex-wrap:wrap}.page-module__o-V4qG__phaseTab{padding:10px 12px;font-size:.85rem}}
