:root{--ui-page:#f7f7f1;--ui-surface:#fffefa;--ui-soft:#f1f3e9;--ui-ink:#25372e;--ui-muted:#58685e;--ui-line:#dce4d9;--ui-hover:#eef2e9;--ui-pressed:#e2eadf;--ui-coral:#b94f35;--ui-coral-hover:#a83f29;--ui-coral-pressed:#8f3523;--ui-coral-ink:#fff;--ui-summary:#f3f1e7;--ui-summary-glow:#f7e6d9;--ui-shadow:0 12px 36px #2037290a}[data-theme=dark]{--ui-page:#111b17;--ui-surface:#1b2922;--ui-soft:#24352b;--ui-ink:#f1f3e9;--ui-muted:#b9c9ba;--ui-line:#3a5141;--ui-hover:#2b4033;--ui-pressed:#385240;--ui-coral:#ff9c80;--ui-coral-hover:#ffb099;--ui-coral-pressed:#e98267;--ui-coral-ink:#2a211d;--ui-summary:#203127;--ui-summary-glow:#463126;--ui-shadow:none}.app-shell{background:var(--ui-page);min-height:100svh;color:var(--ui-ink)}body{background:var(--ui-page)}.workspace-skeleton{min-height:100svh;color:var(--ui-ink)}.workspace-skeleton .startup-brand{align-items:center;font-size:27px;display:flex}.workspace-skeleton>p{color:var(--ui-muted)}.workspace-skeleton :is(.skeleton-line,.skeleton-cards>div,.skeleton-list){background:var(--ui-soft)}.app-shell :is(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}.app-shell :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app-shell :is(button,input,select,textarea):disabled{background-color:var(--surface-disabled);color:var(--ui-muted);opacity:.65}.app-shell :is(h1,h2,h3){color:var(--ui-ink)}.app-shell .sidebar{background:var(--ui-surface);border-color:var(--ui-line);width:226px;padding:29px 15px 17px}.app-shell .sidebar .brand{color:var(--ui-ink);margin:0 5px 39px;padding:0}.app-shell .sidebar .brand-wordmark{letter-spacing:-.065em;font-size:27px}.app-shell .desktop-nav{gap:5px}.app-shell .nav-item{min-height:48px;color:var(--ui-muted);border-radius:12px;padding:0 15px;font-size:15px;font-weight:650}.app-shell .nav-item:hover:not(.active),.app-shell .sidebar-group:hover,.app-shell .icon-button:hover{background:var(--ui-hover);color:var(--ui-ink)}.app-shell .nav-item:active,.app-shell .sidebar-group:active,.app-shell .icon-button:active{background:var(--ui-pressed);color:var(--ui-ink)}.app-shell .nav-item.active{background:var(--accent-soft);color:var(--ui-coral-hover)}.app-shell .sidebar-groups{border-top:1px solid var(--ui-line);margin-top:30px;padding-top:21px}.app-shell .sidebar-section-label{color:var(--ui-muted);letter-spacing:.055em;margin:0 9px 10px 15px;font-size:12px}.app-shell .sidebar-group{min-height:42px;color:var(--ui-muted);font-size:14px}.app-shell .sidebar-bottom{padding-top:15px}.app-shell .profile-button{border-color:var(--ui-line)}.app-shell .profile-button strong{color:var(--ui-ink);font-size:15px}.app-shell .profile-button small{color:var(--ui-muted);font-size:13px!important}.app-shell .demo-label{color:var(--ui-muted);margin-top:5px;font-size:12px}.app-shell .main-shell{min-width:0;margin-left:226px}.app-shell .topbar{background:var(--ui-surface);border-color:var(--ui-line);height:66px;padding:0 clamp(22px,3vw,44px)}.app-shell .topbar-breadcrumb strong{color:var(--ui-muted);font-size:14px;font-weight:650}.app-shell .topbar-actions{gap:11px}.app-shell .search-button{min-height:44px;color:var(--ui-muted);border-radius:11px;gap:9px;padding:0 12px;font-size:14px}.app-shell .search-button:hover{background:var(--ui-hover);color:var(--ui-ink)}.app-shell .search-button:active{background:var(--ui-pressed)}.app-shell .search-button kbd{background:var(--ui-soft);border-color:var(--ui-line);color:var(--ui-muted);margin-left:14px;font-size:12px}.app-shell .topbar-divider{background:var(--ui-line)}.app-shell .topbar .icon-button,.app-shell .topbar-avatar{min-width:44px;min-height:44px;color:var(--ui-muted);border-radius:11px}.app-shell .main-content{max-width:1260px;padding:33px clamp(22px,3vw,44px) 65px}.app-shell .page-heading{gap:16px;margin-bottom:25px}.app-shell .page-heading h1,.app-shell .friend-heading h1{letter-spacing:-.05em;font-size:clamp(27px,2.4vw,32px);line-height:1.2}.app-shell .page-heading p{max-width:55ch;color:var(--ui-muted);font-size:15px!important}.app-shell .home-heading{margin-bottom:19px}.app-shell .overview-top{margin-bottom:0;display:block}.app-shell .balance-card{border:1px solid var(--ui-line);background:radial-gradient(circle at 95% -18%, var(--ui-summary-glow), transparent 35%), var(--ui-summary);box-shadow:var(--ui-shadow);border-radius:22px;padding:clamp(23px,3.6vw,37px)}.app-shell .balance-card-top{color:var(--ui-muted);margin:0;font-size:14px;font-weight:700}.app-shell .balance-card-top>span{gap:0}.app-shell .balance-intro{color:var(--ui-ink);margin:23px 0 2px;font-size:16px;font-weight:700;line-height:1.45;display:block}.app-shell .balance-number{color:var(--ui-ink);letter-spacing:-.06em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(39px,4.3vw,56px);font-weight:750;line-height:1.15;display:block}.app-shell .balance-subtitle{color:var(--ui-muted);margin:7px 0 0;font-size:15px;line-height:1.5;display:block}.app-shell .currency-select select{border-color:var(--ui-line);background:var(--ui-surface);min-height:38px;color:var(--ui-ink);border-radius:9px;padding:7px 27px 7px 11px;font-size:14px}.app-shell .balance-breakdown{border-color:var(--ui-line);gap:clamp(20px,4vw,56px);min-height:0;margin-top:24px;padding:19px 0 0}.app-shell .balance-breakdown>div{flex:0 230px;gap:3px;min-width:0}.app-shell .balance-breakdown>div+div{border-left:0;padding-left:0}.app-shell .balance-direction{color:var(--ui-muted);white-space:normal;font-size:14px;font-weight:650;line-height:1.45}.app-shell .balance-breakdown>div strong,.app-shell .balance-breakdown>div:first-child strong,.app-shell .balance-breakdown>div:nth-child(2) strong{letter-spacing:-.05em;font-size:clamp(24px,2.7vw,31px);line-height:1.25}.app-shell .balance-breakdown>button{border-color:var(--ui-line);min-height:44px;color:var(--ui-ink);white-space:nowrap;border-radius:10px;margin-left:auto;padding:8px 13px;font-size:14px;font-weight:700}.app-shell .balance-breakdown>button:hover{background:var(--ui-hover)}.app-shell .balance-breakdown>button:active{background:var(--ui-pressed)}.app-shell .balance-currency-note{color:var(--ui-muted);margin-top:17px;font-size:14px;line-height:1.5}.app-shell .home-support-actions{flex-wrap:wrap;align-items:stretch;gap:10px;margin:14px 0 20px;display:flex}.app-shell .home-support-actions .install-action{border-color:var(--ui-line);background:var(--ui-surface);width:auto;min-height:65px;box-shadow:none;color:var(--ui-ink);border-radius:13px;flex:250px;padding:10px 14px}.app-shell .install-action:hover{background:var(--ui-hover);border-color:var(--border-strong);transform:none}.app-shell .install-action:active{background:var(--ui-pressed)}.app-shell .install-action strong{font-size:14px}.app-shell .install-action small{color:var(--ui-muted);font-size:13px}.app-shell .install-action-icon{background:var(--ui-coral);width:37px;height:37px;color:var(--ui-coral-ink);border-radius:10px}.app-shell .home-attention{background:var(--warning-soft);min-height:65px;color:var(--ui-ink);text-align:left;border-radius:13px;flex:250px;align-items:center;gap:10px;padding:12px 15px;font-size:14px;font-weight:700;display:flex}.app-shell .home-attention:hover{background:var(--ui-hover)}.app-shell .home-attention:active{background:var(--ui-pressed)}.app-shell .home-attention>svg{margin-left:auto}.app-shell .home-attention-dot{background:var(--warning);border-radius:50%;flex:none;width:8px;height:8px}.app-shell .quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:31px}.app-shell .quick-action,.app-shell .quick-action:nth-child(2){border:1px solid var(--ui-line);background:var(--ui-surface);min-width:0;min-height:68px;color:var(--ui-ink);box-shadow:none;border-radius:13px;gap:10px;padding:11px 15px;display:flex}.app-shell .quick-action:hover{background:var(--ui-hover);border-color:var(--border-strong);transform:none}.app-shell .quick-action:active{background:var(--ui-pressed);transform:translateY(1px)}.app-shell .quick-action .action-icon{border-radius:11px;width:39px;height:39px}.app-shell .quick-action strong{color:var(--ui-ink);font-size:15px;line-height:1.3}.app-shell .quick-action small{display:none}.app-shell .quick-action-arrow{color:var(--ui-muted);margin-left:auto}.app-shell .dashboard-columns{gap:clamp(18px,2.2vw,30px)}.app-shell .dashboard-left,.app-shell .dashboard-right{gap:25px}.app-shell .dashboard-section{min-width:0}.app-shell .section-heading{min-height:28px;margin-bottom:12px}.app-shell .section-heading h2{letter-spacing:-.035em;font-size:19px;line-height:1.3}.app-shell .section-heading h2>span{background:var(--ui-soft);width:auto;min-width:24px;height:24px;color:var(--ui-muted);border-radius:8px;padding:0 5px;font-size:12px}.app-shell .text-button,.app-shell .card-footer-button{color:var(--ui-muted);font-size:14px;font-weight:650}.app-shell .text-button:hover,.app-shell .card-footer-button:hover{color:var(--ui-coral)}.app-shell .card,.app-shell .group-card{border:1px solid var(--ui-line);background:var(--ui-surface);box-shadow:var(--ui-shadow);border-radius:16px}.app-shell .card>.section-heading{margin:18px 18px 7px}.app-shell .group-grid{grid-template-columns:1fr;gap:8px}.app-shell .group-card.compact-group{border-radius:14px;min-height:76px;padding:13px 15px}.app-shell .group-card:hover{background:var(--ui-hover);border-color:var(--border-strong);box-shadow:none;transform:none}.app-shell .group-card:active{background:var(--ui-pressed)}.app-shell .compact-group .group-info strong{color:var(--ui-ink);overflow-wrap:anywhere;font-size:16px;line-height:1.3}.app-shell .compact-group .group-info small{color:var(--ui-muted);font-size:14px}.app-shell .compact-group .balance-label{max-width:42%;color:var(--ui-ink);text-align:right;white-space:normal;font-size:14px;line-height:1.35}.app-shell .compact-group .balance-label.is-settled{color:var(--positive);background:var(--positive-soft);font-size:13px}.app-shell .friend-row,.app-shell .bill-row,.app-shell .expense-row{border-color:var(--ui-line);gap:12px;min-height:72px;padding:14px 17px}.app-shell .friend-row:hover,.app-shell .bill-row:hover,.app-shell .expense-row:not(.static):hover{background:var(--ui-hover)}.app-shell .friend-row:active,.app-shell .bill-row:active,.app-shell .expense-row:not(.static):active{background:var(--ui-pressed)}.app-shell .row-main strong,.app-shell .friend-row .row-main strong,.app-shell .expense-row .row-main strong{color:var(--ui-ink);line-height:1.35;font-size:16px!important}.app-shell .row-main small,.app-shell .friend-row .row-main small,.app-shell .expense-row .row-main small,.app-shell .row-amount small{color:var(--ui-muted);line-height:1.45;font-size:14px!important}.app-shell .row-amount strong,.app-shell .friend-amounts strong{font-variant-numeric:tabular-nums;line-height:1.3;font-size:16px!important}.app-shell .friend-amounts{gap:3px}.app-shell .settled-mark{background:var(--positive-soft);width:28px;height:28px;color:var(--positive)}.app-shell .card-footer-button{border-color:var(--ui-line);min-height:48px;margin-top:0}.app-shell .card-footer-button:active{background:var(--ui-pressed)}.app-shell .category-icon{border-radius:12px;width:42px;height:42px}.app-shell .friend-row .avatar{width:41px;height:41px;font-size:14px}.app-shell .page-toolbar{gap:12px;margin-bottom:19px}.app-shell .search-field{border-color:var(--ui-line);background:var(--ui-surface);border-radius:11px;min-height:45px}.app-shell .search-field input{color:var(--ui-ink);font-size:16px}.app-shell .segmented-control{background:var(--ui-soft);border-radius:11px;padding:4px}.app-shell .segmented-control>button{min-height:38px;color:var(--ui-muted);padding:7px 12px;font-size:14px}.app-shell .segmented-control>button.is-selected{background:var(--ui-surface);color:var(--ui-ink);box-shadow:var(--ui-shadow)}.app-shell .segmented-control>button:active{background:var(--ui-pressed)}.app-shell .back-button{min-height:44px;color:var(--ui-muted);font-size:14px}.app-shell .friend-heading{gap:14px;margin-bottom:22px}.app-shell .friend-heading p{color:var(--ui-muted);font-size:14px}.app-shell .friend-balance-card{padding:23px}.app-shell .friend-balance-card h2{font-size:18px}.app-shell .detail-balance{font-size:clamp(28px,3vw,38px)}.app-shell .group-detail-summary{padding:23px}.app-shell .group-detail-summary .balance-label{white-space:normal;font-size:17px;line-height:1.4}.app-shell .group-management{border-color:var(--ui-line)}.app-shell .group-detail-grid{gap:20px}.app-shell .bill-summary-grid{gap:10px}.app-shell .household-summary{gap:13px;padding:18px}.app-shell .household-summary h3{font-size:17px}.app-shell .household-summary p{color:var(--ui-muted);font-size:14px}.app-shell .bill-buckets{gap:26px}.app-shell .bill-buckets .section-heading{padding:0}.app-shell .audit-row{border-color:var(--ui-line);gap:12px;padding:15px 18px}.app-shell .audit-row strong{font-size:15px}.app-shell .audit-row p{color:var(--ui-muted);font-size:14px}.app-shell .audit-row>small{color:var(--ui-muted);font-size:13px}.app-shell .badge{background:var(--ui-soft);color:var(--ui-muted);border-radius:8px;font-size:13px}.app-shell .pending-payment{border-color:var(--ui-line);background:var(--ui-soft)}.app-shell .pending-payment strong{font-size:16px}.app-shell .pending-payment p{color:var(--ui-muted);font-size:14px!important}.app-shell .btn{white-space:normal;text-align:center;border-radius:11px;min-height:45px;padding:10px 16px;font-weight:700;font-size:15px!important}.app-shell .btn-small{min-height:40px;padding:8px 12px;font-size:14px!important}.app-shell .btn-primary{background:var(--ui-coral);color:var(--ui-coral-ink);box-shadow:none}.app-shell .btn-primary:hover{background:var(--ui-coral-hover);box-shadow:none}.app-shell .btn-primary:active{background:var(--ui-coral-pressed);color:var(--ui-coral-ink)}.app-shell .btn-secondary,.app-shell .btn-ghost{border-color:var(--ui-line);background:var(--ui-surface);color:var(--ui-ink)}.app-shell .btn-secondary:hover,.app-shell .btn-ghost:hover{background:var(--ui-hover)}.app-shell .btn-secondary:active,.app-shell .btn-ghost:active{background:var(--ui-pressed);color:var(--ui-ink)}.app-shell .btn-danger{border-color:var(--negative);background:var(--negative-soft);color:var(--negative)}.app-shell .btn-danger:hover{background:var(--ui-hover)}.app-shell .btn-danger:active{background:var(--ui-pressed)}.app-shell .field,.app-shell .field-label,.app-shell legend{color:var(--ui-ink);font-size:14px;line-height:1.45}.app-shell .text-input,.app-shell .select-input,.app-shell textarea{border-color:var(--ui-line);background:var(--ui-surface);min-height:47px;color:var(--ui-ink);border-radius:11px;font-size:16px}.app-shell .text-input:hover,.app-shell .select-input:hover{border-color:var(--border-strong)}.app-shell .text-input:focus,.app-shell .select-input:focus{border-color:var(--focus)}.app-shell .helper-text,.app-shell .note{color:var(--ui-muted);font-size:14px;line-height:1.55}.app-shell .note,.app-shell .split-preview,.app-shell .statement-section{border-color:var(--ui-line);background:var(--ui-soft);border-radius:12px}.app-shell .chip{border-color:var(--ui-line);background:var(--ui-surface);min-height:42px;color:var(--ui-ink);border-radius:10px;font-size:14px}.app-shell .chip:hover{background:var(--ui-hover)}.app-shell .chip:active{background:var(--ui-pressed)}.app-shell .chip.is-selected{border-color:var(--positive);background:var(--positive-soft);color:var(--ui-ink)}.app-shell .amount-input{color:var(--ui-ink)}.app-shell .amount-input-wrap .currency-prefix{color:var(--ui-muted)}.app-shell .form-actions{border-color:var(--ui-line)}.app-shell .error-message{border-color:var(--negative);background:var(--negative-soft);color:var(--negative);font-size:14px}.app-shell .settings-panel>:is(.settings-profile,.settings-profile-form,.identity-card,.settings-subpanel,.install-settings){border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:14px}.app-shell .settings-panel .identity-card,.app-shell .settings-panel .public-id{color:var(--ui-ink)}.app-shell .notification-item{border-color:var(--ui-line)}.app-shell .notification-item.unread{background:var(--ui-soft)}.app-shell .notification-item strong{color:var(--ui-ink);font-size:15px}.app-shell .notification-item p{color:var(--ui-muted);font-size:14px}.app-shell .notification-item:active{background:var(--ui-pressed)}.app-shell .empty-state{color:var(--ui-muted)}.app-shell .empty-state h2,.app-shell .empty-state h3{color:var(--ui-ink)}.app-shell .workspace-saving{border-color:var(--ui-line);background:var(--ui-surface);color:var(--ui-ink);font-size:14px}@media (max-width:780px){.app-shell .sidebar{display:none}.app-shell .main-shell{margin-left:0}.app-shell .topbar{height:64px;padding-inline:19px}.app-shell .main-content{padding:22px 19px calc(115px + env(safe-area-inset-bottom))}.app-shell .topbar-breadcrumb,.app-shell .topbar-divider,.app-shell .search-button kbd{display:none}.app-shell .topbar-actions{gap:5px}.app-shell .mobile-nav{min-height:calc(70px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-color:var(--ui-line);background:var(--ui-surface)}.app-shell .mobile-nav>button{min-height:54px;color:var(--ui-muted);font-size:13px;font-weight:650}.app-shell .mobile-nav>button.active{color:var(--ui-coral)}.app-shell .mobile-nav>button:active:not(.mobile-add){background:var(--ui-pressed);color:var(--ui-ink)}.app-shell .mobile-nav .mobile-add{background:var(--ui-coral);color:var(--ui-coral-ink)}.app-shell .mobile-nav .mobile-add:active{background:var(--ui-coral-pressed);color:var(--ui-coral-ink)}}@media (max-width:700px){.app-shell .page-heading{align-items:flex-start;margin-bottom:21px}.app-shell .page-heading h1{font-size:27px}.app-shell .home-support-actions{margin:11px 0 15px}.app-shell .home-support-actions .install-action,.app-shell .home-attention{min-height:58px}.app-shell .balance-card{border-radius:19px;padding:19px 22px}.app-shell .balance-intro{margin-top:15px}.app-shell .balance-number{font-size:clamp(37px,10vw,45px)}.app-shell .balance-breakdown{align-items:stretch;gap:13px 18px;margin-top:18px;padding-top:15px}.app-shell .balance-breakdown>div{flex:calc(50% - 10px)}.app-shell .balance-breakdown>div strong,.app-shell .balance-breakdown>div:first-child strong,.app-shell .balance-breakdown>div:nth-child(2) strong{font-size:clamp(23px,6vw,28px)}.app-shell .balance-breakdown>button{justify-content:center;width:auto;min-width:120px;margin:0}.app-shell .quick-action,.app-shell .quick-action:nth-child(2){text-align:center;flex-direction:column;justify-content:center;gap:6px;min-height:85px;padding:10px 5px}.app-shell .quick-action>span:nth-child(2){display:block}.app-shell .quick-action .action-icon{margin-inline:auto}.app-shell .quick-action strong{font-size:13px}.app-shell .quick-action-arrow{display:none}.app-shell .dashboard-columns{gap:23px}.app-shell .friend-heading{flex-wrap:wrap}.app-shell .friend-heading>.button-row,.app-shell .friend-heading>.btn{flex:100%}.app-shell .audit-row{flex-wrap:wrap;align-items:flex-start}.app-shell .audit-row>small{width:100%;margin-left:0;padding-left:40px}}@media (max-width:420px){.app-shell .main-content{padding-inline:16px}.app-shell .balance-card{padding:18px 20px}.app-shell .balance-breakdown>button{width:100%}.app-shell .row-main strong{white-space:normal;overflow-wrap:anywhere}.app-shell .row-amount{align-items:flex-end;max-width:37%}.app-shell .row-amount strong{overflow-wrap:anywhere;text-align:right}.app-shell .compact-group .balance-label{max-width:40%}}@media (max-width:320px){.app-shell .topbar{padding-inline:7px}.app-shell .mobile-brand{letter-spacing:-.05em;font-size:20px}.app-shell .mobile-brand .brand-mark{width:24px;height:24px;margin-right:5px}.app-shell .topbar-actions{gap:0}.app-shell .mobile-nav{overscroll-behavior-x:contain;scrollbar-width:thin;justify-content:flex-start;gap:2px;width:100%;max-width:100vw;padding-inline:5px;overflow-x:auto}.app-shell .mobile-nav>button{flex:0 0 55px}.app-shell .mobile-nav>.mobile-add{flex-basis:46px;width:46px;min-width:46px;margin-inline:0}}@media (prefers-reduced-motion:reduce){.app-shell :is(button,a){scroll-behavior:auto;transition:none}}
:root{--layer-navigation:30;--layer-feedback:50;--layer-connectivity:60;--layer-skip-link:70;--overlay-surface:var(--surface);--overlay-scrim:#1d2b22a8;--overlay-shadow:0 26px 80px #1b2a222b;--toast-surface:#294032;--toast-text:#f7faf4}[data-theme=dark]{--overlay-scrim:#050b08c9;--overlay-shadow:0 26px 80px #0008;--toast-surface:#26372e;--toast-text:#f5f4eb}.sidebar,.mobile-nav{z-index:var(--layer-navigation)}.workspace-saving{z-index:var(--layer-feedback);pointer-events:none}.connectivity-banner{z-index:var(--layer-connectivity)}.skip-link{z-index:var(--layer-skip-link)}.toast{z-index:var(--layer-feedback);left:50%;bottom:max(24px, env(safe-area-inset-bottom));background:var(--toast-surface);border-color:color-mix(in srgb, var(--toast-text) 18%, transparent);width:max-content;max-width:min(540px,100vw - 32px);color:var(--toast-text);font-size:var(--font-small,14px);line-height:1.45}.toast>span{overflow-wrap:anywhere}.toast>svg,.toast>button{color:var(--toast-text)}.toast>button{pointer-events:auto;border-radius:10px;min-width:40px;min-height:40px;margin:-8px -8px -8px 0}.toast>button:hover{background:color-mix(in srgb, var(--toast-text) 13%, transparent)}.toast>button:active{background:color-mix(in srgb, var(--toast-text) 22%, transparent)}.toast>button:focus-visible{outline-color:var(--toast-text);outline-offset:2px}.modal:not([open]){display:none}.modal[open]{background:var(--overlay-surface);border-color:var(--border);color:var(--text-primary);box-shadow:var(--overlay-shadow);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow:hidden auto}.modal::backdrop{background:var(--overlay-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}[data-theme=dark] .modal::backdrop{background:var(--overlay-scrim)}[data-theme=dark] .toast{background:var(--toast-surface);border-color:color-mix(in srgb, var(--toast-text) 18%, transparent);color:var(--toast-text)}[data-theme=dark] .toast>svg,[data-theme=dark] .toast>button{color:var(--toast-text)}.modal-header{background:var(--overlay-surface);border-color:var(--border)}.modal-header>div,.modal-body,.modal-body fieldset{min-width:0}.modal-header h2{overflow-wrap:anywhere}.modal-header p{color:var(--text-secondary);font-size:var(--font-small,14px);line-height:1.5}.modal-header .icon-button{min-width:44px;min-height:44px;color:var(--text-secondary);flex:none;margin:-8px -8px 0 0}.modal-header .icon-button:hover{background:var(--surface-hover);color:var(--text-primary)}.modal-header .icon-button:active{background:var(--surface-pressed);color:var(--text-primary)}.modal :is(button,input,select,textarea):focus-visible{outline-offset:2px}.add-menu>button,.search-results>button{color:var(--text-primary);min-height:52px}.add-menu>button:hover:not(:disabled),.search-results>button:hover:not(:disabled){background:var(--surface-hover)}.add-menu>button:active:not(:disabled),.search-results>button:active:not(:disabled),.add-menu>button[aria-selected=true],.search-results>button[aria-selected=true]{background:var(--surface-pressed);color:var(--text-primary)}.add-menu>button:focus-visible,.search-results>button:focus-visible{outline-offset:-2px}.add-menu small,.search-results small,.search-results>button>span{color:var(--text-secondary);font-size:var(--font-small,14px);line-height:1.4}@media (max-width:780px){.toast{bottom:calc(92px + env(safe-area-inset-bottom))}}@media (max-width:700px){.modal[open]{width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:20px 20px 0 0;margin:auto 0 0}.modal-header{padding-top:max(22px, env(safe-area-inset-top))}.modal-body{padding-bottom:max(28px, env(safe-area-inset-bottom))}}@media (max-width:480px){.toast{width:calc(100vw - 28px);max-width:none}}