*,*:before,*:after{box-sizing:border-box}html,body{width:100%;min-width:0;min-height:100%;margin:0;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--app-bg);color:var(--text-primary);transition:background-color .28s ease,color .28s ease}:root,:root[data-theme=dark]{--radius-card: 24px;--radius-panel: 18px;--radius-control: 13px;--control-min-height: 2.5rem;--control-padding-y: .66rem;--control-padding-x: .82rem;--app-bg: radial-gradient(circle at 50% -12%, rgba(30, 64, 175, .22), transparent 38%), radial-gradient(circle at 12% 18%, rgba(251, 191, 36, .08), transparent 28%), linear-gradient(145deg, #020617 0%, #07111f 42%, #030712 100%);--card-bg: radial-gradient(circle at top left, rgba(251, 191, 36, .18), transparent 32%), radial-gradient(circle at 85% 0%, rgba(59, 130, 246, .16), transparent 30%), linear-gradient(160deg, rgba(20, 31, 50, .98) 0%, rgba(7, 15, 31, .98) 100%);--panel-bg: rgba(8, 17, 34, .94);--surface-subtle: rgba(15, 28, 50, .68);--surface-control: rgba(6, 16, 33, .82);--surface-glass: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(148, 163, 184, .035));--surface-disabled: linear-gradient(135deg, rgba(251, 191, 36, .09), rgba(15, 28, 50, .58));--border-subtle: rgba(148, 163, 184, .26);--border-strong: rgba(203, 213, 225, .38);--text-primary: #f9fbff;--text-secondary: #d7e1ee;--text-muted: rgba(203, 213, 225, .74);--accent: #fbbf24;--accent-contrast: #111827;--scrollbar-track: color-mix(in srgb, #020617 82%, var(--surface-control));--scrollbar-thumb: color-mix(in srgb, var(--accent) 48%, #8b5a0a);--scrollbar-thumb-hover: color-mix(in srgb, var(--accent) 72%, #fef3c7 8%);--preset-active-border: #fbbf2494;--preset-active-bg: #fbbf242e;--preset-active-text: #fef3c7;--success: #2dd66f;--success-text: #c8fbd8;--info: #60a5fa;--info-text: #e0efff;--start-action: linear-gradient(180deg, #ffd76a, #f2ad18);--pause-action: linear-gradient(180deg, #35e97b, #1fb95c);--action-text: #07111f;--reset-action: linear-gradient(180deg, rgba(96, 165, 250, .56), rgba(37, 99, 235, .42));--shadow-elevated: 0 34px 90px rgba(0, 0, 0, .58), 0 0 0 1px rgba(255, 255, 255, .035);--shadow-running: 0 34px 96px rgba(0, 0, 0, .6), 0 0 0 1px rgba(45, 214, 111, .2), 0 0 42px rgba(45, 214, 111, .2);--shadow-paused: 0 34px 90px rgba(0, 0, 0, .58), 0 0 32px rgba(251, 191, 36, .16);--shadow-completed: 0 34px 90px rgba(0, 0, 0, .58), 0 0 38px rgba(96, 165, 250, .2);--timer-shadow: 0 12px 34px rgba(0, 0, 0, .5), 0 0 30px rgba(96, 165, 250, .1);--progress-bg: rgba(15, 23, 42, .76);--progress-fill: linear-gradient(90deg, #16a34a, #45e783);--disabled-text: rgba(203, 213, 225, .64);--modal-scrim: rgba(1, 6, 18, .76)}:root[data-theme=light]{--radius-card: 24px;--radius-panel: 18px;--radius-control: 13px;--control-min-height: 2.5rem;--control-padding-y: .66rem;--control-padding-x: .82rem;--app-bg: radial-gradient(circle at 50% -10%, rgba(191, 219, 254, .58), transparent 36%), radial-gradient(circle at 10% 18%, rgba(251, 191, 36, .18), transparent 26%), linear-gradient(145deg, #eef4fb 0%, #dfe8f3 48%, #f7fafc 100%);--card-bg: radial-gradient(circle at top left, rgba(245, 158, 11, .2), transparent 32%), radial-gradient(circle at 85% 0%, rgba(37, 99, 235, .12), transparent 28%), linear-gradient(160deg, rgba(255, 255, 255, .96), rgba(236, 244, 252, .94));--panel-bg: rgba(255, 255, 255, .94);--surface-subtle: rgba(255, 255, 255, .78);--surface-control: rgba(255, 255, 255, .96);--surface-glass: linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(226, 237, 248, .56));--surface-disabled: linear-gradient(135deg, rgba(180, 83, 9, .09), rgba(241, 245, 249, .88));--border-subtle: rgba(51, 65, 85, .2);--border-strong: rgba(30, 41, 59, .32);--text-primary: #08111f;--text-secondary: #243449;--text-muted: rgba(51, 65, 85, .78);--accent: #b45309;--accent-contrast: #fffaf0;--scrollbar-track: color-mix(in srgb, #07111f 82%, var(--surface-control));--scrollbar-thumb: color-mix(in srgb, var(--accent) 58%, #fbbf24);--scrollbar-thumb-hover: color-mix(in srgb, var(--accent) 72%, #f59e0b);--preset-active-border: #b45309ad;--preset-active-bg: #fbbf2457;--preset-active-text: #2f1f05;--success: #15803d;--success-text: #14532d;--info: #1d4ed8;--info-text: #1e3a8a;--start-action: linear-gradient(180deg, #fbbf24, #d97706);--pause-action: linear-gradient(180deg, #22c55e, #15803d);--action-text: #07111f;--reset-action: linear-gradient(180deg, rgba(37, 99, 235, .78), rgba(29, 78, 216, .62));--shadow-elevated: 0 28px 72px rgba(30, 41, 59, .22), 0 1px 0 rgba(255, 255, 255, .78) inset;--shadow-running: 0 30px 80px rgba(22, 101, 52, .2), 0 0 0 1px rgba(21, 128, 61, .26);--shadow-paused: 0 28px 72px rgba(120, 53, 15, .18), 0 0 0 1px rgba(180, 83, 9, .22);--shadow-completed: 0 28px 72px rgba(30, 64, 175, .18), 0 0 0 1px rgba(29, 78, 216, .22);--timer-shadow: 0 10px 28px rgba(30, 41, 59, .18), 0 1px 0 rgba(255, 255, 255, .74);--progress-bg: rgba(148, 163, 184, .42);--progress-fill: linear-gradient(90deg, #15803d, #22c55e);--disabled-text: rgba(51, 65, 85, .58);--modal-scrim: rgba(15, 23, 42, .42)}button,input,textarea,select,summary{font:inherit;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease}button,input,select{min-height:var(--control-min-height)}input[type=checkbox],input[type=radio]{min-height:1rem}button{touch-action:manipulation}html,body,.settings-panel{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html::-webkit-scrollbar,body::-webkit-scrollbar,.settings-panel::-webkit-scrollbar{width:9px;height:9px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,.settings-panel::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,.settings-panel::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-track);border-radius:999px;background:var(--scrollbar-thumb)}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,.settings-panel::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner,.settings-panel::-webkit-scrollbar-corner{background:var(--scrollbar-track)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 78%,white);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),0 10px 24px #0f172a2e}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:color-mix(in srgb,var(--accent) 34%,transparent);color:var(--text-primary)}.settings-entry{position:absolute;top:1rem;right:1rem;max-width:calc(100% - 2rem);min-height:2.2rem;padding:.45rem .75rem;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-subtle);color:var(--text-secondary);font-size:.76rem;font-weight:800;line-height:1.1;overflow-wrap:anywhere;text-align:center;cursor:pointer;box-shadow:0 8px 18px #0f172a1f,inset 0 1px #ffffff29}.settings-entry:hover,.settings-entry:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent)}.settings-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.settings-modal__backdrop{position:absolute;inset:0;border:0;background:var(--modal-scrim);cursor:pointer;animation:fade-in .18s ease}.settings-panel{position:relative;z-index:1;width:min(100%,520px);max-width:calc(100vw - 2rem);max-height:min(720px,100dvh - 2rem);min-width:0;overflow:auto;overscroll-behavior:contain;padding:clamp(1rem,2vw,1.35rem);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--panel-bg);box-shadow:var(--shadow-elevated);color:var(--text-primary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);-webkit-overflow-scrolling:touch;animation:settings-panel-in .24s ease;outline:1px solid rgba(255,255,255,.08)}.settings-panel :where(button,input:not([type=checkbox]):not([type=radio]):not([type=range]),select){appearance:none;-webkit-appearance:none;min-width:0;border-style:solid;color:inherit;font:inherit;letter-spacing:0}.settings-panel :where(button,select){-webkit-tap-highlight-color:transparent}.settings-panel :where(input[type=checkbox],input[type=radio]){flex:0 0 auto;width:1rem;height:1rem;margin:0;accent-color:var(--accent)}.settings-panel__header,.settings-panel__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;min-width:0}.settings-panel__header>div{min-width:0}.settings-panel__eyebrow{margin:0 0 .25rem;color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.settings-panel h2,.settings-panel h3{margin:0}.settings-panel h2{font-size:1.35rem}.settings-section{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--border-subtle)}.settings-section h3{margin-bottom:.7rem;font-size:.9rem;color:var(--text-secondary)}.settings-section__heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.settings-section__heading h3{margin-bottom:0}.settings-segmented,.workspace-mode-grid,.profile-list,.custom-profile{display:grid;gap:.55rem}.settings-segmented,.workspace-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-segmented__option,.workspace-mode-option,.profile-option,.settings-toggle{display:flex;align-items:center;gap:.65rem;min-height:3rem;min-width:0;padding:.72rem .78rem;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-subtle);color:var(--text-secondary);line-height:1.2;overflow-wrap:anywhere;cursor:pointer;-webkit-tap-highlight-color:transparent}.settings-segmented__option:hover,.workspace-mode-option:hover,.profile-option:hover,.settings-toggle:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border-subtle));background:color-mix(in srgb,var(--accent) 7%,var(--surface-subtle))}.settings-segmented__option--active,.workspace-mode-option--active,.profile-option--active{border-color:color-mix(in srgb,var(--accent) 58%,transparent);background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--text-primary)}.workspace-mode-option span{display:grid;gap:.12rem;min-width:0}.workspace-mode-option small{color:var(--text-muted);font-size:.72rem;font-weight:600;line-height:1.25}.workspace-mode-option--disabled{cursor:not-allowed;background:var(--surface-disabled);color:var(--disabled-text)}.workspace-mode-option--disabled small{color:var(--disabled-text)}.settings-lock-note{margin:-.2rem 0 .7rem;color:var(--text-muted);font-size:.74rem;font-weight:750;line-height:1.35}.settings-helper,.settings-limit-note{margin:0;color:var(--text-muted);font-size:.74rem;font-weight:700;line-height:1.35}.settings-limit-note{color:var(--accent)}.wellness-chip-list{display:flex;flex-wrap:wrap;gap:.45rem}[aria-labelledby=wellness-reminder-settings-title] .wellness-chip-list{margin-top:.65rem}.wellness-chip{max-width:100%;min-width:0;min-height:2.35rem;padding:.52rem .74rem;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-subtle);color:var(--text-secondary);font:inherit;font-size:.74rem;font-weight:800;line-height:1.12;overflow-wrap:anywhere;cursor:pointer}.wellness-chip--active{border-color:color-mix(in srgb,var(--success) 46%,transparent);background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success-text)}.wellness-exercise-manager{display:grid;gap:.75rem;margin-top:.85rem}.wellness-exercise-groups{display:grid;gap:.58rem}.wellness-exercise-group{display:grid;gap:.45rem;padding:.62rem;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:color-mix(in srgb,var(--surface-subtle) 82%,transparent)}.wellness-exercise-group__heading,.wellness-exercise-item,.wellness-exercise-item__actions,.wellness-exercise-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.wellness-exercise-group__heading,.wellness-exercise-item{justify-content:space-between}.wellness-exercise-group__heading strong{color:var(--text-secondary);font-size:.78rem}.wellness-exercise-group__heading span{color:var(--text-muted);font-size:.68rem;font-weight:800}.wellness-exercise-list{display:grid;gap:.36rem}.wellness-exercise-item{min-width:0;padding:.42rem .5rem;border-radius:10px;background:var(--surface-control);color:var(--text-secondary);font-size:.74rem;font-weight:750}.wellness-exercise-item span{min-width:0;overflow-wrap:anywhere}.wellness-exercise-item__actions{flex:0 0 auto;justify-content:flex-end}.wellness-exercise-item__actions button{min-height:1.8rem;padding:.28rem .44rem;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-subtle);color:var(--text-secondary);font:inherit;font-size:.64rem;font-weight:800;cursor:pointer}.wellness-exercise-item__actions button:hover,.wellness-exercise-item__actions button:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent)}.wellness-exercise-form{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(5.25rem,.55fr);gap:.58rem;padding:.62rem;border:1px dashed var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-subtle)}.wellness-exercise-form .settings-limit-note,.wellness-exercise-form__actions{grid-column:1/-1}.wellness-exercise-form__actions{justify-content:flex-start;flex-wrap:wrap}.profile-option span{display:grid;gap:.15rem}.profile-option small{color:var(--text-muted);font-weight:600}.custom-profile{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.8rem}.focus-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;min-width:0;margin:-.25rem 0 1rem;padding:.78rem;border:1px solid color-mix(in srgb,var(--accent) 54%,var(--border-subtle));border-radius:var(--radius-panel);background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent);animation:fade-in-up .28s ease}.focus-panel__content{display:grid;gap:.22rem;min-width:0}.focus-panel__label{color:var(--accent);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.focus-panel strong{color:var(--text-primary);font-size:.9rem;overflow-wrap:anywhere}.focus-panel p{margin:0;color:var(--text-muted);font-size:.74rem;font-weight:600;line-height:1.35}.focus-panel button{flex:0 0 auto;min-height:2rem;padding:.36rem .58rem;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-subtle);color:var(--text-secondary);font:inherit;font-size:.68rem;font-weight:800;cursor:pointer}.focus-panel button:hover,.focus-panel button:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent)}.focus-ownership-note{margin:-.2rem 0 1rem;padding:.65rem .75rem;border:1px dashed var(--border-subtle);border-radius:13px;background:var(--surface-subtle);color:var(--text-muted);font-size:.76rem;font-weight:700;text-align:center}.wellness-break{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-top:.75rem;padding:.85rem;border:1px solid color-mix(in srgb,var(--success) 42%,var(--border-subtle));border-radius:var(--radius-panel);background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--text-primary);animation:fade-in-up .35s ease}.wellness-break__content{display:grid;gap:.25rem;min-width:0}.wellness-break__label{color:var(--success-text);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.wellness-break strong{font-size:.9rem;overflow-wrap:anywhere}.wellness-break p{margin:0;color:var(--text-muted);font-size:.74rem;font-weight:600;line-height:1.35}.wellness-break__meta{flex:0 0 auto;padding:.24rem .48rem;border:1px solid color-mix(in srgb,var(--success) 38%,transparent);border-radius:999px;color:var(--success-text);font-size:.66rem;font-weight:800}.wellness-reminder{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-top:.75rem;padding:.78rem;border:1px solid color-mix(in srgb,var(--info) 34%,var(--border-subtle));border-radius:var(--radius-panel);background:color-mix(in srgb,var(--info) 10%,transparent);color:var(--text-primary);animation:fade-in-up .3s ease;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.wellness-reminder--wellness{border-color:color-mix(in srgb,var(--success) 44%,var(--border-subtle));background:color-mix(in srgb,var(--success) 13%,transparent)}.wellness-reminder__content{display:grid;gap:.22rem;min-width:0}.wellness-reminder__label{color:var(--info-text);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.wellness-reminder--wellness .wellness-reminder__label{color:var(--success-text)}.wellness-reminder strong{font-size:.88rem;overflow-wrap:anywhere}.wellness-reminder p{margin:0;color:var(--text-muted);font-size:.74rem;font-weight:600;line-height:1.35}.wellness-reminder__suggestion{display:inline-flex;align-items:center;width:fit-content;max-width:100%;gap:.38rem;margin-top:.08rem;padding:.3rem .46rem;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-subtle);color:var(--text-secondary);font-size:.7rem;font-weight:800}.wellness-reminder__suggestion span{min-width:0;overflow-wrap:anywhere}.wellness-reminder__suggestion small{flex:0 0 auto;color:var(--text-muted);font-size:.64rem;font-weight:800}.wellness-reminder__actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:.38rem}.wellness-reminder__actions button{min-height:2rem;padding:.38rem .58rem;border:1px solid color-mix(in srgb,var(--info) 34%,var(--border-subtle));border-radius:999px;background:var(--surface-subtle);color:var(--text-secondary);font:inherit;font-size:.68rem;font-weight:800;line-height:1.12;overflow-wrap:anywhere;cursor:pointer}.wellness-reminder__actions button:hover,.wellness-reminder__actions button:focus-visible{color:var(--info-text);border-color:color-mix(in srgb,var(--info) 52%,transparent)}.wellness-reminder__dismiss{opacity:.72}.wellness-insights{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-top:.75rem;padding:.72rem;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface-subtle);color:var(--text-primary)}.wellness-insights__content{display:grid;gap:.2rem;min-width:0}.wellness-insights__label{color:var(--text-muted);font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.wellness-insights strong{font-size:.86rem}.wellness-insights p{margin:0;color:var(--text-muted);font-size:.72rem;font-weight:700;line-height:1.35}.wellness-insights__metrics{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:.38rem}.wellness-insights__metrics span{display:grid;min-width:3.2rem;gap:.04rem;padding:.34rem .46rem;border:1px solid var(--border-subtle);border-radius:11px;background:var(--surface-control);color:var(--text-muted);font-size:.62rem;font-weight:800;text-align:center}.wellness-insights__metrics strong{color:var(--text-primary);font-size:.82rem}.focus-completion{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;margin-top:.75rem;padding:.85rem;border:1px solid color-mix(in srgb,var(--success) 44%,var(--border-subtle));border-radius:var(--radius-panel);background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--text-primary);animation:fade-in-up .35s ease}.focus-completion__content{display:grid;gap:.25rem;min-width:0}.focus-completion__label{color:var(--success-text);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.focus-completion strong{font-size:.9rem;overflow-wrap:anywhere}.focus-completion p{margin:0;color:var(--text-muted);font-size:.74rem;font-weight:600;line-height:1.35}.focus-completion__metrics{display:grid;gap:.08rem;flex:0 0 auto;min-width:5.4rem;padding:.42rem .5rem;border:1px solid color-mix(in srgb,var(--success) 34%,transparent);border-radius:12px;background:color-mix(in srgb,var(--success) 9%,transparent);text-align:right}.focus-completion__metrics span,.focus-completion__metrics small{color:var(--text-muted);font-size:.64rem;font-weight:800}.focus-completion__actions{display:flex;flex-wrap:wrap;grid-column:1/-1;gap:.4rem}.focus-completion__actions button{min-width:0;min-height:2.1rem;padding:.42rem .64rem;border:1px solid color-mix(in srgb,var(--success) 34%,var(--border-subtle));border-radius:999px;background:var(--surface-subtle);color:var(--text-secondary);font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}.focus-completion__actions button:hover,.focus-completion__actions button:focus-visible{color:var(--success-text);border-color:color-mix(in srgb,var(--success) 52%,transparent)}.task-completion-message{margin-top:.75rem;padding:.68rem .85rem;border:1px solid color-mix(in srgb,var(--success) 38%,var(--border-subtle));border-radius:14px;background:color-mix(in srgb,var(--success) 11%,transparent);color:var(--success-text);font-size:.82rem;font-weight:800;text-align:center;animation:fade-in-up .28s ease}.settings-field{display:grid;gap:.35rem;color:var(--text-secondary);font-size:.82rem;font-weight:700}.settings-field input,.settings-field select{width:100%;min-width:0;min-height:var(--control-min-height);padding:var(--control-padding-y) var(--control-padding-x);border:1px solid var(--border-strong);border-radius:var(--radius-control);background-color:var(--surface-control);color:var(--text-primary);font:inherit;line-height:1.2}.settings-field select{padding-right:2.35rem;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 1rem) 50%,calc(100% - .72rem) 50%;background-repeat:no-repeat;background-size:.3rem .3rem}.settings-field select::-ms-expand{display:none}.settings-field select option{background-color:var(--surface-control);color:var(--text-primary)}.settings-field input[type=range]{appearance:none;-webkit-appearance:none;width:100%;min-height:2rem;padding:0;border:0;background:transparent;accent-color:var(--accent);cursor:pointer}.settings-field input[type=range]::-webkit-slider-runnable-track{height:.42rem;border-radius:999px;background:var(--surface-control);border:1px solid var(--border-subtle)}.settings-field input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1.05rem;height:1.05rem;margin-top:-.36rem;border:1px solid color-mix(in srgb,var(--accent) 58%,transparent);border-radius:50%;background:var(--accent);box-shadow:0 3px 8px #0f172a42}.settings-field input[type=range]::-moz-range-track{height:.42rem;border-radius:999px;background:var(--surface-control);border:1px solid var(--border-subtle)}.settings-field input[type=range]::-moz-range-thumb{width:1.05rem;height:1.05rem;border:1px solid color-mix(in srgb,var(--accent) 58%,transparent);border-radius:50%;background:var(--accent);box-shadow:0 3px 8px #0f172a42}.settings-field input::placeholder{color:var(--text-muted)}.settings-field--range{grid-template-columns:minmax(0,1fr) auto;align-items:center}.settings-field--range span{grid-column:1/-1}.settings-field--range strong{min-width:3rem;color:var(--text-primary);font-size:.78rem;text-align:right}.sound-settings{display:grid;gap:.7rem;margin-top:.7rem}.settings-inline-action,.shortcut-key{border:1px solid var(--border-subtle);background:var(--surface-subtle);color:var(--text-secondary);font:inherit;font-weight:800;line-height:1.12;overflow-wrap:anywhere;cursor:pointer}.settings-inline-action{flex:0 0 auto;min-height:2.2rem;padding:.42rem .58rem;border-radius:999px;font-size:.68rem}.shortcut-list{display:grid;gap:.45rem}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;padding:.55rem .62rem;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-subtle);color:var(--text-secondary);font-size:.78rem;font-weight:800}.shortcut-row span{min-width:0;overflow-wrap:anywhere}.shortcut-key{flex:0 0 auto;min-width:6.25rem;min-height:2.2rem;padding:.38rem .55rem;border-radius:9px;color:var(--text-primary);font-size:.72rem;text-align:center}.shortcut-key--recording{border-color:color-mix(in srgb,var(--accent) 62%,transparent);color:var(--accent)}.shortcut-error{margin:.55rem 0 0;color:#fecaca;font-size:.74rem;font-weight:800}.settings-panel__actions{margin-top:1.15rem}.settings-panel__close,.settings-action{border:0;border-radius:var(--radius-control);font-weight:800;line-height:1.12;overflow-wrap:anywhere;cursor:pointer}.settings-panel__close{min-height:2.35rem;padding:.55rem .78rem;border:1px solid transparent;background:var(--surface-subtle);color:var(--text-secondary)}.settings-action{min-width:0;min-height:2.55rem;padding:.78rem 1rem;border:1px solid transparent}.settings-action--ghost{background:var(--surface-subtle);color:var(--text-secondary)}.settings-action--primary{background:var(--accent);color:var(--accent-contrast)}button:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.82}button:disabled,.settings-panel select:disabled,.settings-panel input:disabled{cursor:not-allowed;transform:none}@media(max-width:520px){.settings-entry{top:.75rem;right:.75rem;max-width:min(8.5rem,100% - 1.5rem)}.settings-modal{align-items:start;padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left))}.settings-panel{width:100%;max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);padding:.9rem;border-radius:20px}.settings-panel :where(button,select,input){font-size:16px}.settings-panel :where(.settings-inline-action,.shortcut-key,.wellness-chip,.settings-panel__close,.settings-action){font-size:.78rem}.wellness-exercise-item__actions button{min-height:2.35rem;font-size:.72rem}.settings-panel__header,.settings-panel__actions,.focus-panel,.wellness-break,.wellness-reminder,.focus-completion{align-items:stretch}.settings-panel__actions,.focus-completion{display:grid;grid-template-columns:minmax(0,1fr)}.settings-panel__close{margin-left:auto}.wellness-insights{display:grid}.wellness-insights__metrics{justify-content:flex-start}.wellness-insights__metrics span{flex:1 1 4.2rem}.custom-profile,.wellness-exercise-form,.workspace-mode-grid,.settings-segmented{grid-template-columns:minmax(0,1fr)}.wellness-exercise-item{display:grid;justify-items:stretch}.wellness-exercise-item__actions{justify-content:stretch}.wellness-exercise-item__actions button{flex:1 1 auto}.wellness-reminder__actions,.focus-completion__actions{justify-content:stretch}.wellness-reminder__actions button,.focus-completion__actions button{flex:1 1 9rem}.settings-inline-action{flex:1 1 8rem}.shortcut-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.shortcut-key{width:100%;min-width:0}}@media(max-width:360px){.settings-entry{top:.65rem;right:.65rem;max-width:min(7.25rem,100% - 1.3rem);padding:.4rem .58rem;font-size:.7rem}.settings-panel{padding:.78rem;border-radius:18px}.wellness-chip{flex:1 1 100%}}@media(pointer:coarse){button,input,select{min-height:2.75rem}input[type=checkbox],input[type=radio]{min-height:1rem}}@keyframes settings-panel-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.timer-card,.timer-card--running,.timer-card--completed,.timer-card__time,.timer-card__time--running,.timer-card__time--completed,.timer-hint,.completion-message,.session-panel,.quick-presets__button:hover:not(:disabled),.quick-presets__button:focus-visible:not(:disabled),.timer-card__button:hover:not(:disabled),.timer-card__button:focus-visible:not(:disabled),.timer-card__button:active:not(:disabled){animation:none!important;transform:none!important}}
