*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;background:#f4faf7}button,input,select,textarea{font:inherit}svg{flex:none}.api-progress{background:var(--primary-soft);z-index:38;height:3px;position:fixed;top:0;left:0;right:0;overflow:hidden}.api-progress i{background:var(--gradient);border-radius:var(--r-pill);width:40%;height:100%;animation:1.15s cubic-bezier(.65,.12,.35,.9) infinite apiSweep;display:block}@keyframes apiSweep{0%{transform:translate(-105%)}to{transform:translate(255%)}}.loader{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:40px 20px;display:flex}.loader.is-full{background:var(--bg);min-height:100svh}.loader-orb{place-items:center;width:76px;height:76px;display:grid;position:relative}.loader.is-compact .loader-orb{width:52px;height:52px}.loader-ring{border-radius:var(--r-pill);border:3px solid #0000;border-top-color:var(--primary);animation:1.05s linear infinite loaderSpin;position:absolute;inset:0}.loader-ring.alt{border-top-color:#0000;border-bottom-color:var(--periwinkle);opacity:.8;animation-duration:1.7s;animation-direction:reverse;inset:8px}.loader.is-compact .loader-ring.alt{inset:6px}.loader-mark{background:var(--gradient);box-shadow:var(--shadow-primary);color:#fff;border-radius:15px;justify-content:center;align-items:center;width:42px;height:42px;animation:1.9s ease-in-out infinite loaderPulse;display:flex}.loader.is-compact .loader-mark{border-radius:11px;width:30px;height:30px}.loader-label{color:var(--muted);text-align:center;font-size:14px;font-weight:600}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.loader-ring,.loader-mark{animation-duration:3s}.loader-mark{animation:none}}:root{--inset-top:env(safe-area-inset-top,0px);--inset-bottom:env(safe-area-inset-bottom,0px);--bg:#f4faf7;--bg-tint:#e6f4ee;--surface:#fff;--surface-soft:#f7fbf9;--surface-alt:#eef7f3;--text:#10241d;--text-soft:#3d5b52;--muted:#6e8a80;--border:#e2eee8;--border-strong:#cee3da;--primary:#0fb58a;--primary-strong:#0a9a75;--primary-soft:#ddf5ed;--on-primary:#fff;--tangerine:#f2871f;--tangerine-soft:#fff0df;--periwinkle:#6c7bff;--periwinkle-soft:#e9ebff;--rose:#e0526d;--rose-soft:#ffe9ed;--sheen:#ffffffc7;--gradient:linear-gradient(135deg, #0fb58a 0%, #2ecfa1 45%, #6c7bff 130%);--gradient-soft:linear-gradient(135deg, #ddf5ed 0%, #e9ebff 100%);--shadow-xs:0 1px 2px #102e250d;--shadow-sm:0 4px 14px #102e250d;--shadow:0 12px 30px #102e2512;--shadow-lg:0 22px 50px #102e251a;--shadow-primary:0 12px 26px #0fb58a4d;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--sidebar-w:262px;--shell-gap:18px;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236e8a80' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");color:var(--text);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}:root[data-theme=dark]{--bg:#0e1714;--bg-tint:#14211d;--surface:#16211d;--surface-soft:#1b2823;--surface-alt:#20302a;--text:#eaf6f1;--text-soft:#bcd4ca;--muted:#86a49a;--border:#253630;--border-strong:#32473f;--primary:#35d9ac;--primary-strong:#57e6bf;--primary-soft:#12352a;--on-primary:#05241b;--tangerine:#ffb570;--tangerine-soft:#33251a;--periwinkle:#9ba5ff;--sheen:#ffffff12;--periwinkle-soft:#1f2440;--rose:#ff8098;--rose-soft:#351d24;--gradient:linear-gradient(135deg, #0d8f6e 0%, #17a887 45%, #4b56c9 130%);--gradient-soft:linear-gradient(135deg, #12352a 0%, #1f2440 100%);--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 4px 14px #0000004d;--shadow:0 12px 30px #00000061;--shadow-lg:0 22px 50px #00000073;--shadow-primary:0 12px 26px #0fb58a38;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2386a49a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}body{background:var(--bg);color:var(--text);line-height:1.5;transition:background .25s,color .25s}button{color:inherit;cursor:pointer;background:0 0;border:0;font-family:inherit}h1,h2,h3,p{margin:0}h1{letter-spacing:-.8px;font-size:clamp(26px,3.4vw,34px);font-weight:800;line-height:1.15}h2{letter-spacing:-.3px;font-size:18px;font-weight:700}.muted{color:var(--muted);font-size:14px}.eyebrow{color:var(--primary);letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.brand{letter-spacing:-.5px;align-items:center;gap:11px;font-size:19px;font-weight:800;display:flex}.sidebar .brand{padding:4px 8px}.quick-add{border-radius:var(--r-pill);box-shadow:var(--shadow-sm);color:#0a5f49;background:#fff;align-items:center;gap:9px;padding:13px 22px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex}.quick-add:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.quick-add.ghost{box-shadow:none;color:#fff;background:#ffffff29}.quick-add.ghost:hover{background:#ffffff42}.quick-add.solid{background:var(--primary);box-shadow:var(--shadow-primary);color:var(--on-primary)}.text-button{border-radius:var(--r-pill);color:var(--primary);align-items:center;gap:5px;padding:7px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:background .18s;display:inline-flex}.text-button:hover{background:var(--primary-soft)}.panel,.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:24px}.count-pill{background:var(--primary-soft);border-radius:var(--r-pill);color:var(--primary-strong);padding:3px 10px;font-size:12px;font-weight:700}.panel-heading+.muted{margin-bottom:18px}.task-list{gap:4px;display:grid}.check-circle{border:2px solid var(--border-strong);border-radius:var(--r-pill);color:#0000;background:0 0;flex:none;justify-content:center;align-items:center;width:24px;height:24px;transition:border-color .18s,background .18s,color .18s;display:flex}.check-circle:hover{border-color:var(--primary);color:var(--border-strong)}.task-preview.completed .check-circle{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.task-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.task-time{color:var(--muted);align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.task-tag{border-radius:var(--r-pill);padding:3px 10px;font-size:11px;font-weight:700}.task-skeleton{background-color:var(--surface-alt);background-image:linear-gradient(100deg, transparent 20%, var(--sheen) 44%, transparent 68%);border-radius:var(--r-md);background-repeat:no-repeat;background-size:260% 100%;height:52px;animation:1.5s linear infinite shimmer}.task-skeleton:nth-child(2){animation-delay:.15s}.task-skeleton:nth-child(3){animation-delay:.3s}@keyframes shimmer{0%{background-position:160% 0}to{background-position:-60% 0}}.panel-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:34px 16px;display:flex}.panel-state p{font-size:14px;font-weight:600}.dismiss-button{border-radius:var(--r-pill);color:var(--muted);justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;display:flex}.dismiss-button:hover{background:var(--surface)}.task-row .check-circle{margin-top:2px}@media (width>=1000px){.task-row .task-meta{flex:none;margin-top:0}}.task-time.overdue{color:var(--rose);font-weight:700}.task-skeleton.tall{height:66px}.empty-card .muted{max-width:380px;margin:10px auto 26px}.segmented{background:var(--surface-alt);border-radius:var(--r-pill);flex:none;gap:2px;padding:4px;display:flex}.segmented button{border-radius:var(--r-pill);color:var(--muted);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .18s,color .18s;display:flex}.segmented button.active{background:var(--surface);box-shadow:var(--shadow-xs);color:var(--primary-strong)}select{appearance:none;background-color:var(--surface);background-image:var(--chevron);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text);cursor:pointer;background-position:right 14px center;background-repeat:no-repeat;background-size:16px 16px;padding:10px 38px 10px 14px;font-family:inherit;font-size:13px;font-weight:600}select:focus-visible{border-color:var(--primary)}.voice-ghost{border-radius:var(--r-pill);color:var(--muted);align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:700;transition:background .18s,color .18s;display:inline-flex}.voice-ghost:hover{background:var(--surface-alt);color:var(--text)}.voice-ghost:disabled{cursor:not-allowed;opacity:.6}.listening-dots{vertical-align:middle;gap:4px;padding-left:4px;display:inline-flex}.listening-dots i{border-radius:var(--r-pill);opacity:.35;background:currentColor;width:5px;height:5px;animation:1.4s ease-in-out infinite breathe}.listening-dots i:nth-child(2){animation-delay:.2s}.listening-dots i:nth-child(3){animation-delay:.4s}@keyframes breathe{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.modal-head .muted{margin-top:4px}@keyframes pulse{0%,to{box-shadow:0 0 #e0526d80}50%{box-shadow:0 0 0 10px #e0526d00}}.field{gap:10px;display:grid}.field-label{color:var(--text);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.field-hint{color:var(--muted);font-size:12px;font-weight:500;line-height:1.45}.field-optional{color:var(--muted);font-size:12px;font-weight:500}.control{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);outline:0;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;font-weight:500;transition:border-color .18s,box-shadow .18s}textarea.control{resize:vertical}@supports (-webkit-touch-callout:none){@media (pointer:coarse){input,textarea{font-size:16px!important}}}.control::placeholder{color:var(--muted)}.control:focus,.control:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.control:disabled{cursor:not-allowed;opacity:.6}.control.adorned{align-items:center;gap:11px;padding:0 16px;display:flex}.control.adorned>svg{color:var(--muted);flex:none}.control.adorned input{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-width:0;padding:14px 0;font-family:inherit;font-size:15px;font-weight:600}.control.adorned input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.35;margin:0;transition:opacity .18s}.control.adorned input::-webkit-calendar-picker-indicator:hover{opacity:.8}:root[data-theme=dark] .control.adorned input::-webkit-calendar-picker-indicator{filter:invert()}.input-with-action{display:block;position:relative}.input-with-action input{padding-right:48px}.input-with-action input.has-check{padding-right:78px}.input-action{border-radius:var(--r-sm);color:var(--muted);justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.input-action:hover{background:var(--surface-alt);color:var(--primary)}.input-ok{color:var(--primary);display:flex;position:absolute;top:50%;right:46px;transform:translateY(-50%)}.control.invalid{border-color:var(--rose)}.control.invalid:focus{box-shadow:0 0 0 4px var(--rose-soft)}.caps-hint{background:var(--tangerine-soft);border-radius:var(--r-sm);color:var(--tangerine);align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.strength{gap:7px;display:grid}.strength-bars{gap:5px;display:flex}.strength-bars i{background:var(--border);border-radius:var(--r-pill);flex:1;height:5px;transition:background .2s}.strength-label{font-size:12px;font-weight:700}.strength[data-level="1"] .strength-bars i.on{background:var(--rose)}.strength[data-level="1"] .strength-label{color:var(--rose)}.strength[data-level="2"] .strength-bars i.on{background:var(--tangerine)}.strength[data-level="2"] .strength-label{color:var(--tangerine)}.strength[data-level="3"] .strength-bars i.on{background:var(--periwinkle)}.strength[data-level="3"] .strength-label{color:var(--periwinkle)}.strength[data-level="4"] .strength-bars i.on{background:var(--primary)}.strength[data-level="4"] .strength-label{color:var(--primary-strong)}.req-list{grid-template-columns:1fr 1fr;gap:7px;display:grid}.req{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.req svg{color:var(--border-strong)}.req.met{color:var(--primary-strong)}.req.met svg{color:var(--primary)}@media (width<=420px){.req-list{grid-template-columns:1fr}}.chip{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-soft);padding:9px 16px;font-size:13px;font-weight:600;transition:background .18s,border-color .18s,color .18s}.chip:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.chip.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.chip.clear{color:var(--muted);align-items:center;gap:5px;display:inline-flex}.chip.clear:hover:not(:disabled){background:var(--rose-soft);border-color:var(--rose);color:var(--rose)}.chip:disabled{cursor:not-allowed;opacity:.55}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}.preview-progress .bar{background:var(--surface-alt);border-radius:var(--r-pill);height:6px;overflow:hidden}.preview-progress .bar i{background:var(--gradient);width:75%;height:100%;display:block}.field-hint{color:var(--muted);font-size:12px;font-weight:600}.field-error{color:var(--rose);align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.form-error{background:var(--rose-soft);border-radius:var(--r-md);color:var(--rose);align-items:flex-start;gap:9px;padding:12px 13px;font-size:13px;font-weight:600;line-height:1.5;display:flex}@media (width<=860px){.panel,.settings-card{border-radius:var(--r-lg);padding:20px 18px}.segmented{width:100%}.segmented button{flex:1;justify-content:center}select{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:calc(24px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));z-index:40;background:#081c1773;justify-content:center;align-items:flex-start;animation:.18s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:100%;max-width:540px;margin:auto 0;padding:28px;animation:.22s modalIn}.modal.is-framed{flex-direction:column;max-height:100%;display:flex}.modal.is-framed form{flex-direction:column;flex:1;min-height:0;display:flex}.modal.is-framed .modal-head,.modal.is-framed .modal-actions,.modal.is-framed>:not(form){flex:none}.modal-body{gap:20px;min-height:0;margin:-3px;padding:3px;display:grid;overflow-y:auto}.modal.is-framed .modal-head{border-bottom:1px solid var(--border);padding-bottom:18px}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal-head h2{letter-spacing:-.5px;font-size:22px;font-weight:800}.modal-close{border-radius:var(--r-pill);color:var(--muted);flex:none;justify-content:center;align-items:center;width:34px;height:34px;transition:background .18s,color .18s;display:flex}.modal-close:hover{background:var(--surface-alt);color:var(--text)}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding-top:20px;display:flex}.modal-submit{background:var(--primary);border-radius:var(--r-pill);box-shadow:var(--shadow-primary);color:var(--on-primary);justify-content:center;align-items:center;gap:8px;padding:14px 26px;font-size:15px;font-weight:700;transition:background .18s,transform .18s;display:inline-flex}.modal-submit:hover:not(:disabled){background:var(--primary-strong);transform:translateY(-1px)}.modal-submit:disabled{cursor:wait;opacity:.75}@media (width<=560px){.modal{border-radius:var(--r-lg);padding:22px 18px}.modal-actions{flex-direction:column-reverse}}.app-toast{border:1px solid var(--border);box-shadow:var(--shadow-lg);gap:4px;max-width:min(380px,100vw - 32px);font-size:14px;font-weight:600;background:var(--surface)!important;border-radius:var(--r-lg)!important;color:var(--text)!important;padding:10px 10px 10px 14px!important}.app-toast-message{flex:1;min-width:0;padding:2px 0;line-height:1.4}.app-toast-close{border-radius:var(--r-pill);color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-self:flex-start;align-items:center;width:26px;height:26px;margin-left:2px;transition:background .18s,color .18s;display:flex}.app-toast-close:hover{background:var(--surface-alt);color:var(--text)}@media (width<=560px){.app-toast{max-width:calc(100vw - 24px)}}.page-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}@media (width<=860px){.page-head{flex-direction:column;align-items:flex-start}}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.ticker{font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:20px;font-weight:800}.friend-row{border-radius:var(--r-md);align-items:center;gap:13px;padding:11px 10px;transition:background .18s;display:flex}.friend-row:hover{background:var(--surface-soft)}.friend-avatar{background:var(--gradient);border-radius:var(--r-pill);color:#fff;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex}.friend-copy{flex:1;min-width:0}.friend-copy strong{font-size:15px;font-weight:600;display:block}.friend-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.friend-add{background:var(--primary);border-radius:var(--r-pill);color:var(--on-primary);flex:none;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;transition:background .18s;display:inline-flex}.friend-add:hover:not(:disabled){background:var(--primary-strong)}.friend-add:disabled{cursor:wait;opacity:.7}.friend-added{color:var(--primary-strong);flex:none;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:700;display:inline-flex}.list-summary{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}.search-inline{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--muted);flex:180px;align-items:center;gap:8px;min-width:0;padding:0 14px;transition:border-color .18s,box-shadow .18s;display:flex}.search-inline:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.search-inline input{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-width:0;padding:10px 0;font-size:14px;font-weight:500}.search-inline button{border-radius:var(--r-pill);color:var(--muted);justify-content:center;align-items:center;width:20px;height:20px;display:flex}.search-inline button:hover{background:var(--surface-alt);color:var(--text)}.brand-mark{background:var(--gradient);box-shadow:var(--shadow-primary);color:#fff;border-radius:14px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.brand-mark.sm{border-radius:11px;width:30px;height:30px}.field-pair{grid-template-columns:1.25fr 1fr;gap:12px;display:grid}.field-pair>*{min-width:0}@media (width<=560px){.field-pair{grid-template-columns:1fr}}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.panel-heading h2{align-items:center;gap:9px;display:flex}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:20px 0;display:flex}.setting-row:last-child{border-bottom:0}.setting-label{align-items:center;gap:14px;display:flex}.setting-icon{color:var(--primary);flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.setting-row strong{font-size:15px;font-weight:700;display:block}.setting-row small{color:var(--muted);margin-top:2px;font-size:13px;display:block}@media (width<=860px){.setting-row{flex-direction:column;align-items:flex-start}}.icon-button{border-radius:var(--r-pill);color:var(--text-soft);background:0 0;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:flex;position:relative}.icon-button.is-busy{color:var(--primary);opacity:1}.icon-button:hover{background:var(--primary-soft);color:var(--primary-strong);transform:translateY(-1px)}.back-link{color:var(--muted);align-items:center;gap:6px;margin-bottom:14px;font-size:13px;font-weight:700;text-decoration:none;transition:color .18s;display:inline-flex}.back-link:hover{color:var(--primary-strong)}.head-actions{flex:none;align-items:center;gap:10px;display:flex}.head-link{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--primary-strong);align-items:center;gap:7px;padding:12px 17px;font-size:13.5px;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.head-link:hover{background:var(--primary-soft);border-color:var(--primary);transform:translateY(-1px)}.modal-actions-gap{flex:1}.setting-action{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-pill);color:var(--primary-strong);flex:none;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;transition:background .18s,border-color .18s;display:inline-flex}.setting-action:hover{background:var(--primary-soft);border-color:var(--primary)}.balance-summary{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.balance-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px 20px}.balance-card span{color:var(--muted);font-size:13px;font-weight:600;display:block}.balance-card strong{letter-spacing:-.8px;margin-top:4px;font-size:26px;font-weight:800;display:block}.balance-card.up strong{color:var(--primary-strong)}.balance-card.down strong{color:var(--rose)}.groups-empty{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--r-xl);color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;display:flex}.groups-empty p{font-size:15px;font-weight:600}.empty-wallet{background:var(--gradient-soft);border-radius:var(--r-lg);color:var(--primary);justify-content:center;align-items:center;width:72px;height:72px;display:flex}@media (width<=860px){.balance-summary{gap:12px}.balance-card{padding:14px 16px}.balance-card strong{font-size:22px}}:root{--expense-row-pad:6px;--expense-gap:14px;--expense-actions-w:70px;--expense-amount-inset:calc(var(--expense-row-pad) + var(--expense-gap) + var(--expense-actions-w))}@media (width<=560px){:root{--expense-row-pad:2px;--expense-gap:12px;--expense-amount-inset:var(--expense-row-pad)}}.tone-food{--tone:var(--tangerine)}.tone-groceries{--tone:#16a34a}.tone-drinks{--tone:#a855f7}.tone-smoke{--tone:#a16207}.tone-travel{--tone:var(--periwinkle)}.tone-fuel{--tone:#ef4444}.tone-parking{--tone:#0ea5e9}.tone-transport{--tone:#f59e0b}.tone-stay{--tone:var(--primary)}.tone-activities{--tone:#14b8a6}.tone-shopping{--tone:var(--rose)}.tone-laundry{--tone:#0891b2}.tone-repairs{--tone:#78716c}.tone-rent{--tone:#1d4ed8}.tone-bills{--tone:#6366f1}.tone-emi{--tone:#7c3aed}.tone-loan{--tone:#0e7490}.tone-investments{--tone:#65a30d}.tone-health{--tone:#e11d48}.tone-gifts{--tone:#d946ef}.tone-other{--tone:#64748b}.tone-plain{--tone:var(--muted)}.budget-rings{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;display:grid}@media (width<=460px){.budget-rings{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}}.delta-icon{background:color-mix(in srgb, var(--tone) 15%, var(--surface));color:var(--tone);border-radius:10px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.help-modal{max-width:460px}.help-list{gap:4px;display:grid}.help-row{border-radius:var(--r-md);align-items:flex-start;gap:12px;padding:11px 10px;display:flex}.help-row:nth-child(odd){background:var(--surface-soft)}.help-icon{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--primary-strong);flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.help-row strong{letter-spacing:-.2px;font-size:14px;font-weight:700;display:block}.help-row p{color:var(--muted);margin-top:2px;font-size:12.5px;font-weight:500;line-height:1.5}.help-foot{background:var(--gradient-soft);border-radius:var(--r-md);color:var(--muted);align-items:flex-start;gap:8px;margin-top:14px;padding:12px 14px;font-size:12.5px;font-weight:500;line-height:1.5;display:flex}.help-foot svg{color:var(--primary);flex:none;margin-top:2px}.help-foot em{background:var(--periwinkle-soft);border-radius:var(--r-pill);color:var(--periwinkle);letter-spacing:.3px;text-transform:uppercase;padding:1px 6px;font-size:10.5px;font-style:normal;font-weight:800}