:root{color:#fafafa;font-synthesis:none;text-rendering:optimizelegibility;background:#09090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background:radial-gradient(circle at 50% -20%,#27272a 0,#09090b 48%);min-width:320px;min-height:100vh;margin:0}html,body{overflow-x:clip}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #27272a;border-radius:8px;font-weight:600;transition:background .15s,border-color .15s,transform .15s}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:min(1060px,100%);min-height:100vh;margin:auto;padding:48px 28px 72px}.topbar,.panel-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.profile-chip{color:#d4d4d8;background:#18181b;border:1px solid #3f3f46;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;padding:5px;display:inline-flex;position:relative}.profile-chip:hover{background:#27272a;border-color:#52525b}.profile-tooltip{color:#fafafa;opacity:0;pointer-events:none;text-align:center;white-space:nowrap;z-index:5;background:#27272a;border:1px solid #3f3f46;border-radius:6px;gap:2px;padding:6px 9px;font-size:12px;font-weight:500;transition:opacity .15s;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.profile-chip:hover .profile-tooltip,.profile-chip:focus-visible .profile-tooltip{opacity:1}.profile-tooltip-status{color:#86efac}.profile-tooltip-status.syncing{color:#93c5fd}.profile-tooltip-status.error{color:#fbbf24}.profile-tooltip-status.offline{color:#a1a1aa}.profile-chip:before{content:"";opacity:0;pointer-events:none;z-index:5;border:5px solid #0000;border-top-color:#3f3f46;transition:opacity .15s;position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%)}.profile-chip:hover:before,.profile-chip:focus-visible:before{opacity:1}.profile-avatar{color:#18181b;background:#fafafa;border-radius:50%;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.profile-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sync-active-label{color:#86efac}.settings-button{color:#a1a1aa}.settings-button svg{width:18px;height:18px}.settings-button:hover{color:#d4d4d8}.account-back-button{color:#d4d4d8;z-index:11;background:#18181b;border-color:#3f3f46;position:fixed;top:20px;left:20px}.account-back-button.account-cancel-inline{position:static;top:auto;left:auto}.modal:not(:has(.settings-section)) .modal-actions>span{order:2}.modal:not(:has(.settings-section)) .modal-actions>.account-cancel-inline{order:3}.modal:not(:has(.settings-section)) .modal-actions>.primary{order:4}.account-back-button:hover{background:#27272a;border-color:#52525b}.sync-status{color:#a7f3d0;margin:-18px 0 20px;font-size:12px}.profile-sync-card{background:#09090b;border:1px solid #3f3f46;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.profile-sync-card>div{gap:4px;display:grid}.admin-panel{background:#09090b;border:1px solid #3f3f46;border-radius:10px;gap:12px;padding:14px;display:grid}.admin-panel>div:first-child,.admin-user-row>div{gap:4px;display:grid}.admin-panel small,.admin-user-row small{color:#a1a1aa}.admin-user-list{gap:8px;min-width:0;display:grid}.admin-user-row{border-top:1px solid #27272a;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding-top:10px;display:flex}.admin-user-row>div{min-width:0}.admin-user-row strong,.admin-user-row small{overflow-wrap:anywhere;word-break:break-word}.admin-user-row button{white-space:normal;flex:0 auto;max-width:100%;padding:8px 10px;font-size:12px}.admin-panel-link{margin-top:4px}.admin-route-modal{min-width:0;max-width:620px;overflow:hidden}@media (width<=600px){.admin-route-modal{max-height:calc(100dvh - 24px);overflow-y:auto}.admin-user-row{flex-direction:column;align-items:stretch;gap:8px}.admin-user-row button{width:100%}}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:28px}h2{letter-spacing:-.03em;margin-bottom:12px;font-size:20px}.eyebrow,.section-label,.field-label{color:#a1a1aa;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.eyebrow{margin-bottom:8px}.tagline{color:#a1a1aa;letter-spacing:.01em;margin:6px 0 0;font-size:13px}.muted{color:#a1a1aa;line-height:1.6}.error{color:#fda4af;margin:-18px 0 20px}.panel{background:#18181bbd;border:1px solid #27272a;border-radius:14px;padding:26px;box-shadow:0 20px 60px #0003}.dashboard-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:18px;display:grid}.timer-card{flex-direction:column;justify-content:center;align-self:start;height:360px;min-height:360px;display:flex}.timer-card h2{letter-spacing:-.06em;margin-top:24px;font-size:34px}.active-task{align-items:center;gap:10px;margin-top:20px;font-size:18px;font-weight:600;display:flex}.dashboard-grid>*{min-width:0}.timer-display{font-variant-numeric:tabular-nums;letter-spacing:-.08em;min-width:8ch;margin:24px 0 30px;font-size:clamp(54px,9vw,88px);font-weight:300}.timer-display-wrap{align-items:center;gap:12px;display:flex}.timer-actions,.modal-actions{align-items:center;gap:10px;display:flex}.modal-actions span{flex:1}.pomodoro-status-row{justify-content:space-between;align-items:center;gap:18px;min-width:0;display:flex}.timer-card{position:relative}.pomodoro-progress{width:32px;height:32px;position:absolute;top:26px;right:26px}.pomodoro-progress:hover:after{color:#fafafa;content:attr(data-tooltip);pointer-events:none;white-space:nowrap;z-index:5;background:#27272a;border:1px solid #3f3f46;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:500;position:absolute;top:calc(100% + 8px);right:0}.pomodoro-progress svg{width:100%;height:100%;display:block}.pomodoro-progress circle{fill:none;stroke-width:2.25px}.pomodoro-progress-track{stroke:#3f3f46}.pomodoro-progress-fill{stroke:#fff;stroke-dasharray:62.8319;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .25s ease-out,stroke .25s ease-out;transform:rotate(-90deg)}.timer-card:has(.active-task):not(:has(.pomodoro-progress)):after{content:"";border:2.25px solid #3f3f46;border-top-color:#22c55e;border-radius:50%;width:27px;height:27px;animation:4s linear infinite paused standard-ring-spin;position:absolute;top:28px;right:28px}.timer-card:has(.timer-status-pill.running):not(:has(.pomodoro-progress)):after{animation-play-state:running}.timer-card:has(.timer-status-pill.paused):not(:has(.pomodoro-progress)):after{border-top-color:#fdba74}:is(.timer-card:has(.timer-status-pill.running) .pomodoro-progress svg,.timer-card:has(.timer-status-pill.break) .pomodoro-progress svg){animation:4s linear infinite interval-ring-spin}.timer-card:has(.timer-status-pill.paused) .pomodoro-progress svg{animation:4s linear infinite paused interval-ring-spin}.timer-card:has(.timer-status-pill.paused) .pomodoro-progress .pomodoro-progress-fill{stroke:#fdba74!important}.timer-status-pill.paused,.timer-status-pill.running,.timer-status-pill.break{display:none}@keyframes standard-ring-spin{to{transform:rotate(360deg)}}@keyframes interval-ring-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.timer-card:has(.timer-status-pill.running):after{animation:none}.timer-card:has(.timer-status-pill.break) .pomodoro-progress svg{animation:none}}.visibility-button{color:#71717a;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;line-height:0;display:inline-flex;position:relative}.visibility-button svg{flex:0 0 20px;width:20px;height:20px;display:block}.visibility-button:hover{color:#d4d4d8}.visibility-button:hover:after{color:#fafafa;content:attr(title);pointer-events:none;white-space:nowrap;z-index:3;background:#27272a;border:1px solid #3f3f46;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:500;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.timer-actions,.modal-actions{align-items:flex-start}.break-choice{flex-direction:column;flex:none;align-items:center;gap:4px;display:inline-flex}.modal-actions>.break-choice{flex:none}.break-choice-button{color:#18181b;white-space:nowrap;background:#fafafa;min-width:116px}.break-choice-button:hover{background:#e4e4e7;border-color:#d4d4d8}.break-choice small{color:#fafafa;font-size:11px;line-height:1}.timer-mode{background:#09090b;border:1px solid #27272a;border-radius:8px;align-self:flex-start;margin-bottom:22px;padding:3px;display:flex}.mode-button,.mode-selected{color:#a1a1aa;border:0;border-radius:6px;padding:7px 11px;font-size:12px}.mode-button{background:0 0}.mode-selected{color:#fafafa;background:#3f3f46}.timer-hint{color:#a1a1aa;margin:-14px 0 8px;font-size:12px}.break-options-hint{color:#71717a;margin:0 0 18px;font-size:11px}.primary,.danger,.secondary{white-space:nowrap;padding:10px 16px}.primary{color:#18181b;background:#fafafa}.primary:hover{background:#e4e4e7}.secondary,.icon-button{color:#fafafa;background:#18181b}.secondary:hover,.icon-button:hover{background:#27272a;border-color:#3f3f46}.danger{color:#fecaca;background:#7f1d1d;border-color:#991b1b}.danger:hover{background:#991b1b}.danger-text{color:#fda4af;background:0 0;border:0;padding:10px 0}.timer-actions .danger{color:#fafafa;background:#09090b;border-color:#52525b}.timer-actions .danger:hover{background:#27272a;border-color:#71717a}.tasks-panel h2,.history-panel h2{margin-bottom:22px}.icon-button{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:20px;line-height:1;display:inline-flex}.icon-button svg{width:18px;height:18px}.icon-button-active{color:#18181b;background:#fafafa;border-color:#fafafa}.icon-button-active:hover{background:#e4e4e7;border-color:#e4e4e7}.task-list,.history-list{gap:8px;display:grid}.task-row,.history-row{border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:4px;display:flex}.task-row:hover,.history-row:hover{background:#18181b;border-color:#27272a}.task-select{color:#fafafa;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:11px;padding:10px 8px;display:flex}.task-select:hover{color:#d4d4d8}.task-select span:last-child{gap:3px;display:grid}.task-details{flex:1;gap:3px;display:grid}.task-start-label{color:#a1a1aa;opacity:0;font-size:12px;font-weight:600;transition:opacity .15s;display:inline!important}.task-select:hover .task-start-label{opacity:1}small{color:#a1a1aa;font-size:12px;font-weight:400}.task-dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.edit-button{color:#a1a1aa;background:0 0;border:0;padding:9px;font-size:12px}.edit-button:hover{color:#fafafa}.history-heading{margin-bottom:22px}.history-heading h2{margin:0}.history-info{flex:1;gap:3px;min-width:0;display:grid}.history-row{padding:10px 8px}.history-row-actions{flex:none;align-items:center;gap:2px;display:flex}.history-row-resumed{background:color-mix(in srgb, var(--session-color) 7%, #18181b);border-color:color-mix(in srgb, var(--session-color) 34%, #27272a);box-shadow:inset 2px 0 0 var(--session-color)}.history-row-resumed:hover{background:color-mix(in srgb, var(--session-color) 9%, #18181b);border-color:color-mix(in srgb, var(--session-color) 42%, #27272a)}.history-session-status{color:#d4d4d8;letter-spacing:.01em;font-size:10px;font-weight:600}.history-action{display:inline-flex;position:relative}.history-action [aria-disabled=true]{cursor:not-allowed;opacity:.45}.history-action-tooltip{color:#fafafa;opacity:0;pointer-events:none;white-space:nowrap;z-index:6;background:#27272a;border:1px solid #3f3f46;border-radius:6px;padding:6px 8px;font-size:11px;font-weight:500;transition:opacity .15s;position:absolute;bottom:calc(100% + 7px);right:0}.history-action-locked:hover .history-action-tooltip,.history-action-locked:focus-within .history-action-tooltip{opacity:1}.modal-backdrop{z-index:10;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#18181b;border:1px solid #3f3f46;border-radius:14px;gap:16px;width:100%;min-width:0;max-width:470px;padding:28px;display:grid;box-shadow:0 24px 80px #00000080}.modal label{min-width:0}.modal label input,.modal label textarea,.modal label select{width:100%;min-width:0}.modal-actions{flex-wrap:wrap;min-width:0}.modal-actions button{min-width:0;max-width:100%}.modal:has(input[type=email]):has(input[type=password]) .modal-actions{grid-template-rows:repeat(2,minmax(42px,auto));grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;align-items:stretch;display:grid}.modal:has(input[type=email]):has(input[type=password]) .modal-actions>span{display:none}.modal:has(input[type=email]):has(input[type=password]) .modal-actions>button{width:100%;min-width:0;height:100%}.modal:has(input[type=email]):has(input[type=password]) .modal-actions>.account-cancel-inline{grid-area:2/1}.modal:has(input[type=email]):has(input[type=password]) .modal-actions>.primary{grid-area:2/2}.trash-button{color:#71717a;background:0 0;border:0;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;display:inline-flex}.trash-button svg{width:17px;height:17px}.trash-button:hover{color:#fda4af}.session-form{max-width:590px}.session-form-header,.session-form-content{gap:16px;min-width:0;display:grid}.session-form-header h2{margin:0}.session-form-lock{color:#fecdd3;background:#3f1d24;border:1px solid #7f1d1d;border-radius:8px;margin:0;padding:10px 12px;font-size:12px;line-height:1.5}.session-form-timing-method{border:0;min-width:0;margin:0;padding:0}.session-form-timing-method legend{color:#d4d4d8;margin-bottom:8px;font-size:13px}.session-form-mode-options{background:#09090b;border:1px solid #27272a;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;display:grid}.session-form-mode-option{color:#a1a1aa;cursor:pointer;text-align:center;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 7px;font-size:12px;display:flex}.session-form-mode-option:has(input:checked){color:#fafafa;background:#3f3f46}.session-form-mode-option input{accent-color:#fafafa;appearance:auto;box-shadow:none;flex:none;width:auto;min-height:0;margin:0;padding:0}.session-form-timing-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.session-form-field-group{grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;display:grid}.session-form-field{grid-template-columns:minmax(0,1fr)}.session-form input[type=datetime-local]{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-width:0;max-width:100%;min-height:44px;display:block}.session-form input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;min-width:0}.session-form-preview{background:#09090b;border:1px solid #27272a;border-radius:9px;gap:5px;padding:12px;display:grid}.session-form-preview p{color:#d4d4d8;margin:0;font-size:12px;line-height:1.5}.session-form-preview p:last-child:not(.muted){color:#fafafa;font-variant-numeric:tabular-nums;font-weight:600}.session-form-preview .muted{color:#a1a1aa;margin-top:3px}.session-form-error{color:#fda4af;margin:0;font-size:12px;line-height:1.4}.session-form-error-summary{background:#3f1d24;border-radius:7px;padding:8px 10px}.session-form-actions{align-items:center}.session-form-actions>span{display:none}.session-form-delete{margin-right:auto}.report-panel{margin-top:18px}.report-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.report-heading h2{margin:8px 0 0;font-size:32px}.report-controls{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.report-view-controls{gap:8px;display:flex}.week-controls{color:#a1a1aa;align-items:center;gap:10px;font-size:12px;display:flex}.focus-chart{width:100%;height:140px;margin:20px 0 0;position:relative}.focus-chart:before{content:"";background:#09090b;border:1px solid #27272a;border-radius:10px;position:absolute;inset:0 0 20px}.chart-total-labels{pointer-events:none;z-index:2;height:22px;position:absolute;inset:0 8px auto}.chart-total-labels span{color:#fafafa;white-space:nowrap;font-size:11px;position:absolute;top:6px;transform:translate(-50%)}.focus-chart>.recharts-responsive-container{z-index:1;position:relative}.report-columns{grid-template-columns:1fr 1fr;gap:32px;margin-top:24px;display:grid}.report-row{border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.report-row span:first-child{align-items:center;gap:7px;display:inline-flex}.report-row strong{font-variant-numeric:tabular-nums;font-size:13px}.breakdown-toggle{color:#a1a1aa;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.breakdown-toggle:hover{color:#fafafa}.breakdown-toggle>span:last-child{font-size:18px;line-height:1}.focus-tooltip{color:#fafafa;background:#18181b;border:1px solid #3f3f46;border-radius:8px;min-width:170px;padding:10px 12px;font-size:12px}.focus-tooltip strong{color:#fafafa;margin-bottom:7px;display:block}.focus-tooltip-row{justify-content:space-between;align-items:center;gap:16px;padding-top:4px;display:flex}.focus-tooltip-row>span:first-child{align-items:center;gap:6px;display:inline-flex}.focus-tooltip-row>span:last-child{color:#fafafa;font-variant-numeric:tabular-nums}label{color:#d4d4d8;gap:8px;font-size:13px;display:grid}input,textarea,select{color:#fafafa;resize:vertical;background:#09090b;border:1px solid #3f3f46;border-radius:7px;outline:none;padding:10px 12px}input:focus,textarea:focus,select:focus{border-color:#a1a1aa;box-shadow:0 0 0 3px #a1a1aa26}input[type=number]{appearance:auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:42px}select{cursor:pointer;padding:9px 10px;font-size:12px}.color-picker{gap:9px;margin-top:9px;display:flex}.color-swatch{border:2px solid #0000;border-radius:50%;width:25px;height:25px;padding:0}.color-swatch.selected{border-color:#fafafa;box-shadow:0 0 0 2px #18181b}.color-picker-custom{color:#fafafa;cursor:pointer;background:#27272a;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;display:inline-flex;position:relative}.color-picker-custom.selected{border-color:#fafafa;box-shadow:0 0 0 2px #18181b}.color-picker-custom svg{width:15px;height:15px;display:block}.color-picker-custom input{cursor:pointer;opacity:0;padding:0;position:absolute;inset:0}.color-picker-custom input:focus-visible{opacity:.01;outline-offset:2px;border-radius:50%;outline:2px solid #fafafa}.color-picker-custom input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.settings-note{color:#a1a1aa;margin:0;font-size:12px}.settings-section>.section-label{margin-bottom:6px}.settings-lock-note{margin-bottom:16px;padding:3px 0}.settings-lock-note+.settings-grid input:disabled{cursor:not-allowed}.notification-setting{background:#09090b;border:1px solid #27272a;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.notification-setting div{gap:5px;display:grid}.notification-setting small{color:#a1a1aa}.settings-section .notification-setting{margin-top:16px}.settings-group-description{cursor:pointer;text-align:left;width:100%;padding-top:10px}.settings-group-description:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #71717a}.settings-inline-select{flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;display:flex}.settings-inline-select select{width:max-content;min-width:140px}.settings-section-summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:0;padding:6px 0 0;list-style:none;display:flex}.settings-section-summary::-webkit-details-marker{display:none}.settings-section-summary::marker{display:none}.settings-section-summary .section-label{margin:0}.settings-section:not([open]){grid-template-rows:60px;min-height:60px;display:grid}.settings-section:not([open])>.settings-section-summary{height:60px}.settings-section-chevron{color:#a1a1aa;flex:0 0 18px;width:18px;height:18px;transition:color .15s,transform .14s ease-out;display:block}.settings-section-chevron svg{width:100%;height:100%;display:block}.settings-section-chevron path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.settings-section[open] .settings-section-chevron{color:#fafafa;transform:rotate(180deg)}.settings-section[open] .settings-section-summary{margin-bottom:0}.settings-section[open]>:not(summary){animation:.3s cubic-bezier(.2,.75,.25,1) both settings-section-reveal}@keyframes settings-section-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.app-shell{padding:28px 16px 48px}.dashboard-grid,.report-columns,.settings-grid{grid-template-columns:1fr}.timer-card{min-height:300px}.report-heading{flex-direction:row;align-items:flex-start;gap:10px}.report-controls{flex-shrink:0;align-self:auto}.topbar{flex-direction:row;align-items:center;gap:12px}.topbar>div:first-child{min-width:0}.topbar-actions{flex-wrap:nowrap;flex-shrink:0}}.break-choice-button.secondary,.break-choice-button.primary{color:#18181b;background:#fafafa}.break-choice-button.secondary:hover,.break-choice-button.primary:hover{background:#e4e4e7;border-color:#d4d4d8}.task-row{cursor:pointer;justify-content:stretch;align-items:stretch;gap:2px;display:grid}.task-select{width:100%}.task-row:hover{background:#27272a;border-color:#3f3f46}.task-select:hover{color:#fff;background:0 0;border-radius:7px}.task-row:hover:not(:has(.task-management:hover)) .task-select{color:#fff;background:0 0;border-radius:7px}.task-actions{justify-content:space-between;align-items:center;padding:0 4px 3px;display:flex}.task-management{gap:0;display:inline-flex}.start-task-button{color:#a1a1aa;background:0 0;border:0;padding:9px;font-size:12px}.start-task-button:hover{color:#fff}.task-row:hover:not(:has(.task-management:hover)) .start-task-button{color:#fff}.task-search{background:#09090b;border:1px solid #3f3f46;border-radius:8px;align-items:center;gap:8px;margin:0 0 16px;padding:8px 10px;display:flex}.task-search-clear{color:#a1a1aa;background:0 0;border:0;align-items:center;padding:0;display:flex}.tasks-panel.remote-read-only .task-row{cursor:not-allowed;opacity:.55}.tasks-panel.remote-read-only .task-row:hover{background:0 0;border-color:#0000}.tasks-panel.remote-read-only .task-select:hover{color:#fafafa}.app-shell{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);grid-template-areas:"header header""error error""timer tasks""report tasks""goals tasks""history tasks";gap:18px;display:grid}.topbar{grid-area:header}.error{grid-area:error}.dashboard-grid{display:contents}.timer-card{grid-area:timer}.tasks-panel{grid-area:tasks;align-self:stretch;min-height:0}.report-panel{grid-area:report}.task-goals-panel{grid-area:goals;min-width:0}.history-panel{grid-area:history}.report-surface{grid-area:report;align-self:start;min-width:0}.app-shell{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.report-panel{min-width:0;overflow-x:visible}.focus-chart{min-width:0}@media (width<=720px){.app-shell{display:block}.dashboard-grid{grid-template-columns:1fr;display:grid}.timer-card{height:auto;min-height:300px}.tasks-panel{max-height:none;overflow:visible}}.app-shell{width:100%;max-width:1400px}.report-heading,.focus-chart{min-width:0}.app-shell{align-content:start}.remote-timer-banner{background:#14532d47;border:1px solid #166534;border-radius:14px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.remote-timer-banner>div{gap:4px;display:grid}.remote-timer-banner small{color:#bbf7d0}.timer-conflict-banner{background:#78350f47;border-color:#92400e;margin-bottom:18px}.timer-conflict-banner small{color:#fde68a}.timer-conflict-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.timer-recovery-banner{background:#18181b;border-color:#52525b;margin-bottom:18px}.timer-recovery-banner small{color:#d4d4d8}.timer-recovery-actions{align-items:center;gap:8px;display:flex}.update-banner{background:#18181b;border:1px solid #3f3f46;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 16px;display:flex}.update-banner div{gap:3px;display:grid}.update-banner small{color:#a1a1aa}.toast-region{inset:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) auto auto;pointer-events:none;z-index:30;flex-direction:column;gap:10px;width:100%;max-width:min(400px,100vw - 32px);max-height:calc(100dvh - 36px);display:flex;position:fixed;overflow-y:auto}.toast{pointer-events:auto;background:#18181bf7;border:1px solid #3f3f46;border-radius:12px;grid-template-columns:4px minmax(0,1fr) 30px;align-items:start;gap:11px;padding:13px 12px 13px 14px;animation:.22s cubic-bezier(.2,.8,.2,1) both toast-enter;display:grid;box-shadow:0 14px 38px #0000006b}.toast-indicator{background:#60a5fa;border-radius:999px;align-self:stretch;min-height:34px}.toast-success .toast-indicator{background:#4ade80}.toast-warning .toast-indicator{background:#fbbf24}.toast-error .toast-indicator{background:#fb7185}.toast-content{min-width:0}.toast-content strong{color:#a1a1aa;letter-spacing:.1em;text-transform:uppercase;margin:1px 0 4px;font-size:10px;display:block}.toast-content p{color:#f4f4f5;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.45}.toast-dismiss{color:#a1a1aa;background:0 0;border:0;border-radius:50%;flex:0 0 44px;justify-content:center;align-self:start;align-items:center;width:44px;min-width:44px;height:44px;padding:6px;display:inline-flex}.toast-dismiss:hover{color:#fafafa;background:#27272a}.toast-dismiss:focus-visible{outline-offset:1px;outline:2px solid #d4d4d8}.toast-dismiss svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:16px;height:16px}@keyframes toast-enter{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.toast-region{inset:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) auto max(10px, env(safe-area-inset-left));width:auto;max-width:none;margin:0}.toast{grid-template-columns:4px minmax(0,1fr) 44px;padding:12px 8px 12px 12px}.toast-content p{font-size:14px}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.app-shell{grid-template-rows:max-content max-content 360px max-content max-content}.settings-section{border-top:1px solid #27272a;margin-top:0;padding-top:0}@media (width<=600px){.report-heading{flex-direction:column;align-items:stretch;gap:16px}.report-controls{align-items:stretch;width:100%}.report-view-controls{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.report-view-controls button{min-width:0}.week-controls{justify-content:space-between;width:100%}.modal:has(.settings-section){height:calc(100dvh - 48px);max-height:calc(100dvh - 48px)}.modal-backdrop{align-items:flex-start;padding:12px;overflow-y:auto}.modal:not(:has(.settings-section)){max-height:calc(100dvh - 24px);padding:20px;overflow-y:auto}.modal:not(:has(.settings-section)) label input{width:100%;min-width:0}.modal:not(:has(.settings-section)) .modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.modal:has(input[type=email]) .modal-actions{grid-template-rows:repeat(2,minmax(42px,auto));grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;align-items:stretch;display:grid!important}.modal:not(:has(.settings-section)) .modal-actions>span{display:none}.modal:not(:has(.settings-section)) .modal-actions>button{white-space:normal;flex:1 1 0;width:100%;min-width:0}.modal:has(input[type=email]) .modal-actions>button{height:100%}.modal:has(input[type=email]) .modal-actions>.account-cancel-inline{grid-area:2/1}.modal:has(input[type=email]) .modal-actions>.primary{grid-area:2/2}.profile-sync-card,.remote-timer-banner{flex-direction:column;align-items:stretch}.timer-conflict-actions{flex-direction:column;align-items:stretch;width:100%}.timer-conflict-actions button,.timer-recovery-actions button{width:100%}.timer-recovery-actions{flex-direction:column;align-items:stretch;width:100%}.update-banner{flex-direction:column;align-items:stretch}}.chart-total-hours,.chart-total-mobile-hours{display:none}.focus-chart:focus,.focus-chart svg:focus,.focus-chart svg :focus{outline:none}.task-panel-actions{gap:8px;display:flex}.task-panel-actions svg,.task-search svg{width:16px;height:16px}.task-search{z-index:4;background:#09090b;border:1px solid #3f3f46;border-radius:8px;align-items:center;gap:8px;max-width:100%;margin:24px 0 0;padding:8px 10px;display:flex;position:relative}.task-search input{box-shadow:none;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0}.task-search-clear{color:#a1a1aa;background:0 0;border:0;flex:none;align-items:center;padding:0;display:flex}.task-search-clear:hover{color:#fafafa}.task-search-clear svg{width:15px;height:15px}.task-panel-actions button{position:relative}.task-panel-actions button:hover:after{color:#fafafa;content:attr(aria-label);pointer-events:none;white-space:nowrap;z-index:5;background:#27272a;border:1px solid #3f3f46;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:500;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}html{scrollbar-color:#3f3f46 #09090b;scrollbar-width:thin}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:#09090b}html::-webkit-scrollbar-thumb{background:#3f3f46;border:2px solid #09090b;border-radius:999px}.topbar{margin-bottom:17px}.data-file-input{display:none}.data-backup-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.modal:has(.settings-section){grid-template-rows:minmax(0,1fr) auto;gap:0;max-height:calc(100vh - 40px);padding:0;overflow:hidden}.settings-modal-content{scrollbar-color:#3f3f46 #18181b;scrollbar-gutter:stable;min-height:0;margin:4px 4px 0 0;padding:28px;overflow:hidden auto}.settings-storage-sync-slot{margin:24px 0}.settings-storage-sync-slot:empty{display:none}.settings-privacy-notice{color:#a1a1aa;background:#09090b;border:1px solid #27272a;border-radius:8px;margin:0 0 22px;padding:10px 12px;font-size:12px;line-height:1.5;display:block}.settings-modal-content::-webkit-scrollbar{width:12px}.settings-modal-content::-webkit-scrollbar-track{background:#18181b}.settings-modal-content::-webkit-scrollbar-thumb{background:#3f3f46;border:1px solid #18181b;border-radius:999px}.platform-ios .ios-settings-modal{border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:100dvh}.ios-settings-signout{border-top:1px solid #3f3f46;margin-top:28px;padding-top:20px}.ios-settings-signout button{color:#fda4af;width:100%;min-height:48px}.modal:has(.settings-section)>.modal-actions{z-index:2;background:#18181b;border-top:1px solid #27272a;margin:0;padding:16px 28px;position:relative}@media (width<=1160px){.yearly-focus-chart .chart-total-full{display:none}.yearly-focus-chart .chart-total-hours{display:inline}}@media (width<=600px){.yearly-focus-chart .chart-total-hours{display:none}.yearly-focus-chart .chart-total-mobile-hours{display:inline}.yearly-focus-chart .chart-total-labels span,.yearly-focus-chart .recharts-xAxis .recharts-cartesian-axis-tick text{font-size:10px}.yearly-focus-chart .chart-total-labels>span>.chart-total-mobile-hours{letter-spacing:-.03em;font-size:9px}}@media (width<=380px){.yearly-focus-chart .chart-total-labels span{font-size:8px}.yearly-focus-chart .recharts-xAxis .recharts-cartesian-axis-tick text{font-size:9px}}@media (width<=960px){.app-shell{display:block}.dashboard-grid{grid-template-columns:1fr;display:grid}.timer-card,.tasks-panel,.report-panel,.task-goals-panel,.history-panel{grid-area:auto}.timer-card{height:auto;min-height:300px}.tasks-panel{max-height:none;overflow:visible}}.tasks-panel{scrollbar-color:#3f3f46 #09090b;scrollbar-width:thin}.tasks-panel::-webkit-scrollbar{width:8px}.tasks-panel::-webkit-scrollbar-track{background:#09090b}.tasks-panel::-webkit-scrollbar-thumb{background:#3f3f46;border:2px solid #09090b;border-radius:999px}.tasks-panel .panel-heading{z-index:3;background:#18181b;margin:-26px -26px 0;padding:26px 26px 8px;position:sticky;top:0}.tasks-panel .panel-heading:before{content:"";background:#18181b;height:26px;position:absolute;inset:-26px 0 auto}.tasks-panel .task-list{margin-top:32px;padding-top:0;padding-bottom:0}.task-search+.task-list{margin-top:8px;padding-top:0}.tasks-panel{flex-direction:column;max-height:calc(100vh - 96px);display:flex;overflow:hidden}.tasks-panel .task-list{scrollbar-color:#3f3f46 #09090b;scrollbar-width:thin;align-content:start;min-height:0;margin-right:-18px;padding-right:18px;overflow-y:auto}.tasks-panel .task-list::-webkit-scrollbar{width:8px}.tasks-panel .task-list::-webkit-scrollbar-track{background:#09090b}.tasks-panel .task-list::-webkit-scrollbar-thumb{background:#3f3f46;border:2px solid #09090b;border-radius:999px}.tasks-panel>.task-search{box-sizing:border-box;z-index:2;flex:none;margin-bottom:16px;position:relative}.tasks-panel>.task-search+.task-list{z-index:1;flex:auto;min-height:0;margin-top:0;position:relative}@media (width<=960px){.tasks-panel{flex-direction:column;max-height:max(280px,100vh - 360px);display:flex;overflow:hidden}.tasks-panel .task-list{max-height:none;margin-right:0;padding-right:0;overflow-y:auto}.tasks-panel{max-height:max(560px,100vh - 180px)}.tasks-panel>.task-search{z-index:2;background:#09090b;width:100%;margin:40px auto 16px;padding:8px 10px;position:relative}}.history-toggle{color:#a1a1aa;background:0 0;border:0;margin-top:10px;padding:4px 0;font-size:12px}.history-toggle:hover{color:#fafafa}.history-list.expanded{scrollbar-color:#3f3f46 #09090b;scrollbar-width:thin;max-height:300px;overflow-y:auto}.history-list.expanded::-webkit-scrollbar{width:8px}.history-list.expanded::-webkit-scrollbar-track{background:#09090b}.history-list.expanded::-webkit-scrollbar-thumb{background:#3f3f46;border:2px solid #09090b;border-radius:999px}.history-panel .history-list{scrollbar-color:#3f3f46 #09090b;scrollbar-width:thin;max-height:236px;overflow-y:auto}.history-panel .history-list::-webkit-scrollbar{width:8px}.history-panel .history-list::-webkit-scrollbar-track{background:#09090b}.history-panel .history-list::-webkit-scrollbar-thumb{background:#3f3f46;border:2px solid #09090b;border-radius:999px}.report-panel{align-self:start;height:fit-content;margin-top:0}.history-panel{align-self:start;margin-top:0}.active-task-row{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;margin-top:20px;display:flex}.active-task-row .active-task{min-width:0;margin-top:0}.timer-status-pill{color:#d4d4d8;background:#09090b;border:1px solid #3f3f46;border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 7px;font-size:10px;font-weight:600;display:inline-flex}.timer-status-pill .timer-status-dot{display:none!important}.timer-status-dot{background:#a1a1aa;border-radius:50%;width:6px;height:6px;display:inline-block}.timer-status-pill.running{color:#bbf7d0;border-color:#166534}.timer-status-pill.running .timer-status-dot{background:#22c55e;box-shadow:0 0 0 3px #22c55e24}.timer-status-pill.paused{color:#fed7aa;border-color:#9a3412}.timer-status-pill.paused .timer-status-dot{background:#fdba74}.timer-status-pill.break{color:#dbeafe;border-color:#1d4ed8}.timer-status-pill.break .timer-status-dot{background:#2563eb}@media (width>=961px){.app-shell{grid-template-rows:max-content max-content 470px minmax(285px,max-content) max-content max-content}.report-panel{height:285px}.tasks-panel{align-self:stretch;height:auto;max-height:none}.app-shell:not(.platform-ios) .history-panel .history-list{max-height:none;overflow:visible}.app-shell:not(.platform-ios) .history-list>.history-row:nth-child(n+5){display:none}.app-shell:not(.platform-ios) .tasks-panel{contain:size}.tasks-panel>.task-search{margin-top:32px}.timer-card{height:470px;min-height:470px}.timer-display-wrap{align-self:stretch;justify-items:center;width:100%;display:grid;position:relative}.timer-display{font-size:clamp(80px,14vw,140px)}.timer-display-wrap .timer-display{text-align:center;margin-left:0;margin-right:0}.timer-display-wrap .visibility-button{position:absolute;top:50%;right:0;transform:translateY(-50%)}}@media (width<=960px){.remote-timer-banner{margin-bottom:18px}.report-panel,.task-goals-panel,.history-panel,.platform-ios .report-surface{margin-top:18px}}@media (width>=961px) and (width<=1160px){.timer-display-wrap{justify-content:flex-start;align-self:flex-start}.timer-display{font-size:clamp(54px,9vw,88px)}.timer-display-wrap .timer-display{text-align:left}}@media (width<=600px){.history-row{flex-wrap:wrap;align-items:flex-start}.history-row-actions{justify-content:flex-end;width:100%;padding-left:20px}.history-row-actions .edit-button,.history-row-actions .trash-button{min-width:40px;min-height:40px}.history-action-tooltip{white-space:normal;max-width:min(250px,100vw - 48px)}.session-form-mode-options{grid-template-columns:1fr}.session-form-mode-option{text-align:left;justify-content:flex-start}.session-form-timing-fields{grid-template-columns:1fr}.session-form-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}.session-form-actions .session-form-delete{grid-column:1/-1;width:100%;margin:0}}.session-form-mode-option{white-space:nowrap;min-width:0;position:relative;display:flex!important}.session-form-mode-option input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.session-form-mode-option:focus-within{outline-offset:1px;outline:2px solid #a1a1aa}.session-form-actions{justify-content:flex-end}@media (width<=600px){.session-form-mode-option{white-space:normal}}.add-session-button{position:relative}.add-session-button:hover:after,.add-session-button:focus-visible:after{color:#fafafa;content:attr(data-tooltip);pointer-events:none;white-space:nowrap;z-index:6;background:#27272a;border:1px solid #3f3f46;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:500;position:absolute;top:calc(100% + 8px);right:0}html:has(.platform-ios){width:100%;max-width:100%;overflow-x:clip}body:has(.platform-ios){width:100%;max-width:100%;overflow-x:clip}#root:has(.platform-ios){width:100%;max-width:100%;overflow-x:clip}.platform-ios{overscroll-behavior-x:none;min-width:0;max-width:100vw;padding:max(64px, calc(env(safe-area-inset-top) + 20px)) max(16px, env(safe-area-inset-right)) max(88px, calc(env(safe-area-inset-bottom) + 72px)) max(16px, env(safe-area-inset-left));width:100%;display:block;overflow-x:hidden}.platform-ios.ios-native-tab-visible{padding-bottom:calc(var(--native-tab-bar-height,82px) + 16px)}.platform-ios>*,.platform-ios .panel,.platform-ios .dashboard-grid,.platform-ios .focus-chart,.platform-ios .recharts-responsive-container{min-width:0;max-width:100%}.platform-ios .topbar{margin-bottom:16px}.platform-ios .topbar h1{font-size:22px}.platform-ios .topbar .tagline,.platform-ios:not(.ios-tab-timer) .topbar,.platform-ios .topbar-actions{display:none}.platform-ios .dashboard-grid{background:0 0;grid-template-columns:minmax(0,1fr);gap:18px;display:grid;overflow:visible}.platform-ios .dashboard-grid>.panel{border-radius:14px;box-shadow:0 20px 60px #0003}.platform-ios .timer-card{height:auto;min-height:320px}.platform-ios .tasks-panel{max-height:none;overflow:hidden}.platform-ios .tasks-panel .panel-heading{background:0 0;margin:0;padding:0;position:static}.platform-ios .tasks-panel .panel-heading:before{display:none}.platform-ios .tasks-panel .task-list{max-height:none;overflow:visible}.platform-ios.ios-tab-timer .report-panel,.platform-ios.ios-tab-timer .report-surface,.platform-ios.ios-tab-profile .report-surface{display:none}.platform-ios.ios-tab-charts .report-surface{margin-top:0}.platform-ios.ios-tab-charts .dashboard-grid{display:none}.platform-ios.ios-tab-charts .report-panel{margin-top:0}.ios-report-summary{display:none}.platform-ios .ios-report-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.ios-report-summary>div{background:#09090b;border:1px solid #27272a;border-radius:11px;gap:5px;min-width:0;padding:14px;display:grid}.ios-report-summary span{color:#a1a1aa;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.ios-report-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.ios-report-summary small{color:#a1a1aa;font-size:12px;font-weight:500}.platform-ios .task-goals-panel{margin-top:16px}.task-goals-panel h2{margin:6px 0 16px}.task-goals-panel>.muted{line-height:1.5}.task-goals-list{display:grid}.task-goal-row{border:1px solid #0000;border-top-color:#3f3f46;border-radius:10px;gap:10px;margin:0 -10px;padding:15px 10px;display:grid}.task-goal-row-met{background:color-mix(in srgb, var(--goal-color) 7%, #18181b);border-color:color-mix(in srgb, var(--goal-color) 34%, #27272a);box-shadow:inset 2px 0 0 var(--goal-color)}.task-goal-row-newly-met{animation:.55s ease-out both task-goal-met-enter}@keyframes task-goal-met-enter{0%{background:0 0;border-color:#0000;box-shadow:inset 0 0 #0000}to{background:color-mix(in srgb, var(--goal-color) 7%, #18181b);border-color:color-mix(in srgb, var(--goal-color) 34%, #27272a);box-shadow:inset 2px 0 0 var(--goal-color)}}@media (prefers-reduced-motion:reduce){.task-goal-row-newly-met{animation:none}}.task-goal-heading{align-items:center;gap:9px;min-width:0;display:flex}.task-goal-heading strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.task-goal-heading .edit-button{flex:none;min-height:44px;font-size:12px}.task-goal-track{background:#3f3f46;border-radius:999px;height:8px;overflow:hidden}.task-goal-track span{border-radius:inherit;height:100%;display:block}.task-goal-amount{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;font-size:13px;font-weight:700;display:flex}.task-goal-duration>span,.task-goal-unset,.task-goals-footnote{color:#a1a1aa;font-size:12px;font-weight:500}.task-goal-met-label{color:color-mix(in srgb, var(--goal-color) 65%, #fafafa);white-space:nowrap;font-size:12px;font-weight:700}.task-goal-unset{margin:-3px 0 0 19px}.task-goals-footnote{margin:5px 0 0;line-height:1.45}.task-goals-empty .muted{line-height:1.5}.task-goals-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.task-goals-title-row h2{min-width:0;margin:0}.task-goals-title-row .secondary{flex:none;min-height:44px}.task-goal-heading strong{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;overflow:visible}.goal-editor{max-height:min(86dvh,760px);padding:0;overflow:hidden}.goal-editor-header{border-bottom:1px solid #27272a;gap:6px;padding:24px 24px 18px;display:grid}.goal-editor-header h2,.goal-editor-header p{margin:0}.goal-editor-header p{line-height:1.45}.goal-editor-content{min-height:0;padding:8px 24px 20px;overflow-y:auto}.goal-editor-group h3{color:#a1a1aa;letter-spacing:.08em;text-transform:uppercase;margin:17px 0 4px;font-size:12px}.goal-editor-task{border-bottom:1px solid #27272a;gap:12px;padding:14px 0;display:grid}.goal-editor-task-name{align-items:start;gap:10px;min-width:0;display:flex}.goal-editor-task-name .task-dot{margin-top:5px}.goal-editor-task-name strong{overflow-wrap:anywhere;min-width:0;line-height:1.4}.goal-editor-task-controls,.goal-editor-available{justify-content:space-between;align-items:end;gap:12px;display:flex}.goal-editor-task-controls label{flex:1;min-width:0}.goal-editor-task-controls input{width:100%}.goal-editor-task-controls .edit-button{color:#fda4af;flex:none;min-height:44px}.goal-editor-available{align-items:center}.goal-editor-available .secondary{flex:none;min-height:44px}.goal-editor-actions{border-top:1px solid #27272a;margin:0;padding:16px 24px}.session-form-danger-zone{display:none}.platform-ios .session-form-danger-zone{border-top:1px solid #3f3f46;gap:4px;margin-top:14px;padding:24px 0 6px;display:grid}.platform-ios .session-form-danger-zone p{margin:0;font-size:12px;line-height:1.4}.platform-ios .session-form-danger-zone button{justify-self:start;min-height:44px}.platform-ios .session-form-actions .session-form-delete{display:none}.platform-ios .ios-report-summary strong{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;line-height:1.35;overflow:visible}.platform-ios.ios-tab-charts .history-panel,.platform-ios.ios-tab-profile .dashboard-grid,.platform-ios.ios-tab-profile .report-panel,.platform-ios.ios-tab-profile .history-panel{display:none}.platform-ios.ios-tab-timer .dashboard-grid,.platform-ios.ios-tab-timer .history-panel,.platform-ios.ios-tab-charts .report-panel,.platform-ios.ios-tab-profile .ios-profile-surface{animation:.24s cubic-bezier(.2,.78,.24,1) both ios-tab-enter}@keyframes ios-tab-enter{0%{opacity:0;transform:translateY(7px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}.platform-ios input,.platform-ios textarea,.platform-ios select{max-width:100%;font-size:16px}.platform-ios .modal-backdrop{padding-bottom:max(12px, env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));padding-top:max(12px, env(safe-area-inset-top));overflow-x:hidden}.platform-ios .modal{max-width:calc(100vw - max(24px, env(safe-area-inset-left) + env(safe-area-inset-right)));overflow-x:hidden}.platform-ios .modal:has(.settings-section){max-height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)))}.platform-ios .modal-backdrop:has(.ios-settings-modal){padding:0}.platform-ios .modal.ios-settings-modal{max-height:100dvh}.platform-ios .session-form-backdrop{overscroll-behavior:none;align-items:stretch;overflow:hidden}.platform-ios .session-form{grid-template-rows:auto minmax(0,1fr) auto;gap:0;height:100%;min-height:0;max-height:100%;padding:0;overflow:hidden}.platform-ios .session-form-header{border-bottom:1px solid #27272a;gap:6px;padding:22px 20px 16px}.platform-ios .session-form-content{overscroll-behavior:contain;scrollbar-color:#3f3f46 #18181b;min-height:0;padding:20px;overflow:hidden auto}.platform-ios .session-form-actions{z-index:2;background:#18181b;border-top:1px solid #27272a;margin:0;padding:16px 20px;position:relative}.ios-profile-surface{width:100%;min-width:0;max-width:100%;margin:0}.platform-ios .ios-profile-content{gap:12px;width:100%;max-width:none;max-height:none;padding:18px;overflow:visible}.ios-profile-settings-button{text-align:left;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-height:58px;padding:11px 14px;display:flex}.ios-profile-settings-button>span{gap:3px;min-width:0;display:grid}.ios-profile-settings-button strong{color:#fafafa}.ios-profile-settings-button small{color:#a1a1aa;white-space:normal;font-size:12px;font-weight:500;line-height:1.35}.ios-profile-settings-button svg{flex:0 0 21px;width:21px;height:21px}.ios-profile-content .ios-profile-done{display:none}.ios-profile-content .modal-actions:has(.ios-profile-done)>span{display:none}.ios-profile-content .modal-actions:has(.ios-profile-done)>.secondary{width:100%}.ios-profile-navigation{gap:12px;margin-top:6px;display:grid}.ios-profile-navigation section{gap:8px;display:grid}.ios-profile-navigation .ios-profile-settings-button{background:#09090b;border-color:#3f3f46}.ios-profile-back{color:#fafafa;text-align:left;background:0 0;border:0;min-height:44px;margin:-8px 0 12px;padding:0;font-size:16px}.ios-profile-account-management{background:#09090b;border:1px solid #3f3f46;border-radius:12px;gap:14px;margin-top:12px;padding:16px;display:grid}.ios-profile-account-management p{margin:0;font-size:12px;line-height:1.5}.ios-profile-delete{color:#fda4af;background:0 0;border-color:#7f1d1d;width:100%;min-height:44px}.ios-profile-delete:hover{background:#3f1d24}.platform-ios.ios-tab-profile{background:#09090b;min-height:100dvh}.platform-ios .ios-profile-surface{max-width:560px;margin:0 auto;padding:0 2px}.ios-profile-header{margin:0 0 26px}.ios-profile-header h1{letter-spacing:-.045em;font-size:34px;font-weight:700;line-height:1.1}.ios-profile-identity{align-items:center;gap:15px;min-width:0;padding:0 2px;display:flex}.ios-profile-avatar{color:#fafafa;background:#27272a;border:1px solid #3f3f46;border-radius:50%;flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;font-size:24px;font-weight:600;display:inline-flex}.ios-profile-identity>div{min-width:0}.ios-profile-identity h2{letter-spacing:-.025em;margin:0 0 3px;font-size:20px}.ios-profile-identity p{color:#a1a1aa;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.4}.ios-profile-signin{width:100%;min-height:50px;margin-top:22px;font-size:16px}.ios-profile-groups{gap:22px;margin-top:30px;display:grid}.ios-profile-group-block{gap:8px;display:grid}.ios-profile-group-block h3{color:#a1a1aa;letter-spacing:.01em;margin:0 0 0 14px;font-size:12px;font-weight:500}.ios-profile-group{background:#1c1c1e;border:1px solid #303034;border-radius:13px;overflow:hidden}.ios-profile-row{color:#fafafa;text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:13px;width:100%;min-height:62px;padding:12px 15px;font-size:16px;font-weight:400;display:flex}.ios-profile-row:active{background:#303034;transform:none}.ios-profile-row+.ios-profile-row{border-top:1px solid #303034}.ios-profile-row-copy{flex:1;gap:3px;min-width:0;display:grid}.ios-profile-row-copy strong{font-size:16px;font-weight:600}.ios-profile-row-copy small{color:#a1a1aa;overflow-wrap:anywhere;font-size:12px;line-height:1.35}.ios-profile-chevron{color:#85858b;flex:0 0 8px;width:8px;height:14px;margin-left:auto}.ios-profile-signout-group{margin-top:10px}.ios-profile-signout{color:#fda4af;justify-content:center;min-height:50px}.ios-profile-admin{margin-top:-6px}.ios-profile-links{color:#85858b;flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0 0;font-size:12px;line-height:1.5;display:flex}.ios-profile-links a{color:#fafafa;text-underline-offset:2px;text-decoration:underline}.platform-ios .ios-profile-auth-sheet{box-shadow:none;border:0;border-radius:0}.ios-profile-auth-close{color:#fafafa;text-align:left;background:0 0;border:0;place-self:start;min-height:44px;padding:0;font-size:16px;font-weight:500}.ios-profile-auth-sheet>.section-label{display:none}.ios-profile-auth-sheet>h2{margin:18px 0 4px;font-size:30px}.platform-ios .ios-profile-auth-sheet:has(input[type=email]):has(input[type=password]) .modal-actions>.primary{grid-area:2/1/auto/-1;width:100%;min-height:50px}.ios-tab-bar{-webkit-backdrop-filter:saturate(170%)blur(28px);backdrop-filter:saturate(170%)blur(28px);bottom:max(6px, env(safe-area-inset-bottom));z-index:9;background:linear-gradient(145deg,#3f3f466b,#18181b57);border:1px solid #ffffff26;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(276px,100vw - 32px);padding:4px;transition:opacity .18s,transform .18s;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #00000061,inset 0 1px #ffffff24,inset 0 -1px #ffffff08}.ios-tab-bar:before{border-radius:inherit;content:"";pointer-events:none;background:radial-gradient(circle at 35% 0,#ffffff1f,#0000 50%);position:absolute;inset:0}.ios-tab-selection{pointer-events:none;z-index:0;background:linear-gradient(145deg,#fff3,#ffffff14);border-radius:999px;width:calc(33.3333% - 5.33333px);transition:transform .42s cubic-bezier(.18,1.28,.28,1),background .2s;position:absolute;top:4px;bottom:4px;left:4px;transform:translate(0);box-shadow:inset 0 1px #ffffff24,0 4px 12px #00000029}.ios-tab-bar-timer .ios-tab-selection{transform:translate(calc(100% + 4px))}.ios-tab-bar-profile .ios-tab-selection{transform:translate(calc(200% + 8px))}.ios-tab-bar button{color:#a1a1aa;z-index:1;background:0 0;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:52px;padding:4px 8px;font-size:9px;display:flex;position:relative}.ios-tab-bar button:active{transform:scale(.96)}.ios-tab-bar button.ios-tab-active{color:#fafafa}.ios-tab-bar svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:24px;height:24px}.ios-tab-bar span{line-height:1}.ios-tab-bar-classic{-webkit-backdrop-filter:none;backdrop-filter:none;background:#18181b;border-color:#3f3f46;box-shadow:0 10px 28px #00000059}.ios-tab-bar-classic:before{display:none}.ios-tab-bar-classic .ios-tab-selection{box-shadow:none;background:#3f3f46}.platform-ios:has(input:focus,textarea:focus,select:focus) .ios-tab-bar{opacity:0;pointer-events:none;transform:translate(-50%,18px)scale(.97)}.stripe-sync-modal-heading .stripe-sync-icon-button{flex:0 0 44px;width:44px;min-width:44px;height:44px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ios-tab-bar{background:#27272a;border-color:#52525b;box-shadow:0 10px 28px #0000006b}.ios-tab-bar:before{display:none}}@media (prefers-reduced-transparency:reduce){.ios-tab-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#27272a;border-color:#52525b}.ios-tab-bar:before{display:none}}@media (prefers-reduced-motion:reduce){.ios-tab-bar button,.ios-tab-selection{transition:none}.platform-ios{scroll-behavior:auto}.platform-ios.ios-tab-timer .dashboard-grid,.platform-ios.ios-tab-timer .history-panel,.platform-ios.ios-tab-charts .report-panel,.platform-ios.ios-tab-profile .ios-profile-surface{animation:none}}.archived-task-actions{gap:14px;min-width:148px}.archived-task-delete{margin-left:auto}.archived-task-actions .trash-button,.ios-sheet-task-actions .trash-button{justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:inline-flex}.platform-ios.ios-tab-timer .tasks-panel{display:none}.platform-ios.ios-tab-timer .dashboard-grid{display:block}.platform-ios.ios-tab-timer .timer-card{min-height:276px;padding:20px}.platform-ios.ios-tab-timer .timer-display{margin:15px 0 18px;font-size:clamp(52px,17vw,76px)}.platform-ios.ios-tab-timer .timer-display-wrap{grid-template-columns:minmax(0,1fr) 32px;gap:6px;width:100%;min-width:0;display:grid}.platform-ios.ios-tab-timer .timer-display{white-space:nowrap;min-width:0;font-size:clamp(38px,12vw,60px)}.platform-ios.ios-tab-timer .visibility-button{flex:none;justify-self:end}.platform-ios.ios-tab-timer .active-task-row{margin-top:12px}.platform-ios.ios-tab-timer .history-panel{margin-top:14px;padding:17px 18px}.platform-ios.ios-tab-timer .history-heading{margin-bottom:10px}.platform-ios.ios-tab-timer .history-heading h2{font-size:18px}.platform-ios.ios-tab-timer .history-list{max-height:none;overflow:visible}.history-heading-actions{align-items:center;gap:8px;display:flex}.ios-task-picker-trigger{color:#fafafa;background:#09090b;border:1px solid #3f3f46;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:50px;margin-top:18px;padding:12px 15px;font-size:15px;display:flex}.ios-task-picker-trigger:active{background:#27272a;transform:scale(.99)}.ios-sheet-backdrop{background:rgba(0,0,0,calc(.52 * var(--drawer-progress,1)));transition:background-color var(--drawer-transition,.34s) ease;z-index:40;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.ios-bottom-sheet{max-height:min(78dvh,680px);padding:8px max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));will-change:transform;background:#18181bfa;border:1px solid #ffffff21;border-bottom:0;border-radius:22px 22px 0 0;grid-template-rows:auto auto auto minmax(0,1fr);width:100%;display:grid;overflow:hidden;box-shadow:0 -20px 60px #00000073}.ios-sheet-handle{touch-action:none;background:0 0;border:0;place-items:center;width:100%;height:28px;margin:-8px 0 0;padding:0;display:grid}.ios-sheet-handle:before{content:"";background:#71717a;border-radius:999px;width:38px;height:5px}.ios-sheet-handle:active:before{background:#a1a1aa}.ios-sheet-heading{grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;min-height:44px;display:grid}.ios-sheet-heading h2{text-align:center;margin:0;font-size:17px}.ios-sheet-close,.ios-sheet-add{color:#fafafa;background:0 0;border:0;min-height:44px;padding:0}.ios-sheet-close{justify-self:start}.ios-sheet-add{justify-self:end}.ios-sheet-tools{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px 0 12px;display:grid}.ios-task-search{background:#09090b;border:1px solid #3f3f46;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.ios-task-search svg{width:16px;height:16px}.ios-task-search input{background:0 0;border:0;width:100%;min-width:0;padding:0}.ios-sheet-list{overscroll-behavior:contain;min-height:0;overflow:hidden auto}.ios-sheet-task{border-top:1px solid #27272a;align-items:center;gap:8px;min-height:58px;padding:7px 0;display:flex}.ios-sheet-task .task-select{flex:1;min-width:0}.ios-sheet-task-actions{flex:none;align-items:center;gap:8px;display:flex}.ios-history-drawer-backdrop{background:rgba(0,0,0,calc(.58 * var(--drawer-progress,1)));overscroll-behavior:contain;transition:background-color var(--drawer-transition,.34s) ease;z-index:40;align-items:flex-end;display:flex;position:fixed;inset:0}.goal-editor-drawer-backdrop{background:rgba(0,0,0,calc(.58 * var(--drawer-progress,1)));height:var(--dialog-viewport-height,100dvh);overscroll-behavior:contain;left:0;right:0;top:var(--dialog-viewport-top,0px);transition:background-color var(--drawer-transition,.34s) ease;z-index:40;align-items:flex-end;display:flex;position:fixed}.goal-editor-drawer{max-height:min(86dvh, calc(var(--dialog-viewport-height,100dvh) - max(12px, env(safe-area-inset-top))));background:#18181b;border:1px solid #3f3f46;border-bottom:0;border-radius:22px 22px 0 0;flex-direction:column;width:100%;min-height:0;padding-top:8px;display:flex;overflow:hidden;box-shadow:0 -20px 60px #00000080}.goal-editor-drawer .ios-history-drawer-handle{margin-bottom:0}.goal-editor-drawer-form{flex-direction:column;flex:1;min-height:0;display:flex}.goal-editor-drawer-form .goal-editor-header{padding-top:6px}.goal-editor-drawer-form .goal-editor-content{flex:1}.goal-editor-drawer-form .goal-editor-actions{padding-bottom:max(20px, calc(env(safe-area-inset-bottom) + 8px))}.ios-history-drawer{min-height:0;max-height:82dvh;padding:8px max(18px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));background:#18181b;border:1px solid #3f3f46;border-bottom:0;border-radius:22px 22px 0 0;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 -20px 60px #00000080}.ios-history-drawer-handle{touch-action:none;background:0 0;border:0;flex:0 0 28px;justify-content:center;align-items:center;width:100%;margin:-8px 0 7px;padding:0;display:flex}.ios-history-drawer-handle:before{content:"";background:#71717a;border-radius:999px;width:38px;height:5px}.ios-history-drawer-handle:active:before{background:#a1a1aa}[data-drawer-drag]{touch-action:none}.ios-history-drawer .history-heading{flex:none;margin-bottom:8px}.ios-history-drawer-done{color:#fafafa;background:0 0;border:0;min-height:44px;padding:0 4px}.platform-ios .ios-history-drawer .history-list{overscroll-behavior:contain;flex:auto;min-height:0;max-height:none;padding-bottom:8px;overflow:hidden auto}.ios-sheet-list,.platform-ios .ios-history-drawer .history-list,.goal-editor-drawer-form .goal-editor-content{overscroll-behavior-y:none}.platform-ios .ios-feedback-region{inset:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) auto max(12px, env(safe-area-inset-left));max-width:none}.platform-ios .ios-feedback-region .toast{-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:#27272ad1;border-color:#ffffff24;border-radius:14px;box-shadow:0 10px 28px #0000004d}.platform-ios .ios-feedback-region .toast:not(:last-child){display:none}.platform-ios .ios-feedback-region .toast-content strong{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.platform-ios .ios-feedback-region .toast-content p{font-size:14px}.platform-ios .ios-profile-content .modal-actions{align-items:stretch;gap:10px;grid-template-columns:minmax(0,1fr)!important;display:grid!important}.platform-ios .ios-profile-content .modal-actions>span{display:none}.platform-ios .ios-profile-content .modal-actions>button{width:100%;min-height:48px}.focus-complete-actions,.end-break-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.focus-complete-actions>button,.end-break-actions>button{white-space:normal;width:100%;min-width:0;min-height:44px}.platform-ios .modal:not(:has(.settings-section)) .break-complete-actions{grid-template-columns:minmax(0,1fr);display:grid}.platform-ios .break-complete-actions>button{width:100%;min-height:48px}@media (width<=600px){.timer-display-wrap{grid-template-columns:minmax(0,1fr) 32px;gap:6px;width:100%;min-width:0;display:grid}.timer-display{white-space:nowrap;min-width:0;font-size:clamp(38px,12vw,60px)}.visibility-button{justify-self:end}.session-form-backdrop{overscroll-behavior:none;align-items:stretch;overflow:hidden}.session-form{grid-template-rows:auto minmax(0,1fr) auto;gap:0;height:100%;min-height:0;max-height:100%;padding:0;overflow:hidden}.session-form-header{border-bottom:1px solid #27272a;gap:6px;padding:22px 20px 16px}.session-form-content{overscroll-behavior:contain;min-height:0;padding:20px;overflow:hidden auto}.session-form-actions{background:#18181b;border-top:1px solid #27272a;margin:0;padding:16px 20px}}@media (height<=700px){.platform-ios.ios-tab-timer .timer-card{min-height:248px}.platform-ios.ios-tab-timer .timer-display{margin:10px 0 12px;font-size:clamp(38px,12vw,60px)}.platform-ios.ios-tab-timer .history-panel{padding-block:14px}}@media (prefers-reduced-motion:reduce){.ios-bottom-sheet{animation:none}}.oauth-actions{gap:.65rem;margin:1rem 0 .75rem;display:grid}.oauth-button{font:inherit;border:1px solid #3f3f46;border-radius:.65rem;justify-content:center;align-items:center;gap:.65rem;min-height:44px;padding:.7rem 1rem;font-weight:650;display:flex}.oauth-button span{font-weight:800}.oauth-google{color:#202124;background:#fff}.oauth-apple{color:#fff;background:#000}.auth-divider{text-align:center}.live-activity-toggle{color:#a1a1aa;text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;min-height:44px;margin:-4px 0 12px;padding:0;font-size:12px;text-decoration:underline}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--dialog-height:calc(var(--dialog-viewport-height,100dvh) - max(12px, var(--safe-top)) - max(12px, var(--safe-bottom)))}.modal-backdrop,.platform-ios .modal-backdrop,.stripe-sync-modal-backdrop{top:var(--dialog-viewport-top,0px);height:var(--dialog-viewport-height,100dvh);padding:max(12px, var(--safe-top)) max(12px, var(--safe-right)) max(12px, var(--safe-bottom)) max(12px, var(--safe-left));bottom:auto;overflow:hidden}.modal,.stripe-sync-modal{max-height:var(--dialog-height)}.modal:not(:has(.settings-section)){max-height:var(--dialog-height)}.modal:has(.settings-section){max-height:var(--dialog-height)}.platform-ios .modal:has(.settings-section){max-height:var(--dialog-height)}:is(.modal:not(:has(.settings-section)),.stripe-sync-modal){overflow-y:auto}.modal.session-form,.platform-ios .modal.session-form{grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:0;overflow:hidden}.session-form-header{padding:22px 20px 16px}.session-form-content{min-height:0;padding:20px;overflow-y:auto}.session-form-actions{padding:16px 20px}.platform-ios .modal.ios-settings-modal{height:var(--dialog-viewport-height,100dvh);max-height:var(--dialog-viewport-height,100dvh);max-width:100%}.platform-ios .ios-settings-modal .settings-modal-content{padding:max(28px, var(--safe-top)) max(20px, var(--safe-right)) 24px max(20px, var(--safe-left))}.platform-ios .ios-settings-modal>.modal-actions{padding-bottom:max(20px, calc(var(--safe-bottom) + 8px));padding-left:max(16px, var(--safe-left));padding-right:max(16px, var(--safe-right))}.platform-ios .modal-backdrop:has(.ios-profile-auth-sheet){padding:0}.platform-ios .modal.ios-profile-auth-sheet{height:var(--dialog-viewport-height,100dvh);max-height:var(--dialog-viewport-height,100dvh);max-width:100%;padding:max(20px, var(--safe-top)) max(20px, var(--safe-right)) max(32px, var(--safe-bottom)) max(20px, var(--safe-left));background:#09090b;align-content:start;width:100vw;overflow-y:auto}.platform-ios:has(.ios-profile-auth-sheet) .ios-tab-bar{display:none}.platform-ios:has(.ios-profile-auth-sheet) .ios-profile-surface{animation:none}@media (width<=960px){.app-shell:not(.platform-ios){padding-top:max(28px, var(--safe-top));padding-right:max(16px, var(--safe-right));padding-bottom:max(48px, var(--safe-bottom));padding-left:max(16px, var(--safe-left))}input,textarea,select{font-size:16px}}.stripe-sync-card,.stripe-sync-modal{color:#fafafa;background:#18181b;border:1px solid #3f3f46;border-radius:14px}.stripe-sync-card{gap:12px;padding:18px;display:grid}.stripe-sync-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.stripe-sync-card h2,.stripe-sync-modal h2{letter-spacing:-.03em;margin:0;font-size:20px}.stripe-sync-eyebrow{color:#a1a1aa;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700}.stripe-sync-status{color:#d4d4d8;white-space:nowrap;background:#27272a;border:1px solid #52525b;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.stripe-sync-state-active .stripe-sync-status{color:#86efac}.stripe-sync-state-offline .stripe-sync-status,.stripe-sync-state-lapsed .stripe-sync-status{color:#fcd34d}.stripe-sync-description,.stripe-sync-modal p{color:#d4d4d8;margin:0;line-height:1.5}.stripe-sync-note,.stripe-sync-meta{color:#a1a1aa;margin:0;font-size:12px;line-height:1.5}.stripe-sync-card-actions,.stripe-sync-modal-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stripe-sync-card-actions{justify-content:flex-end}.stripe-sync-primary,.stripe-sync-secondary,.stripe-sync-danger,.stripe-sync-icon-button{cursor:pointer;font:inherit;border:1px solid #3f3f46;border-radius:8px;padding:10px 14px;font-weight:600}.stripe-sync-primary{color:#18181b;background:#fafafa}.stripe-sync-primary:hover{background:#e4e4e7}.stripe-sync-secondary,.stripe-sync-icon-button{color:#fafafa;background:#18181b}.stripe-sync-secondary:hover,.stripe-sync-icon-button:hover{background:#27272a}.stripe-sync-danger{color:#fecaca;background:#7f1d1d;border-color:#991b1b}.stripe-sync-danger:hover{background:#991b1b}.stripe-sync-danger-text{color:#fda4af;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:10px 0;font-size:12px;font-weight:600}.stripe-sync-danger-text:hover{text-decoration:underline}.stripe-sync-primary:focus-visible,.stripe-sync-secondary:focus-visible,.stripe-sync-danger:focus-visible,.stripe-sync-danger-text:focus-visible,.stripe-sync-icon-button:focus-visible{outline-offset:2px;outline:2px solid #a1a1aa}.stripe-sync-plans label:has(input:focus-visible){outline-offset:2px;outline:2px solid #a1a1aa}.stripe-sync-modal-backdrop{z-index:20;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.stripe-sync-modal{gap:18px;width:100%;max-width:520px;max-height:calc(100dvh - 40px);padding:26px;display:grid;overflow-y:auto;box-shadow:0 24px 80px #00000080}.stripe-sync-modal-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.stripe-sync-modal-heading p{margin-top:7px;font-size:13px}.stripe-sync-icon-button{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:20px;line-height:1;display:inline-flex}.stripe-sync-benefits{color:#d4d4d8;gap:10px;margin:0;padding-left:20px;line-height:1.5;display:grid}.stripe-sync-plans{border:0;gap:8px;margin:0;padding:0;display:grid}.stripe-sync-plans legend{color:#a1a1aa;margin-bottom:2px;font-size:12px;font-weight:700}.stripe-sync-plans label{cursor:pointer;background:#09090b;border:1px solid #3f3f46;border-radius:9px;align-items:center;gap:12px;padding:12px;display:flex}.stripe-sync-plans label.selected{background:#27272a;border-color:#a1a1aa}.stripe-sync-plans input{accent-color:#fafafa;margin:0}.stripe-sync-plans span{gap:3px;display:grid}.stripe-sync-plans small{color:#a1a1aa;font-size:12px}.stripe-sync-preview{background:#09090b;border:1px solid #3f3f46;border-radius:10px;gap:8px;padding:14px;display:grid}.stripe-sync-preview p{font-size:13px}.stripe-sync-preview dl{border-top:1px solid #27272a;gap:8px;margin:4px 0 0;padding-top:10px;display:grid}.stripe-sync-preview dl div{justify-content:space-between;align-items:center;display:flex}.stripe-sync-preview dt{color:#a1a1aa;font-size:12px}.stripe-sync-preview dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.stripe-sync-warning{color:#fecdd3;background:#3f1d24;border:1px solid #7f1d1d;border-radius:9px;gap:8px;padding:14px;display:grid}.stripe-sync-warning p{color:#fecdd3;font-size:13px}.stripe-sync-setup-actions{align-items:flex-start;display:grid}.stripe-sync-setup-actions .stripe-sync-primary{width:100%}@media (width<=600px){.stripe-sync-modal-backdrop{align-items:flex-start;padding:12px}.stripe-sync-modal{max-height:calc(100dvh - 24px);padding:20px}.stripe-sync-card-heading{gap:10px;display:grid}.stripe-sync-status{justify-self:start}.stripe-sync-card-actions{justify-content:stretch}.stripe-sync-card-actions button{flex:1}.stripe-sync-modal-actions{align-items:stretch;display:grid}.stripe-sync-modal-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.stripe-sync-modal-backdrop,.stripe-sync-modal{scroll-behavior:auto;transition:none;animation:none}}.platform-ios .ios-settings-modal{box-shadow:none;background:#000;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);gap:0}.platform-ios .ios-settings-navigation{min-height:calc(54px + max(12px, var(--safe-top)));padding:max(12px, var(--safe-top)) max(20px, var(--safe-right)) 8px max(20px, var(--safe-left));z-index:2;background:#000;border-bottom:1px solid #262629;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.platform-ios .ios-settings-navigation strong{letter-spacing:-.02em;font-size:17px;font-weight:650}.platform-ios .ios-settings-navigation button{color:#fafafa;background:0 0;border:0;min-height:44px;padding:0;font-size:17px;font-weight:400}.platform-ios .ios-settings-navigation button:first-child{justify-self:start}.platform-ios .ios-settings-navigation button:last-child{justify-self:end;font-weight:600}.platform-ios .ios-settings-modal>.modal-actions{display:none}.platform-ios .ios-settings-modal .settings-modal-content{overscroll-behavior:contain;padding:22px max(20px, var(--safe-right)) max(36px, calc(var(--safe-bottom) + 20px)) max(20px, var(--safe-left));scrollbar-gutter:auto;background:#000;flex-direction:column;gap:0;margin:0;display:flex}.platform-ios .ios-settings-modal .settings-modal-content>*{flex:none}.platform-ios .ios-settings-modal .settings-modal-content>.section-label,.platform-ios .ios-settings-modal .settings-modal-content>h2,.platform-ios .ios-settings-modal .settings-modal-content>.muted{display:none}.platform-ios .ios-settings-modal .settings-section{background:#1c1c1e;border:0;border-radius:13px;min-width:0;margin:0 0 18px;padding:0;overflow:hidden}.platform-ios .ios-settings-modal .settings-section:not([open]){min-height:56px;display:block}.platform-ios .ios-settings-modal .settings-section-summary,.platform-ios .ios-settings-modal .settings-section:not([open])>.settings-section-summary{height:auto;min-height:56px;padding:0 16px}.platform-ios .ios-settings-modal .settings-section-summary .section-label{color:#f5f5f7;letter-spacing:-.015em;text-transform:none;font-size:17px;font-weight:400}.platform-ios .ios-settings-modal .settings-section-chevron{color:#85858b;width:16px;height:16px;transform:none}.platform-ios .ios-settings-modal .settings-section-chevron svg{display:none}.platform-ios .ios-settings-modal .settings-section-chevron:after{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;margin:3px;display:block;transform:rotate(-45deg)}.platform-ios .ios-settings-modal .settings-section[open] .settings-section-chevron{color:#a1a1a6;transform:none}.platform-ios .ios-settings-modal .settings-section[open] .settings-section-chevron:after{transform:rotate(45deg)}.platform-ios .ios-settings-modal .settings-section[open]>:not(summary){animation:none}.platform-ios .ios-settings-modal .settings-section>:not(summary){margin-left:16px;margin-right:16px}.platform-ios .ios-settings-modal .settings-section>:last-child{margin-bottom:16px}.platform-ios .ios-settings-modal .settings-section .settings-note{color:#a5a5aa;font-size:13px;line-height:1.45}.platform-ios .ios-settings-modal .settings-group-description{cursor:default;width:auto;padding-top:12px;padding-right:8px}.platform-ios .ios-settings-modal .ios-settings-appearance{background:0 0;border-radius:0;margin-bottom:22px;overflow:visible}.platform-ios .ios-settings-modal .ios-settings-appearance>.settings-section-summary{min-height:24px;padding:0 12px 7px}.platform-ios .ios-settings-modal .ios-settings-appearance>.settings-section-summary .section-label{color:#a5a5aa;font-size:13px}.platform-ios .ios-settings-modal .ios-settings-appearance>.settings-section-summary .settings-section-chevron{display:none}.platform-ios .ios-settings-modal .ios-settings-appearance>.settings-inline-select{background:#1c1c1e;border-radius:13px;min-height:58px;margin:0;padding:0 16px}.platform-ios .ios-settings-modal .ios-settings-appearance>.settings-note{margin:9px 12px 0}.platform-ios .ios-settings-modal .settings-inline-select{border-top:1px solid #303034;flex-direction:row;justify-content:space-between;align-items:center;width:auto;min-height:54px;margin-top:10px;padding-top:0}.platform-ios .ios-settings-modal .settings-inline-select select{appearance:none;box-shadow:none;color:#b4b4ba;text-align:right;background:0 0;border:0;width:auto;min-width:0;min-height:44px;padding:0 18px 0 8px;font-size:16px}.platform-ios .ios-settings-modal .ios-settings-appearance>.settings-inline-select{border:0}.platform-ios .ios-settings-modal .ios-settings-appearance>.settings-inline-select select{min-width:100px}.platform-ios .ios-settings-modal .settings-storage-sync-slot{margin:0 0 22px}.platform-ios .ios-settings-modal .stripe-sync-card{background:#1c1c1e;border:0;border-radius:13px;gap:8px;padding:16px}.platform-ios .ios-settings-modal .stripe-sync-eyebrow{color:#a5a5aa;letter-spacing:0;text-transform:none;margin-bottom:12px;font-size:13px;font-weight:400}.platform-ios .ios-settings-modal .stripe-sync-card h2{letter-spacing:-.01em;font-size:17px;font-weight:500}.platform-ios .ios-settings-modal .stripe-sync-status{display:none}.platform-ios .ios-settings-modal .stripe-sync-description{color:#a5a5aa;font-size:13px;line-height:1.45}.platform-ios .ios-settings-modal .stripe-sync-note,.platform-ios .ios-settings-modal .stripe-sync-meta{color:#a5a5aa;font-size:12px}.platform-ios .ios-settings-modal .stripe-sync-card-actions{border-top:1px solid #303034;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:8px;padding-top:6px;display:grid}.platform-ios .ios-settings-modal .stripe-sync-card-actions button,.platform-ios .ios-settings-modal .stripe-sync-primary,.platform-ios .ios-settings-modal .stripe-sync-secondary{color:#fafafa;background:0 0;border:0;border-radius:0;min-height:44px;padding:4px 8px;font-size:15px;font-weight:500}.platform-ios .ios-settings-modal .stripe-sync-card-actions button+button{border-left:1px solid #303034}.platform-ios .ios-settings-modal .ios-settings-preferences-first{border-radius:13px 13px 0 0;margin-bottom:0}.platform-ios .ios-settings-modal .ios-settings-preferences-middle{border-radius:0;margin-bottom:0}.platform-ios .ios-settings-modal .ios-settings-preferences-last{border-radius:0 0 13px 13px;margin-bottom:22px}.platform-ios .ios-settings-modal .ios-settings-preferences-middle>summary,.platform-ios .ios-settings-modal .ios-settings-preferences-last>summary{border-top:1px solid #303034}.platform-ios .ios-settings-modal .settings-grid{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.platform-ios .ios-settings-modal .settings-grid label{border-top:1px solid #303034;justify-content:space-between;align-items:center;min-height:54px;display:flex}.platform-ios .ios-settings-modal .settings-grid input{text-align:right;flex:0 0 72px;width:72px;min-height:40px;font-size:16px}.platform-ios .ios-settings-modal .notification-setting{background:0 0;border:0;border-top:1px solid #303034;border-radius:0;gap:12px;min-height:58px;margin-top:0;padding:9px 0}.platform-ios .ios-settings-modal .notification-setting strong{font-size:15px;font-weight:500}.platform-ios .ios-settings-modal .notification-setting small{color:#a5a5aa;font-size:12px}.platform-ios .ios-settings-modal .notification-setting button{color:#0000;background:#39393e;border:0;border-radius:18px;flex:0 0 51px;width:51px;height:31px;min-height:31px;padding:0;font-size:0;position:relative}.platform-ios .ios-settings-modal .notification-setting button.secondary{background:#30d158}.platform-ios .ios-settings-modal .notification-setting button:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.platform-ios .ios-settings-modal .notification-setting button.secondary:after{transform:translate(20px)}.platform-ios .ios-settings-modal .data-backup-actions{grid-template-columns:1fr 1fr;margin-top:0;display:grid}.platform-ios .ios-settings-modal .data-backup-actions button{color:#fafafa;background:0 0;border:0;min-height:48px}.platform-ios .ios-settings-modal .ios-settings-signout{background:#1c1c1e;border:0;border-radius:13px;margin:4px 0 18px;padding:0}.platform-ios .ios-settings-modal .ios-settings-signout button{background:0 0;border:0;font-size:17px;font-weight:400}.platform-ios .ios-settings-modal .settings-privacy-notice{color:#8e8e93;background:0 0;border:0;order:5;margin:0 10px 10px;padding:0;font-size:12px}.platform-ios .ios-settings-modal .settings-privacy-notice a{color:#fafafa;text-underline-offset:2px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.platform-ios .ios-settings-modal .notification-setting button:after{transition:none}}.platform-ios .ios-settings-modal.ios-settings-detail .settings-modal-content>*{display:none!important}.platform-ios .ios-settings-detail[data-section=sync] .settings-storage-sync-slot,.platform-ios .ios-settings-detail[data-section=appearance] .ios-settings-appearance,.platform-ios .ios-settings-detail[data-section=pomodoro] .ios-settings-preferences-first,.platform-ios .ios-settings-detail[data-section=notifications] .ios-settings-preferences-middle,.platform-ios .ios-settings-detail[data-section=charts] .ios-settings-preferences-last,.platform-ios .ios-settings-detail[data-section=backups] .ios-settings-backups,.platform-ios .ios-settings-detail[data-section=account] .ios-settings-account{display:block!important}.platform-ios .ios-settings-detail .settings-section>.settings-section-summary{display:none}.platform-ios .ios-settings-detail .settings-section{border-radius:13px;margin:0;padding-top:6px}.platform-ios .ios-settings-detail .ios-settings-appearance{background:0 0;padding-top:0}.platform-ios .ios-settings-detail .settings-storage-sync-slot{margin:0}.platform-ios .ios-settings-detail .ios-settings-account>.settings-note:first-of-type{padding-top:12px}.platform-ios .ios-settings-detail .ios-settings-account .danger-text{min-height:44px;margin-top:14px}