.focus-page{position:relative;min-height:100%}.focus-page.fc-theme-library{background:linear-gradient(160deg,#1e1b14,#2d2417,#1a1208);color:var(--me-bach)}.focus-page.fc-theme-library .fc-ring-track{stroke:#ffffff1f}.focus-page.fc-theme-library .fc-goal{background:#ffffff14;border-color:#ffffff2e;color:var(--me-bach)}.focus-page.fc-theme-library .fc-goal::placeholder{color:#fff6}.focus-page.fc-theme-library .fc-stats-today{color:#ffffffb3}.focus-page.fc-theme-library .fc-bar{background:var(--hoang-kim)}.focus-page.fc-theme-library .fc-bar-day{color:#ffffff80}.focus-page.fc-theme-library .fc-time{color:var(--me-bach)}.focus-page.fc-theme-library .fc-phase-label{color:#fff9}.focus-page.fc-theme-library .fc-preset-chip{background:#ffffff14;border-color:#ffffff2e;color:#fffc}.focus-page.fc-theme-library .fc-preset-chip--active{background:var(--hoang-kim);color:var(--mac-hac);border-color:transparent}.focus-page.fc-theme-library .fc-phase-card{background:#ffffff12;border-color:#ffffff1f}.focus-page.fc-theme-library .fc-card-title{color:var(--me-bach)}.focus-page.fc-theme-library .fc-card-desc{color:#ffffffb3}.focus-page.fc-theme-rain{background:linear-gradient(160deg,#0d1b2a,#1b3a5c 55%,#0c2847);color:var(--me-bach)}.focus-page.fc-theme-rain .fc-ring-track{stroke:#93c5fd26}.focus-page.fc-theme-rain .fc-ring-progress{stroke:#60a5fa!important}.focus-page.fc-theme-rain .fc-goal{background:#ffffff12;border-color:#93c5fd40;color:var(--me-bach)}.focus-page.fc-theme-rain .fc-goal::placeholder{color:#93c5fd80}.focus-page.fc-theme-rain .fc-stats-today{color:#ffffffb3}.focus-page.fc-theme-rain .fc-bar{background:#60a5fa}.focus-page.fc-theme-rain .fc-bar-day{color:#93c5fd99}.focus-page.fc-theme-rain .fc-time{color:var(--me-bach)}.focus-page.fc-theme-rain .fc-phase-label{color:#93c5fdcc}.focus-page.fc-theme-rain .fc-preset-chip{background:#60a5fa1a;border-color:#93c5fd33;color:#fffc}.focus-page.fc-theme-rain .fc-preset-chip--active{background:#60a5fa;color:#0d1b2a;border-color:transparent}.focus-page.fc-theme-rain .fc-phase-card{background:#ffffff0f;border-color:#93c5fd26}.focus-page.fc-theme-rain .fc-card-title{color:var(--me-bach)}.focus-page.fc-theme-rain .fc-card-desc{color:#ffffffb3}.focus-page.fc-theme-rain:after{content:"";position:fixed;inset:0;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 14px,rgba(147,197,253,.07) 14px,rgba(147,197,253,.07) 15px);background-size:12px 15px;animation:fc-rain 3s linear infinite;pointer-events:none;z-index:0}@keyframes fc-rain{0%{background-position:0 0}to{background-position:12px 90px}}.focus-page.fc-theme-dawn{background:linear-gradient(160deg,#1c0d00,#7c2d12,#ea580c 80%,#fbbf24);color:var(--me-bach)}.focus-page.fc-theme-dawn .fc-ring-track{stroke:#ffffff26}.focus-page.fc-theme-dawn .fc-ring-progress{stroke:#fbbf24!important}.focus-page.fc-theme-dawn .fc-goal{background:#ffffff1a;border-color:#ffffff40;color:var(--me-bach)}.focus-page.fc-theme-dawn .fc-goal::placeholder{color:#ffffff73}.focus-page.fc-theme-dawn .fc-stats-today{color:#ffffffbf}.focus-page.fc-theme-dawn .fc-bar{background:#fbbf24}.focus-page.fc-theme-dawn .fc-bar-day{color:#ffffff8c}.focus-page.fc-theme-dawn .fc-time{color:var(--me-bach)}.focus-page.fc-theme-dawn .fc-phase-label{color:#ffffffb3}.focus-page.fc-theme-dawn .fc-preset-chip{background:#ffffff1a;border-color:#ffffff38;color:#ffffffd9}.focus-page.fc-theme-dawn .fc-preset-chip--active{background:#fbbf24;color:#1c0d00;border-color:transparent}.focus-page.fc-theme-dawn .fc-phase-card{background:#ffffff1a;border-color:#ffffff2e}.focus-page.fc-theme-dawn .fc-card-title{color:var(--me-bach)}.focus-page.fc-theme-dawn .fc-card-desc{color:#ffffffbf}.focus-page.fc-theme-rain .fc-wrapper{position:relative;z-index:1}.fc-wrapper{max-width:480px;margin:0 auto;padding:var(--s-6) var(--s-4) var(--s-16);display:flex;flex-direction:column;align-items:center;gap:var(--s-6)}.fc-top-bar{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--s-3)}.fc-theme-picker{display:flex;gap:var(--s-2);flex-wrap:wrap}.fc-theme-btn{padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);font-size:var(--t-small);font-family:var(--font-ui);border:1.5px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;transition:background var(--d-fast),color var(--d-fast),border-color var(--d-fast);white-space:nowrap}.fc-theme-btn:hover{background:var(--hover);color:var(--text)}.fc-theme-btn--active{background:var(--primary);color:var(--on-accent);border-color:transparent}.fc-chime-btn{flex-shrink:0;background:none;border:1.5px solid var(--border);border-radius:var(--r-pill);width:36px;height:36px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--d-fast)}.fc-chime-btn:hover{background:var(--hover)}.fc-ring-wrap{position:relative;width:240px;height:240px;margin:var(--s-2) auto 0}.fc-ring{width:100%;height:100%;overflow:visible}.fc-ring-track{fill:none;stroke:var(--border);stroke-width:10}.fc-ring-progress{fill:none;stroke:var(--chau-hong);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke var(--d-base)}.fc-ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:140px}.fc-time{font-size:2.4rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text);line-height:1}.fc-phase-label{font-size:var(--t-small);color:var(--text2);margin-top:var(--s-1);font-weight:500}.fc-idle-state{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-4) 0}.fc-idle-mascot{width:96px;height:96px;object-fit:contain;opacity:.9}.fc-idle-invite{font-size:var(--t-body);color:var(--text2);text-align:center}.fc-goal-row{width:100%}.fc-goal{width:100%;box-sizing:border-box;padding:var(--s-3) var(--s-4);border-radius:var(--r-3);border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--t-body);font-family:var(--font-ui);transition:border-color var(--d-fast);outline:none}.fc-goal:focus{border-color:var(--primary)}.fc-goal:disabled{opacity:.5;cursor:not-allowed}.fc-goal::placeholder{color:var(--text3)}.fc-presets{display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:center;width:100%}.fc-preset-chip{padding:var(--s-2) var(--s-5);border-radius:var(--r-pill);border:1.5px solid var(--border);background:var(--surface);color:var(--text2);font-size:var(--t-body);font-family:var(--font-ui);font-weight:500;cursor:pointer;transition:background var(--d-fast),color var(--d-fast),border-color var(--d-fast)}.fc-preset-chip:hover{background:var(--hover);color:var(--text)}.fc-preset-chip--active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.fc-custom-row{display:flex;gap:var(--s-4);align-items:center;justify-content:center;flex-wrap:wrap;width:100%}.fc-custom-lbl{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-body);color:var(--text2)}.fc-custom-inp{width:60px;padding:var(--s-2) var(--s-2);text-align:center;border-radius:var(--r-2);border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--t-body);font-family:var(--font-ui);outline:none}.fc-custom-inp:focus{border-color:var(--primary)}.fc-controls{display:flex;gap:var(--s-3);justify-content:center;width:100%}.fc-btn-main{min-width:140px;padding:var(--s-3) var(--s-6);font-size:var(--t-body-lg)}.fc-btn-stop{padding:var(--s-3) var(--s-5);border-radius:var(--r-3);border:1.5px solid var(--border);background:transparent;color:var(--text2);font-size:var(--t-body);font-family:var(--font-ui);cursor:pointer;transition:background var(--d-fast),color var(--d-fast)}.fc-btn-stop:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.fc-phase-card{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--r-4);padding:var(--s-6);display:flex;flex-direction:column;align-items:center;gap:var(--s-4);text-align:center;box-shadow:var(--shadow-2);animation:fc-card-in var(--d-slow) var(--ease-out) both}@keyframes fc-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fc-card-mascot img{display:block;width:80px;height:80px;object-fit:contain}.fc-card-title{font-size:var(--t-h3);font-weight:700;color:var(--text);margin:0}.fc-card-desc{font-size:var(--t-body);color:var(--text2);margin:0}.fc-card-actions{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);width:100%}.fc-card-cta{min-width:160px}.fc-nav-chips{display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:center}.fc-nav-chip{padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);border:1.5px solid var(--border);background:transparent;color:var(--text2);font-size:var(--t-small);font-family:var(--font-ui);cursor:pointer;transition:background var(--d-fast),color var(--d-fast)}.fc-nav-chip:hover{background:var(--hover);color:var(--text)}.fc-cap-banner{width:100%;padding:var(--s-3) var(--s-4);border-radius:var(--r-3);background:var(--warning-bg);border:1px solid var(--warning);color:var(--text2);font-size:var(--t-small);text-align:center;animation:fc-card-in var(--d-base) var(--ease-out) both}.fc-cap-banner strong{color:var(--text)}.fc-stats{width:100%;display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--border)}.fc-stats-today{font-size:var(--t-small);color:var(--text2);text-align:center}.fc-stats-today strong{color:var(--text)}.fc-stats-week{display:flex;align-items:flex-end;justify-content:center;gap:var(--s-2);height:52px}.fc-bar-col{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);flex:1;max-width:36px}.fc-bar{width:100%;max-width:24px;background:var(--primary-soft);border-radius:var(--r-1) var(--r-1) 0 0;min-height:0;transition:height var(--d-base) var(--ease-out);position:relative}.fc-bar:not([style*="height:0"]){background:var(--chau-hong);opacity:.7}.fc-bar-day{font-size:10px;color:var(--text3);font-weight:500}.fc-bar-col.fc-bar-today .fc-bar-day{color:var(--primary);font-weight:700}@media(max-width:480px){.fc-wrapper{padding:var(--s-4) var(--s-3) var(--s-12);gap:var(--s-4)}.fc-ring-wrap{width:200px;height:200px}.fc-time{font-size:2rem}.fc-top-bar{flex-wrap:wrap}.fc-theme-picker{gap:var(--s-1)}.fc-theme-btn{font-size:11px;padding:var(--s-1) var(--s-2)}.fc-btn-main{min-width:120px;font-size:var(--t-body)}.fc-phase-card{padding:var(--s-4)}}@media(prefers-reduced-motion:reduce){.fc-ring-progress{transition:stroke-dashoffset 0s,stroke 0s}.fc-phase-card,.fc-cap-banner{animation:none}.focus-page.fc-theme-rain:after{animation:none}}