:root{--radius-card:26px;--radius-control:14px;--space:24px;--shadow:0 8px 32px #0713260b;--duration:160ms;--bg:#101723;--panel:#192434;--panel2:#233145;--line:#344158;--text:#f1f5fc;--muted:#a3b2c8;--blue:#91b9ff;--teal:#85dfc9;--purple:#cbb9ff;--gold:#f1cf83;--action:#356bd8;--on-action:#fff;--soft-accent:#294065;color-scheme:dark}
:root[data-theme=light]{--bg:#f3f5fa;--panel:#fff;--panel2:#eaf0f8;--line:#dbe3ee;--text:#19283f;--muted:#53657e;--blue:#275fca;--teal:#137b68;--purple:#7652c1;--gold:#886319;--action:#356bd8;--on-action:#fff;--soft-accent:#e3ecff;color-scheme:light}
:root[data-accent=violet]{--action:#7650c9;--blue:var(--purple);--soft-accent:#7650c922}
:root[data-accent=teal]{--action:#187d6c;--blue:var(--teal);--soft-accent:#187d6c22}
:root[data-density=compact]{--space:16px}
body{background:var(--bg);color:var(--text)}
.card,.auth-card,.timer-card,.progress-card,.ai-entry,.integration-card,dialog{background:var(--panel);border-color:var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);color:var(--text)}
.card{padding:var(--space)}
.sidebar,.bottom-nav,.topbar{background:var(--bg);border-color:var(--line)}
.topbar{padding-top:var(--telegram-top,0px);height:calc(72px + var(--telegram-top,0px))}
.bottom-nav{padding-bottom:max(12px,env(safe-area-inset-bottom),var(--telegram-bottom,0px));border-radius:24px 24px 0 0;box-shadow:0 -8px 28px #0713260a}
.primary{background:var(--action)!important;color:var(--on-action);border-radius:var(--radius-control);min-height:46px;box-shadow:none}
.secondary,.activity-button,input,select,textarea,.task-row,.ai-bubble,.ai-grant-form,.project-baseline,.notice{background:var(--panel2);color:var(--text);border-color:var(--line);border-radius:var(--radius-control)}
.nav-button.active,.activity-button.active{background:var(--soft-accent);color:var(--blue);border-color:var(--blue)}
.card-label,.task-name,.timer-activity,.breadcrumb strong,.entry>span:last-child,.pill{color:var(--text)}
.timer-display{color:var(--teal);font-weight:650;letter-spacing:-1px}
.muted,.notice,.task-meta,.eyebrow,.nav-caption{color:var(--muted)}
.breakdown-bar,.progress-track{background:var(--panel2)}
.auth{background:var(--bg)}
.control-state,.control-status,.owner-status,.control-status-box,.ai-message,.bubble,.thread{background:var(--panel2);color:var(--text);border-color:var(--line)}
.appearance-panel label{margin-bottom:18px}.appearance-panel select{margin-top:7px}
.size-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0 20px}
.size-card{background:var(--panel2);color:var(--text);border:2px solid transparent;border-radius:16px;text-align:left;padding:14px;min-height:76px}.size-card strong,.size-card small{display:block}.size-card small{margin-top:5px;color:var(--muted)}.size-card[aria-checked=true]{border-color:var(--blue);background:var(--soft-accent)}
.page{animation:page-enter var(--duration) ease-out}.primary,.secondary,.activity-button,.size-card{transition:transform var(--duration),background var(--duration),border-color var(--duration)}button:active{transform:scale(.98)}
@keyframes page-enter{from{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
:root[data-motion=reduced] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:650px){.card{border-radius:24px}.content{padding-top:22px}.page-heading h1{font-size:28px;letter-spacing:-.8px}.bottom-nav .nav-button{min-height:48px}.bottom-nav .nav-button.active{background:var(--soft-accent);border-radius:15px}.size-cards{grid-template-columns:1fr 1fr}}

.notification-toggle{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.notification-toggle input{width:22px;min-height:22px;accent-color:var(--action)}.notification-field{display:flex;flex-direction:column-reverse;gap:7px;margin:18px 0}