:root{--surface-0:#0b0d12;--surface-1:#14171d;--surface-2:#1c2028;--border:#2a2f3a;--border-strong:#3a4150;--border-danger:#dc2626;--text-primary:#f4f5f7;--text-secondary:#a7adba;--text-muted:#6b7280;--text-accent:#7dd3fc;--text-danger:#f87171;--text-success:#4ade80;--bg-accent:#16324a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:8px;--radius-md:12px;--radius-pill:999px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--content-max-width:640px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--surface-0);color:var(--text-primary);margin:0}.app-shell{max-width:var(--content-max-width);height:100%;margin:0 auto}.threshold-picker{gap:var(--space-2);flex-direction:column;display:flex}.threshold-picker-label{color:var(--text-muted);margin:0;font-size:10.5px}.threshold-picker-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.threshold-picker-chip{font:inherit;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;font-size:12px}.threshold-picker-chip--active{background:var(--bg-accent);border-color:var(--bg-accent);color:var(--text-accent)}.brawl-customize{gap:var(--space-4);height:100%;padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}.brawl-customize-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.brawl-customize-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.brawl-customize-caption{color:var(--text-muted);margin:0;font-size:10.5px}.brawl-customize-pause-all{font:inherit;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);cursor:pointer}.brawl-customize-back{font:inherit;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);cursor:pointer;margin-top:auto}.activity-card-wrapper{gap:var(--space-2);align-items:center;display:flex}.activity-card{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);flex:1}.activity-card--interactive{cursor:pointer}.activity-card--active{border-left-color:var(--text-success)}.activity-card-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.activity-card-title{color:var(--text-primary);font-weight:600}.activity-card-row-right{align-items:center;gap:var(--space-2);display:flex}.activity-card-status{color:var(--text-secondary);font-size:11px}.activity-card-status--active{color:var(--text-success)}.activity-card-badge-muted{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--surface-1);border:1px solid var(--border-strong);color:var(--text-secondary);font-size:10.5px}.activity-card-countdown-label{color:var(--text-muted);margin:var(--space-2) 0 2px;font-size:10.5px}.activity-card-countdown-label+.activity-card-countdown{margin-top:0}.activity-card-countdown{color:var(--text-primary);margin:var(--space-2) 0 var(--space-1);font-size:17px;font-weight:600}.activity-card-empty-message{color:var(--text-secondary);margin:var(--space-2) 0 0;font-size:12px}.activity-card-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.activity-card-tag{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--bg-accent);color:var(--text-accent);font-size:10.5px}.activity-chevron{border-radius:var(--radius-pill);background:var(--surface-1);border:1px solid var(--border-strong);width:28px;height:28px;color:var(--text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.choose-what-to-track{gap:var(--space-4);height:100%;padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}.choose-what-to-track-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.choose-what-to-track-list{gap:var(--space-3);flex-direction:column;display:flex}.choose-what-to-track-add-timer{font:inherit;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--text-accent);color:var(--text-accent);cursor:pointer;text-align:center;background:0 0;font-weight:500}.choose-what-to-track-continue{font:inherit;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--text-accent);color:var(--surface-0);cursor:pointer;border:none;margin-top:auto;font-weight:600}.conflict-customize{gap:var(--space-4);height:100%;padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}.conflict-customize-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.conflict-customize-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.conflict-customize-back{font:inherit;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);cursor:pointer;margin-top:auto}.custom-timer-form{gap:var(--space-2);height:100%;padding:var(--space-6) var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.custom-timer-form-loading{color:var(--text-secondary);font-size:13px}.custom-timer-form-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.custom-timer-form-header-back{font:inherit;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px}.custom-timer-form-header-title{color:var(--text-primary);margin:0;font-size:13.5px;font-weight:500}.custom-timer-form-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.custom-timer-form-label{color:var(--text-muted);margin:var(--space-2) 0 var(--space-1);font-size:10.5px}.custom-timer-form-input,.custom-timer-form-select{font:inherit;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);width:100%}.custom-timer-form-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;display:flex}.custom-timer-form-card .custom-timer-form-label:first-child{margin-top:0}.custom-timer-form-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.custom-timer-form-chip{font:inherit;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;font-size:12px}.custom-timer-form-chip--active{background:var(--bg-accent);border-color:var(--bg-accent);color:var(--text-accent)}.custom-timer-form-schedule{gap:var(--space-2);display:flex}.custom-timer-form-schedule-day{flex:1}.custom-timer-form-schedule-time{flex:none;width:136px;min-width:136px}.custom-timer-form-error{color:var(--text-danger);margin:var(--space-1) 0 0;font-size:11px}.custom-timer-form-save{margin-top:var(--space-4);font:inherit;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--text-accent);color:var(--surface-0);cursor:pointer;border:none;font-weight:600}.custom-timer-form-save:disabled{opacity:.6;cursor:not-allowed}.custom-timer-form-delete{margin-top:var(--space-2);font:inherit;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-danger);color:var(--text-danger);cursor:pointer;background:0 0}.custom-timer-form-delete:disabled{opacity:.6;cursor:not-allowed}.custom-timer-form-back{font:inherit;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);cursor:pointer;margin-top:auto}.toast{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);max-width:640px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);z-index:10;margin:0 auto;display:flex;position:fixed;box-shadow:0 4px 16px #0003}.toast-message{color:var(--text-success);font-size:13px}.toast-action{font:inherit;color:var(--text-accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:13px;font-weight:600}.guild-brawl-self-report-button{width:100%;margin-top:var(--space-2);font:inherit;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500}.guild-brawl-self-report-confirmed{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);cursor:pointer;color:var(--text-success);justify-content:space-between;align-items:center;display:flex}.guild-brawl-self-report-confirmed-label{color:var(--text-success)}.guild-brawl-self-report-hint{color:var(--text-muted);margin:var(--space-1) 0 0;font-size:10.5px}.dashboard{gap:var(--space-4);height:100%;padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.dashboard-username{color:var(--text-primary);margin:0;font-size:13.5px;font-weight:600}.dashboard-settings-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px}.dashboard-push-banner{font:inherit;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;font-size:12px}.dashboard-list{gap:var(--space-3);flex-direction:column;display:flex}.dashboard-empty{color:var(--text-muted);font-size:13px}.onboarding-screen{height:100%;padding:var(--space-6) var(--space-4);justify-content:space-between;gap:var(--space-6);flex-direction:column;display:flex}.onboarding-branding{text-align:center}.onboarding-mark{font-size:28px}.onboarding-title{margin:var(--space-2) 0 var(--space-1);color:var(--text-primary);font-size:18px;font-weight:600}.onboarding-subtitle{color:var(--text-secondary);margin:0;font-size:13px}.onboarding-form{gap:var(--space-2);flex-direction:column;display:flex}.onboarding-input{font:inherit;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary)}.onboarding-input:disabled{opacity:.7}.onboarding-input--error{border-color:var(--border-danger)}.onboarding-error-slot{min-height:14px}.onboarding-error-text{color:var(--text-danger);margin:0;font-size:11px}.onboarding-submit{font:inherit;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--text-accent);color:var(--surface-0);cursor:pointer;border:none;font-weight:600}.onboarding-submit:disabled{opacity:.6;cursor:not-allowed}.onboarding-disclaimer{color:var(--text-muted);text-align:center;margin:0;font-size:10.5px}.onboarding-footer{text-align:center;padding-top:var(--space-3);border-top:1px solid var(--border)}.onboarding-footer a{color:var(--text-accent);font-size:11.5px;text-decoration:none}.season-end-customize{gap:var(--space-4);height:100%;padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}.season-end-customize-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.season-end-customize-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.season-end-customize-back{font:inherit;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);cursor:pointer;margin-top:auto}.sleep-hours{gap:var(--space-4);height:100%;padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}.sleep-hours-header{align-items:center;gap:var(--space-3);display:flex}.sleep-hours-header-back{font:inherit;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px}.sleep-hours-header-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:500}.sleep-hours-loading{color:var(--text-muted);font-size:13px}.sleep-hours-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.sleep-hours-label{color:var(--text-muted);margin:0 0 var(--space-1);font-size:10.5px}.sleep-hours-row{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:13px;display:flex}.sleep-hours-change-link{font:inherit;color:var(--text-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.sleep-hours-hint{color:var(--text-muted);margin:var(--space-1) 0 0;font-size:10.5px}.sleep-hours-select{font:inherit;padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);font-size:12.5px}.sleep-hours-time-input{font:inherit;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);font-size:13px}.sleep-hours-permission-text{color:var(--text-secondary);margin:0;font-size:12.5px}.sleep-hours-enable-button{font:inherit;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--text-primary);color:#fff;cursor:pointer;border:none;font-size:13px;font-weight:500}.sleep-hours-footnote{color:var(--text-muted);margin:0;font-size:10.5px}.sleep-hours-save{font:inherit;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--text-primary);color:#fff;cursor:pointer;border:none;margin-top:auto;font-weight:500}