/* Device appearance. Category colours, avatars and photos keep their own palette. */
.theme-settings{padding:16px 0;border-top:1px solid var(--line)}
.theme-settings:first-child{border-top:0}
.theme-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.theme-settings-heading strong{font-size:14px;font-weight:650}
.theme-settings-heading small{font-size:10px;color:var(--muted)}
.theme-options{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:4px;padding:4px;background:#edf1f7;border-radius:12px}
.theme-options button{min-height:40px;min-width:0;padding:8px 4px;border-radius:8px;font-size:12px;line-height:1.35;color:var(--muted)}
.theme-options button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #13264412;font-weight:600}
.theme-options button:focus-visible{outline:2px solid #7d8da5;outline-offset:1px}
html[data-theme=light]{color-scheme:light}
html[data-theme=dark]{color-scheme:dark;--bg:#101925;--paper:#192536;--surface:#192536;--ink:#e6edf7;--muted:#a2b1c7;--blue:#96afff;--blue-soft:#243b63;--green:#6ccdb0;--red:#f2948b;--line:#304055;--control-border:#7689a3;--control-pressed:#2b3e58;--theme-raised:#213147;--theme-inset:#142032;--theme-positive:#183b35;--theme-negative:#452c32;--theme-warning:#423827;color:var(--ink);background:var(--bg)}
html[data-theme=dark] body{background:var(--bg);color:var(--ink)}
html[data-theme=dark] #app{border-color:var(--line)}
html[data-theme=dark] .overlay{background:#030912ad}
html[data-theme=dark] .sheet{background:var(--paper)}
html[data-theme=dark] .settings-sheet{background:var(--bg)}
html[data-theme=dark] .sheet-grabber::before{background:#52647e}
html[data-theme=dark] :is(.sheet-head .icon-button,.topbar>.icon-button,.topbar-actions>.icon-button,.empty-symbol,.ux-add-symbol){background:var(--theme-raised);border-color:var(--line)}
html[data-theme=dark] :is(.list-panel,.empty,.start-callout,.cash-breakdown,.debt-totals,.debt-card,.upcoming-payment,.debt-scenario-shortcut,.business-bar,.business-summary,.section-manage,.insights-list,.insights-operations,.catalog-item,.catalog-empty,.catalog-icon-disclosure,.layout-list,.layout-empty-page,.notification-entry,.home-plans-empty,.account-card,.account-ledger,.cushion-details-panel,.posted-payment-list,.monthly-payment-item,.plan-empty,.plan-selection-panel,.ux-disclosure,.plan-icon-disclosure){background:var(--paper);border-color:var(--line)}
html[data-theme=dark] :is(.account-valuation,.account-shortcut,.reconcile-preview,.cushion-estimate-total,.account-detail-balances>div,.account-history-chart,.debt-overview,.debt-scenario,.business-picker select,.family-callout,.insights-total,.insights-empty,.rule-schedule-preview,.rule-card .rule-forecast,.upcoming-result,.exchange-panel,.plan-budget-note,.auth-identity,.auth-invite-result,.auth-invite-note){background:var(--theme-inset);border-color:var(--line)}
html[data-theme=dark] :is(.credit-card,.debt-scenario.total,.monthly-payment-item[data-monthly-scope=total]){background:var(--theme-raised);border-color:var(--line)}
html[data-theme=dark] :is(.operation,.settings-row,.settings-group .settings-row,.account-entry,.credit-debt,.catalog-item-actions,.catalog-children,.catalog-subitem,.business-numbers,.business-numbers>span:last-child,.section-totals,.section-totals .section-result,.reserve-overview,.install-callout,.cause-list,.rule-forecast-help,.plan-summary,.plan-item .ux-plan-details,.ux-form-details,.ux-selection-money,#auth-legacy,#auth-recovery,#money-balance-history p){border-color:var(--line)}
html[data-theme=dark] .balance-card{background:#294ab7}
html[data-theme=dark] .balance-card.balance-warning{background:#ab4846}
html[data-theme=dark] :is(.balance-card,.balance-card .balance-number,.balance-card .balance-growth,.balance-card .income,.balance-card .expense){color:#fff}
html[data-theme=dark] :is(.balance-label,.balance-baseline,.balance-split label,.balance-number>.rub-equivalent){color:#e1e9ff}
html[data-theme=dark] .rate-card{background:var(--paper);border-color:var(--line)}
html[data-theme=dark] .currency-disc{background:#21463f;color:#8ad6c2}
html[data-theme=dark] .bottom-nav{background:var(--paper);border-color:var(--line)}
html[data-theme=dark] :is(.primary,.fab,.ux-add.fab){background:#315cfd;color:#fff;box-shadow:none}
html[data-theme=dark] :is(.primary,.fab):active{background:#3e66ff}
html[data-theme=dark] :is(.secondary,.filter,.segmented:where(:not(.plan-tabs)),.currency-switch,.averages-unit,.theme-options,.auth-tabs,.badge){background:var(--theme-raised);color:var(--muted)}
html[data-theme=dark] :is(.segmented:where(:not(.plan-tabs)) button.selected,.currency-switch button.selected,.averages-unit button[aria-pressed=true],.theme-options button[aria-pressed=true],.auth-tabs button.selected){background:#30425f;color:var(--ink);box-shadow:none}
html[data-theme=dark] .filter.active{background:#375783;color:#f1f5ff}
html[data-theme=dark] :is(.text-button,.converted,.category-more,.plan-members-manage){color:var(--blue)}
html[data-theme=dark] :is(.danger-text,.expense){color:var(--red)}
html[data-theme=dark] .income{color:var(--green)}
html[data-theme=dark] :is(.settings-row .settings-symbol,.cushion-account-icon,.account-details-open .account-symbol,.catalog-item-icon,.insights-icon,.home-plan-symbol,.life-money-actions .settings-row>.icon:first-child){background:var(--theme-raised)}
html[data-theme=dark] :is(.settings-row .settings-symbol,.cushion-account-icon,.account-details-open .account-symbol,.catalog-item-icon,.life-money-actions .settings-row>.icon:first-child){color:#a2b9e3}
html[data-theme=dark] :is(.settings-group button.settings-row,.account-details-open,.business-summary,.life-money-actions .settings-row,.insights-row):active{background:var(--theme-raised)}
html[data-theme=dark] :is(.life-money-actions .settings-row,.credit-card .secondary,.account-card>.account-edit.secondary,.catalog-status .selected){background:var(--theme-raised);border-color:var(--line)}
html[data-theme=dark] :is(.finance-kicker,.finance-heading p,.section-totals span,.reserve-overview span,.reserve-overview small,.install-steps,.family-callout p,.business-name small,.business-numbers small,.cushion-estimate-total>span,.account-history-chart .history-axis,.debt-overview small){color:var(--muted)}
html[data-theme=dark] .section-result span{color:var(--ink)}
html[data-theme=dark] :is(.section-result.positive strong,.auth-success){color:var(--green)}
html[data-theme=dark] .section-result.negative strong{color:var(--red)}
html[data-theme=dark] :is(.movement.positive,.insight.success,.debt-scenario.positive,.badge.ok,.rule-upcoming-status){background:var(--theme-positive);border-color:#2d5248;color:var(--green)}
html[data-theme=dark] :is(.movement.negative,.insight.warning,.debt-scenario.negative,.account-negative,.plan-warning,.plan-selection-warning,.rule-upcoming-status.overdue,.error,.rule-schedule-preview.invalid){background:var(--theme-negative);border-color:#664048;color:#ffb2a6}
html[data-theme=dark] :is(.warning-note,.payment-review-note,.rule-paused,.rule-action-choice,.rule-early-charge){background:var(--theme-warning);border-color:#63513a;color:#e9c698}
html[data-theme=dark] :is(.insight p,.insight.success p,.payment-review-note p,.rule-action-choice p,.rule-early-charge p){color:inherit}
html[data-theme=dark] .movement>span{background:#ffffff0d}
html[data-theme=dark] input:not([type=checkbox]):not([type=radio]),html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .select-trigger,html[data-theme=dark] #money-rates{background:var(--theme-inset);color:var(--ink);border-color:#3a4c65}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#899ab2;opacity:1}
html[data-theme=dark] :is(input,textarea,select):disabled,html[data-theme=dark] .select-trigger:disabled,html[data-theme=dark] .select-trigger[aria-disabled=true]{background:#202e41;color:#8392a8}
html[data-theme=dark] :is(.select-menu,.select-option,.select-menu.select-popover){background:var(--theme-raised);color:var(--ink);border-color:#425470;box-shadow:none}
html[data-theme=dark] .select-menu.select-popover{box-shadow:0 10px 28px #0006}
html[data-theme=dark] .select-option[aria-selected=true]{background:#30476c;color:#dbe6ff}
html[data-theme=dark] .select-trigger[aria-expanded=true]{background:#24354e}
html[data-theme=dark] :is(.select-trigger>.icon:last-child,.select-tick){color:#a6badc}
html[data-theme=dark] .search input[type=search]{background:var(--theme-inset);border-color:#3a4c65;color:var(--ink)}
html[data-theme=dark] :is(.category-pick,.category-pick.subcategory,.category-more,.catalog-icon-option,.member-avatar-option){background:var(--theme-raised);border-color:transparent;color:var(--ink)}
html[data-theme=dark] :is(.category-pick.selected,.catalog-icon-option.selected,.member-avatar-option[aria-pressed=true]){background:var(--blue-soft);border-color:var(--blue);color:var(--ink)}
html[data-theme=dark] .category-pick small{color:var(--muted)}
html[data-theme=dark] .catalog-subitem .catalog-item-icon,html[data-theme=dark] .catalog-parent-context>.catalog-item-main .catalog-item-icon{background:var(--theme-raised)}
html[data-theme=dark] :is(.switch-row,.reserve-toggle) input[type=checkbox]{background:#4a5b73}
html[data-theme=dark] :is(.switch-row,.reserve-toggle) input[type=checkbox]:checked{background:#587bed}
html[data-theme=dark] .layout-visibility>span{background:#4a5b73}
html[data-theme=dark] .layout-row.layout-dragging{background:var(--theme-raised)}
html[data-theme=dark] .motion-selection{background:var(--blue-soft);border-color:#365381;box-shadow:none}
html[data-theme=dark] .bottom-nav.motion-segment>.motion-selection{background:var(--blue-soft);box-shadow:none}
html[data-theme=dark] .ux-add-choices>button{background:var(--theme-inset)}
html[data-theme=dark] :is(.ux-money-action,.ux-finance-setting,.ux-finance-actions .section-actions .secondary,.ux-detail-body>[data-ux-analytics]){background:var(--theme-raised);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] :is(.ux-money-action>.icon,.ux-finance-setting>.icon){color:#a2b9e3}
html[data-theme=dark] #operation-form .amount-line>input{background:transparent;color:var(--ink)}
html[data-theme=dark] #operation-form .form-actions{background:var(--paper)}
html[data-theme=dark] #operation-form .amount-line{border-color:#3a4c65}
html[data-theme=dark] :is(.plan-list>.plan-item,.rule-card){background:var(--theme-inset);border-color:var(--line)}
html[data-theme=dark] :is(.plan-list>.plan-item .plan-surface,.rule-surface){background:var(--paper)}
html[data-theme=dark] .plan-item.plan-important:not(.plan-selected)>.plan-surface{background:#1b293b;box-shadow:none}
html[data-theme=dark] .plan-list>.plan-item.plan-important:not(.plan-selected){border-color:var(--line)}
html[data-theme=dark] .plan-item.plan-selected>.plan-surface{background:#1c2b40}
html[data-theme=dark] .plan-item .plan-selection-check>span{border-color:#7588a3}
html[data-theme=dark] .plan-item.plan-selected .plan-selection-check>span{background:#5278e0;border-color:#87a6ff;color:#fff}
html[data-theme=dark] :is(.plan-item .plan-kind-icon,.rule-symbol,.plan-icon-grid>button,#plan-icon-preview){background:var(--theme-raised);color:#abc1e6}
html[data-theme=dark] .rule-card .rule-symbol{color:var(--rule-color,var(--blue))}
html[data-theme=dark] .plan-item .plan-card-label>.priority{color:#a9bfff}
html[data-theme=dark] .plan-item .plan-card-label>.priority .icon{fill:#344b73}
html[data-theme=dark] :is(.plan-item .plan-meta .plan-owner,.plan-item .plan-actions .pd-card-edit,.plan-item .plan-actions .quiet){color:var(--muted)}
html[data-theme=dark] .plan-meta .plan-owner.shared{background:transparent}
html[data-theme=dark] :is(.plan-item .plan-meta .late,.plan-item .plan-paid){color:var(--red)}
html[data-theme=dark] .plan-item .plan-paid{color:var(--green)}
html[data-theme=dark] .plan-item .plan-actions .plan-pay-action,html[data-theme=dark] .plan-item .plan-actions>[data-plan-expense]{background:#315cfd;color:#fff}
html[data-theme=dark] :is(.plan-item .ux-plan-details>summary b,.plan-item .pd-forecast-summary .rub-equivalent){color:var(--muted)}
html[data-theme=dark] :is(.plan-card-forecast,.plan-goal,.rule-card .rule-forecast){background:var(--theme-inset);border-color:var(--line)}
html[data-theme=dark] :is(.plan-goal-heading,.plan-goal-heading small,.plan-goal-bottom){color:var(--muted)}
html[data-theme=dark] :is(.plan-goal-heading>strong,.plan-goal-bottom>strong){color:#b6cbff}
html[data-theme=dark] .plan-goal-track{background:#304c74}
html[data-theme=dark] .plan-goal-track>span{background:#779cec}
html[data-theme=dark] .plan-item .pd-free-complete{background:var(--theme-raised);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] :is(.plan-swipe-reveal,.rule-pay-action){background:var(--blue-soft);color:#c2d1ff}
html[data-theme=dark] :is(.plan-item,.rule-card).swipe-ready .plan-swipe-reveal{background:#426ad0;color:#fff}
html[data-theme=dark] .ux-plan-add{background:var(--blue-soft);border-color:#385279;color:#c2d1ff}
html[data-theme=dark] .ux-plan-toolbar>.ux-plan-menu>summary,html[data-theme=dark] .ux-plan-menu[open]>summary{background:var(--theme-raised);color:var(--ink)}
html[data-theme=dark] .ux-plan-menu-body{background:var(--theme-raised);border-color:#425470;box-shadow:0 10px 28px #0006}
html[data-theme=dark] .ux-plan-menu-body button{color:var(--ink)}
html[data-theme=dark] .ux-plan-menu-body button:is(.selected,.active,[aria-pressed=true]),html[data-theme=dark] .ux-plan-menu-body button:enabled:hover{background:#30476c;color:#dbe6ff}
html[data-theme=dark] .ux-plan-menu-body .plan-bulk-delete{color:var(--red)}
html[data-theme=dark] .plan-sheet:has([data-plans-design])>.sheet-head,html[data-theme=dark] .plan-sheet form[data-plans-design] .pd-save-bar{background:var(--paper)}
html[data-theme=dark] .plan-sheet form[data-plans-design] input:not([type=checkbox]),html[data-theme=dark] .plan-sheet form[data-plans-design] .select-trigger{background:var(--theme-inset);color:var(--ink);border-color:#3a4c65}
html[data-theme=dark] .plan-sheet form[data-plans-design] :is(.field-label,.pd-form-details>summary,.plan-important-control small),html[data-theme=dark] #rule-form[data-plans-design] .pd-manual-note{color:var(--muted)}
html[data-theme=dark] .plan-sheet form[data-plans-design] .plan-important-control>span{color:#aec2ff}
html[data-theme=dark] .plan-sheet form[data-plans-design] .plan-important-control .icon{fill:#344b73}
html[data-theme=dark] .plan-sheet form[data-plans-design] :is(.pd-form-details,.pd-save-bar,.plan-icon-disclosure),html[data-theme=dark] #rule-form[data-plans-design] .pd-rule-timing{border-color:var(--line)}
html[data-theme=dark] .plan-icon-grid>button[aria-pressed=true]{background:var(--blue-soft);border-color:var(--blue);color:var(--ink)}
html[data-theme=dark] .rule-schedule-preview li{background:var(--theme-raised);color:var(--ink)}
html[data-theme=dark] :is(.rule-schedule-preview .rule-preview-warning,.rule-period-accounted){color:#a8c8b7}
html[data-theme=dark] .auth-symbol{background:var(--blue-soft);color:#aec2ff}
html[data-theme=dark] .auth-identity small{color:var(--green)}
html[data-theme=dark] .auth-invite-result>strong{color:#bed0ff}
html[data-theme=dark] .auth-invite-note{color:#bfd0ed}
html[data-theme=dark] .money-account-item{background:var(--paper);border-color:var(--line)}
html[data-theme=dark] .dd-open:active{background:var(--theme-raised)}
html[data-theme=dark] .dd-record>.row .badge{background:var(--theme-raised);color:var(--muted)}
html[data-theme=dark] .dd-record.dd-incoming>.row .badge{background:var(--theme-positive);color:var(--green)}
html[data-theme=dark] .dd-record.dd-outgoing>.row .badge:not(.ok){background:var(--theme-negative);color:var(--red)}
html[data-theme=dark] .dd-record>.secondary{background:var(--blue-soft);color:#c2d1ff}
html[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus,html[data-theme=dark] .select-trigger:focus{outline:none;border-color:#97a9c1;box-shadow:inset 0 -1px 0 #97a9c1}
html[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus-visible,html[data-theme=dark] .select-trigger:focus-visible{outline:none;box-shadow:inset 0 -2px 0 #b0c0d7}
html[data-theme=dark] #operation-form .amount-line>input:focus{outline:none;box-shadow:inset 0 -2px 0 #b0c0d7}
html[data-theme=dark] :is(input,select,textarea)[aria-invalid=true],html[data-theme=dark] .select-trigger[aria-invalid=true]{background:#34252e;border-color:var(--red)}
html[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]),select,textarea)[aria-invalid=true]:focus,html[data-theme=dark] .select-trigger[aria-invalid=true]:focus,html[data-theme=dark] #operation-form .amount-line>input[aria-invalid=true]:focus{border-color:var(--red);box-shadow:inset 0 -2px 0 var(--red)}
@media(prefers-reduced-motion:reduce){.theme-options button{transition:none}}
@media(forced-colors:active){.theme-options button[aria-pressed=true]{border:1px solid Highlight}html[data-theme=dark] :is(input,select,textarea,.select-trigger):focus-visible{outline:1px solid Highlight;outline-offset:2px;box-shadow:none}}

html[data-theme=dark] .plan-item .ux-plan-details{background:transparent}
html[data-theme=dark] .plan-list>.plan-item.plan-selected{border-color:#526989;box-shadow:none}

@media(hover:hover){html[data-theme=dark] .ux-plan-menu>summary:hover{background:var(--theme-raised);color:var(--ink)}}

/* Dark surfaces keep category colours without bright icon tiles. */
html[data-theme=dark] .cat-icon{background:var(--theme-raised);color:var(--muted);color:color-mix(in srgb,var(--cat,var(--blue)) 72%,var(--muted))}
html[data-theme=dark] .home-plan-symbol{color:var(--muted);color:color-mix(in srgb,var(--home-plan-color,var(--blue)) 72%,var(--muted))}
html[data-theme=dark] .rule-card .rule-symbol{color:var(--muted);color:color-mix(in srgb,var(--rule-color,var(--blue)) 72%,var(--muted))}

/* Shared app foundation. Feature styles use these dimensions and surfaces. */
:root{
  --ui-card-radius:18px;--ui-nested-radius:14px;--ui-control-radius:12px;
  --ui-inset:16px;--ui-gap:12px;--ui-touch:44px;--ui-action:48px;
  --ui-nested:#f0f3f8;--ui-control:#fff;--ui-track:#e9eef6;
  --ui-selected:#fff;--ui-control-line:#d6dfeb;--ui-accent:#315cfd;
}
html[data-theme=dark]{
  --ui-nested:#132030;--ui-control:#142032;--ui-track:#213147;
  --ui-selected:#304560;--ui-control-line:#3a4e67;
}
body{line-height:1.45}
body #app{padding-inline:20px;padding-bottom:calc(var(--nav) + 92px + env(safe-area-inset-bottom))}
body .topbar{height:72px;gap:12px}
body .topbar-actions{gap:4px}
body .topbar-actions>.icon-button{width:44px;height:44px;min-height:44px;background:var(--paper);border:1px solid var(--line);border-radius:14px}
body .period-bar{justify-content:center;margin:4px 0 16px}
body .month-label{display:flex;align-items:center;gap:8px;flex:0 1 auto;max-width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:14px;font-weight:600}
body .month-label .icon{width:18px;height:18px;color:var(--muted)}
#month-caption{position:relative;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body :is(.primary,.secondary){min-height:var(--ui-action);padding:12px 16px;border-radius:var(--ui-control-radius);font-size:14px;line-height:1.4;font-weight:600;gap:8px}
body .primary{background:var(--ui-accent);color:#fff}
body .secondary{background:var(--ui-track);border:1px solid var(--line);color:var(--ink)}
body :is(.text-button,.danger-text){min-height:44px;font-size:13px;line-height:1.4;border-radius:var(--ui-control-radius)}
body .icon-button{width:44px;height:44px;min-height:44px}
body .icon{stroke-width:1.8}
html[data-theme] body :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),textarea,.select-trigger,.date-picker-trigger){
  min-height:48px;border-radius:var(--ui-control-radius);border-color:var(--ui-control-line);
  background:var(--ui-control);color:var(--ink);font-size:14px;line-height:1.45;
}
body .field-label{font-size:13px;line-height:1.4;margin:16px 0 8px}
body :is(.select-option,.date-picker-trigger){min-height:44px}
body .select-option{font-size:14px;line-height:1.4}
body .select-menu{border-radius:14px;padding:5px;background:var(--paper);border-color:var(--ui-control-line)}
body .select-option{border-radius:9px;padding:11px 12px}
body .segmented{padding:4px;gap:4px;background:var(--ui-track);border-radius:16px}
body .segmented>button{min-width:0;min-height:44px;padding:8px 6px;border-radius:12px;font-size:13px;line-height:1.35;color:var(--muted);font-weight:550}
body .segmented>button.selected{background:var(--ui-selected);color:var(--ink);box-shadow:none;font-weight:650}
body .segmented:has(>button:nth-child(3))>button{font-size:12px;padding-inline:4px}
body .filters{gap:8px;margin-block:12px}
body .filter{min-height:44px;padding:8px;border-radius:12px;background:var(--ui-track);font-size:13px;color:var(--muted)}
body .filter.active{background:var(--ui-selected);box-shadow:inset 0 0 0 1px var(--ui-control-line);color:var(--ink)}
body .theme-options{background:var(--ui-track);border-radius:16px;gap:4px;padding:4px}
body .theme-options>button{min-height:44px;border-radius:12px;font-size:13px}
body .theme-options>button[aria-pressed=true]{background:var(--ui-selected);box-shadow:none}
body .overlay>.sheet{padding:12px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;max-height:96dvh;scroll-padding-block:20px}
body .sheet-head{gap:8px;align-items:center;margin-bottom:16px;padding:0;min-height:44px}
body .sheet-head>h2{font-size:22px;line-height:1.25;letter-spacing:-.35px;min-width:0;flex:1;margin:0;overflow-wrap:anywhere}
body .sheet-head>.icon-button{background:var(--ui-track);border:0;border-radius:50%;flex:none}
body .sheet-grabber{height:16px;margin:0 auto 12px}
body .sheet-grabber::before{width:32px;height:4px;background:var(--muted);opacity:.5}
body .form-actions{margin-top:20px;display:grid;gap:8px}
body .form-actions>:is(.primary,.secondary,.danger-text){margin:0}
body .error{font-size:13px;line-height:1.5;border-radius:12px;padding:12px}
body :is(.hint,.warning-note){font-size:12px;line-height:1.5}
body .bottom-nav{background:var(--paper);border-color:var(--line);padding-inline:12px}
body .bottom-nav>button{font-size:11px;line-height:1.2;gap:4px;min-height:52px;min-width:0;flex:1}
body .bottom-nav>button>span:first-child{height:34px;padding:5px 12px;border-radius:13px}
body .bottom-nav>button>.icon,body .bottom-nav>button>span>.icon{width:23px;height:23px}
body .bottom-nav .active>span:first-child{background:var(--blue-soft);box-shadow:none;border:0}
body .fab{background:var(--ui-accent);color:#fff;border-radius:18px;box-shadow:0 4px 14px #071a451a}
body .ux-add.fab{height:48px;min-height:48px;border-radius:14px;font-size:15px}
body button:disabled{cursor:default}
@media(max-width:359px){
  body #app{padding-inline:16px}
  body .overlay>.sheet{padding-inline:16px}
  body .sheet-head>h2{font-size:20px}
  body .topbar{gap:8px}
  body .topbar-actions{gap:2px}
  body .topbar-actions>.icon-button{width:44px;min-width:44px}
  body .segmented>button{padding-inline:4px;font-size:12px}
  body .bottom-nav{padding-inline:6px}
}
@media(min-width:600px){body .overlay>.sheet{border-radius:24px;margin-block:20px;max-height:calc(100dvh - 40px)}}