:root{--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg:#fdf8f1;--surface:#fff;--surface-2:#fff6ea;--soft:#fff0dd;--text:#241a12;--muted:#7a6757;--line:#ecdecb;--line-strong:#e2cfb6;--primary:#f97316;--primary-dark:#c2540a;--primary-ink:#fff;--danger:#d92d20;--danger-soft:#fdeceb;--success:#15803d;--success-soft:#e7f6ec;--info:#1d4ed8;--ring:color-mix(in srgb, var(--primary) 45%, transparent);--shadow-sm:0 1px 2px #3c23120f, 0 1px 3px #3c23120a;--shadow-md:0 8px 24px #46281414;--shadow-lg:0 20px 55px #502d1424;--radius:16px;--radius-lg:22px;--radius-sm:11px;--nav-h:76px;color:var(--text);background:var(--bg)}:root[data-theme=dark]{--bg:#16110d;--surface:#211a14;--surface-2:#2a2019;--soft:#33261b;--text:#fdf6ec;--muted:#c3b2a2;--line:#3d2f24;--line-strong:#4a3928;--primary:#fb923c;--primary-dark:#fdba74;--primary-ink:#23160a;--danger:#f87171;--danger-soft:#3a201d;--success:#4ade80;--success-soft:#1e3226;--info:#93c5fd;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 20px 55px #00000073}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{min-width:0;min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--text);margin:0;overflow-x:clip}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--primary-dark);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.5rem,4vw,1.9rem);line-height:1.15}h2{font-size:1.15rem}svg{flex:none;width:1.15em;height:1.15em}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:6px}.app-shell{min-width:0;min-height:100vh}.sidebar{display:none}.topbar{z-index:30;min-height:60px;padding:max(env(safe-area-inset-top), 6px) clamp(14px, 4vw, 24px) 6px;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:14px;display:flex;position:sticky;top:0}.topbar-meta{align-items:center;gap:10px;min-width:0;display:flex}.brand{min-width:0;color:var(--text);align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(140deg, var(--primary), #ef4444);border-radius:12px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.brand-mark.large{border-radius:22px;width:66px;height:66px;font-size:1.4rem}.main-content{width:100%;min-width:0;padding-inline:clamp(16px,4vw,40px)}.page{width:min(1080px,100%);margin-inline:auto;padding:clamp(20px,3vw,34px) 0 40px}.page.narrow{width:min(760px,100%)}.page-bottom-safe,.main-content{padding-bottom:0}.bottom-nav{z-index:30;left:50%;bottom:max(10px, env(safe-area-inset-bottom));border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(440px,100% - 24px);box-shadow:var(--shadow-lg);border-radius:20px;gap:4px;padding:7px;display:flex;position:fixed;transform:translate(-50%)}.bottom-nav a{color:var(--muted);border-radius:13px;flex:1;justify-items:center;gap:3px;padding:8px 4px;font-size:.7rem;font-weight:700;display:grid}.bottom-nav a.active{color:var(--primary-ink);background:var(--primary)}.app-shell>.main-content{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px)}.stack{gap:14px;min-width:0;display:grid}.stack-lg{gap:22px;min-width:0;display:grid}.stack>*,.stack-lg>*{min-width:0}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-heading>div{min-width:0}.eyebrow{color:var(--primary-dark);letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px;font-size:.72rem;font-weight:800}.muted{color:var(--muted)}.section-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);padding:clamp(16px,2.4vw,24px)}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.section-heading>*{min-width:0}.section-heading h2{align-items:center;gap:8px;display:inline-flex}.hero-card{border-radius:var(--radius-lg);color:#4a230c;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#ffe6c7,#fdba74);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:clamp(22px,4vw,40px);display:flex}.hero-card .eyebrow{color:#9a4508}.hero-card p{color:#6b3a17;max-width:46ch}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:14px;display:grid}.stat-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:16px 18px;display:flex}.stat-card>svg{width:44px;height:44px;color:var(--primary);background:var(--soft);border-radius:13px;place-items:center;padding:10px;display:grid}.stat-card>div{gap:2px;min-width:0;display:grid}.stat-card strong{font-size:1.55rem;line-height:1.05}.stat-card span{color:var(--muted);font-size:.82rem}.button{max-width:100%;min-height:44px;color:var(--primary-ink);background:var(--primary);text-align:center;cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:700;transition:filter .15s,transform 50ms;display:inline-flex}.button:hover:not(:disabled){filter:brightness(1.05)}.button:active:not(:disabled){transform:translateY(1px)}.button.secondary{color:var(--text);border-color:var(--line-strong);background:var(--surface)}.button.danger{background:var(--danger);color:#fff}.button.success{background:var(--success);color:#fff}.button:disabled,.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;transition:background .15s;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--surface-2)}.danger-ghost{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, var(--line))}.link-button{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.row-actions{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}label{gap:6px;font-size:.85rem;font-weight:600;display:grid}input,textarea,select{border:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--text);background:var(--surface);border-radius:11px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}input:disabled{background:var(--surface-2);color:var(--muted)}textarea{resize:vertical}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-grid label:nth-child(2){grid-column:1/-1}.checkbox-label{color:var(--text);flex-direction:row;align-items:center;gap:9px}.checkbox-label input{width:18px;min-height:18px}.form-error{border:1px solid color-mix(in srgb, var(--danger) 30%, var(--line));color:var(--danger);background:var(--danger-soft);border-radius:11px;margin:0;padding:11px 13px}.success-message{color:var(--success);background:var(--success-soft);border-radius:11px;padding:11px 13px}.notice{color:var(--muted);background:var(--soft);border-radius:12px;padding:12px 14px}.password-field{gap:6px;display:grid}.password-input{align-items:center;gap:8px;display:flex}.password-input input{flex:auto;min-width:0}.password-toggle{flex:none;width:44px;height:44px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-field{display:block;position:relative}.search-field svg{inset-inline-start:13px;color:var(--muted);position:absolute;top:50%;transform:translateY(-50%)}.search-field input{padding-inline-start:42px}.filters{grid-template-columns:1fr 190px;gap:12px;display:grid}.list{display:grid}.list.plain{margin:0;padding:0;list-style:none}.list-row{border-bottom:1px solid var(--line);min-width:0;min-height:64px;color:var(--text);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.list-row>*{min-width:0}.list-row:last-child{border-bottom:none}.list-row>div{gap:3px;min-width:0;display:grid}.list-row span,.bucket-card p,.order-line span,.detail-line span,.total-block span{color:var(--muted)}.grow{min-width:0;color:inherit;flex:1}.grow strong,.grow span{overflow-wrap:anywhere}.row-end{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.status{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.status-draft{color:#6b5b4a;background:#efe7dd}.status-placed{color:#9a5200;background:#ffe2bb}.status-completed{color:#12673a;background:#d5f2df}.status-cancelled{color:#a41d16;background:#fbdedb}.mode-pill{border:1px solid var(--line);max-width:100%;color:var(--muted);background:var(--surface-2);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:.76rem;display:inline-flex;overflow:hidden}.connection{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:.76rem;display:inline-flex}.connection.online{color:var(--success)}.connection.offline{color:var(--danger)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.bucket-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:18px;display:flex}.bucket-card>*{min-width:0}.bucket-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.bucket-card h2{overflow-wrap:anywhere;font-size:1.1rem}.bucket-card p{overflow-wrap:anywhere}.bucket-icon{width:44px;height:44px;color:var(--primary);background:var(--soft);border-radius:13px;place-items:center;display:grid}.bucket-icon.shared{color:var(--info);background:color-mix(in srgb, var(--info) 16%, var(--surface))}.bucket-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:auto;font-size:.75rem;display:flex}.card-actions{flex-wrap:wrap;gap:10px;display:flex}.card-actions .button{white-space:nowrap;flex:auto;min-width:-moz-fit-content;min-width:fit-content;padding-inline:12px}.card-actions .icon-button{flex:none}.item-editor-list{gap:12px;display:grid}.item-editor{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.item-fields{grid-template-columns:2fr 1fr .9fr auto;align-items:end;gap:12px;display:grid}.drag-hint{color:var(--muted)}.sticky-actions{bottom:calc(var(--nav-h) + 10px);z-index:10;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);border-radius:16px;justify-content:flex-end;gap:12px;padding:12px 14px;display:flex;position:sticky}.sticky-actions.wrap{flex-wrap:wrap}.back-link{align-items:center;gap:7px;margin-bottom:4px;font-weight:600;display:inline-flex}[dir=rtl] .back-link svg{transform:rotate(180deg)}.total-block{justify-items:end;gap:2px;display:grid}.total-block strong{color:var(--primary-dark);font-size:1.7rem;line-height:1}.order-picker{padding-block:4px}.order-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.order-line:last-child{border-bottom:none}.order-line>div:not(.quantity-control){gap:3px;min-width:0;display:grid}.order-line h3{font-size:1rem}.quantity-control{align-items:center;gap:10px;display:flex}.quantity-control output{text-align:center;font-variant-numeric:tabular-nums;min-width:30px;font-weight:800}.aggregate-only{text-align:center;min-width:34px;font-size:1.15rem;font-weight:800}.detail-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.detail-line:last-child{border-bottom:none}.detail-line>div,.metadata-grid>div{gap:3px;display:grid}.totals{border-top:2px solid var(--line);gap:10px;margin-top:16px;padding-top:16px;display:grid}.totals>div{justify-content:space-between;gap:16px;display:flex}.grand-total{font-size:1.2rem;font-weight:700}.metadata-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.participants-line{color:var(--muted);font-size:.75rem;display:block}.pending-hint{color:var(--primary-dark);font-size:.74rem;font-weight:700;display:block}.empty-state,.error-state,.loading,.not-found{text-align:center;min-height:46vh;color:var(--muted);align-content:center;place-items:center;gap:12px;display:grid}.empty-icon{width:72px;height:72px;color:var(--primary);background:var(--soft);border-radius:22px;place-items:center;display:grid}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-shell{background:var(--surface);grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid;position:relative}.auth-hero{color:#4a230c;background:linear-gradient(150deg,#fdba74,#fb923c);align-content:center;gap:16px;padding:clamp(32px,7vw,92px);display:grid}.auth-hero p{color:#63340f;max-width:40ch}.auth-card{align-content:center;width:min(440px,100%);margin-inline:auto;padding:clamp(28px,5vw,48px) clamp(20px,4vw,40px);display:grid}.auth-card form h1{margin-bottom:4px}.locale-toggle{z-index:5;top:max(env(safe-area-inset-top), 14px);min-height:38px;padding:7px 12px;position:absolute;inset-inline-end:16px}.toast{z-index:60;left:50%;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px);color:#fff;max-width:min(440px,100% - 32px);box-shadow:var(--shadow-lg);background:#2f2823;border-radius:13px;padding:12px 16px;animation:.2s toast-in;position:fixed;transform:translate(-50%)}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.dialog{border:1px solid var(--line);width:min(440px,100% - 32px);color:var(--text);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:20px;padding:24px}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140c0673}.dialog h2{margin-bottom:8px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.notice-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.notice-card.warning{border-color:color-mix(in srgb, var(--primary) 45%, var(--line));background:var(--soft)}.invite-create{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.join-code-box{border:1px dashed var(--primary);background:var(--soft);border-radius:14px;gap:10px;padding:14px;display:grid}.join-code{overflow-wrap:anywhere;background:var(--surface);-webkit-user-select:all;user-select:all;border-radius:10px;padding:10px 12px;font-family:ui-monospace,monospace;font-size:.85rem}.invite-preview h2{margin-bottom:4px}.activity-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.activity-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.activity-row:last-child{border-bottom:none}.activity-row svg{color:var(--muted);margin-top:3px}.activity-detail{color:var(--muted)}.participant-breakdown{gap:10px;display:grid}.participant-row{border-bottom:1px solid var(--line);gap:3px;padding:10px 0;display:grid}.participant-row:last-child{border-bottom:none}.participant-row span{color:var(--muted);font-size:.85rem}.danger-zone{border-color:color-mix(in srgb, var(--danger) 35%, var(--line))}@media (min-width:720px){.filters{grid-template-columns:1fr 200px}}@media (min-width:960px){.app-shell{grid-template-columns:248px 1fr;align-items:start;transition:grid-template-columns .18s;display:grid}.app-shell.collapsed{grid-template-columns:76px 1fr}.topbar,.bottom-nav{display:none}.sidebar{border-inline-end:1px solid var(--line);background:var(--surface);flex-direction:column;align-self:start;gap:8px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-head{justify-content:space-between;align-items:center;gap:8px;padding:4px 6px 12px;display:flex}.sidebar .brand{font-size:1.05rem}.collapse-toggle{flex:none;width:34px;height:34px}.sidebar-nav{gap:4px;display:grid}.nav-link{color:var(--muted);white-space:nowrap;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-weight:600;display:flex}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{color:var(--primary-ink);background:var(--primary)}.sidebar-footer{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding-top:12px;display:grid}.sidebar-controls{gap:8px;display:flex}.sidebar-user{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-user .user-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.app-shell.collapsed .sidebar .label-collapsible{display:none}.app-shell.collapsed .sidebar-head{flex-direction:column;gap:10px;padding:4px 0 12px}.app-shell.collapsed .brand{justify-content:center}.app-shell.collapsed .nav-link{justify-content:center;padding:11px 0}.app-shell.collapsed .sidebar-controls{flex-direction:column;align-items:center}.app-shell.collapsed .connection,.app-shell.collapsed .mode-pill{justify-content:center;padding:6px}.app-shell.collapsed .sidebar-user{justify-content:center}.app-shell>.main-content{padding-bottom:40px}.sticky-actions{bottom:16px}.toast{animation:.2s toast-in-desktop;bottom:28px;left:auto;right:28px;transform:none}@keyframes toast-in-desktop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:719px){.form-grid{grid-template-columns:1fr}.form-grid label:nth-child(2){grid-column:auto}.filters{grid-template-columns:1fr}.item-editor{grid-template-columns:1fr auto}.item-fields{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-hero{display:none}.page-heading .row-actions{width:100%}.page-heading .row-actions .button{flex:1}.topbar-meta{gap:6px}.topbar .connection{padding:6px}.topbar .connection .label-collapsible{display:none}}@media (max-width:420px){.topbar{gap:8px;padding-inline:10px}.topbar>.brand>span:last-child{display:none}.topbar-meta{gap:4px}.topbar .icon-button{width:38px;height:38px}.main-content{padding-inline:10px}.page{padding-top:16px}.section-card{padding:14px}.order-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.order-row .grow{grid-column:1/-1}.bottom-nav{width:calc(100% - 12px)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.stack-md{gap:16px;display:grid}.status-banner{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);align-items:flex-start;gap:10px;padding:13px 15px;display:flex}.status-banner.warning{border-color:color-mix(in srgb, var(--primary) 40%, var(--line));background:var(--soft)}.segmented-control{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented-control button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 10px;font-weight:700}.segmented-control button.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.receipt-summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.receipt-summary-grid>div{border:1px solid var(--line);background:var(--surface-2);border-radius:13px;gap:4px;min-height:74px;padding:13px;display:grid}.receipt-summary-grid span,.receipt-fees span,.receipt-item-card .muted{color:var(--muted);font-size:.82rem}.receipt-summary-grid strong{font-size:1.12rem}.receipt-summary-grid .grand-total{color:var(--primary-dark);border-color:color-mix(in srgb, var(--primary) 35%, var(--line));background:var(--soft)}.receipt-person-list,.receipt-item-list{gap:12px;display:grid}.receipt-person-card,.receipt-item-card{border:1px solid var(--line);background:var(--surface-2);border-radius:15px;padding:15px}.receipt-person-card .section-heading,.receipt-item-card .section-heading{margin-bottom:8px}.receipt-fees{flex-wrap:wrap;gap:8px 14px;padding-top:10px;display:flex}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);min-height:30px;color:var(--text);background:var(--surface);border-radius:999px;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.member-permission-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,1fr) minmax(280px,2fr);align-items:center;gap:16px;padding:14px 0;display:grid}.member-permission-row:last-child{border-bottom:0}.member-identity{gap:3px;min-width:0;display:grid}.member-controls{grid-template-columns:minmax(120px,.8fr) 1fr 1fr auto;align-items:center;gap:10px;display:grid}.checkbox-row{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;align-items:center;gap:8px;min-height:44px;padding:8px 10px;font-size:.78rem;display:flex}.checkbox-row input{width:18px;min-height:18px;margin:0}.custom-item-form{grid-template-columns:1.4fr 1fr .7fr;align-items:end;gap:12px;display:grid}.custom-item-description{grid-column:1/-1}.custom-item-form>.button{justify-self:start}.pending-custom-items{gap:10px;display:grid}.pending-custom-item{border:1px dashed var(--primary);background:var(--soft);border-radius:13px;grid-template-columns:minmax(170px,1fr) minmax(120px,.4fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.pending-custom-item>div{gap:4px;display:grid}@media (max-width:820px){.pricing-grid,.custom-item-form{grid-template-columns:1fr}.custom-item-description{grid-column:auto}.member-permission-row,.member-controls{grid-template-columns:1fr}.member-controls .icon-button{justify-self:end}.pending-custom-item{grid-template-columns:1fr}}@media (max-width:520px){.segmented-control{grid-template-columns:1fr}.receipt-summary-grid{grid-template-columns:1fr 1fr}}.refresh-viewport{min-height:calc(100vh - 60px - var(--nav-h));overscroll-behavior-y:contain;position:relative}.pull-refresh-indicator{z-index:24;top:max(env(safe-area-inset-top), 8px);border:1px solid var(--line);max-width:calc(100vw - 32px);color:var(--text);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;transition:opacity .14s,transform .18s;display:inline-flex;position:fixed;left:50%}.pull-refresh-indicator.visible{opacity:1}.page-refresh-button{z-index:20;right:max(14px, env(safe-area-inset-right));bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 20px);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-md);position:fixed}.spinning{animation:.8s linear infinite refresh-spin}@keyframes refresh-spin{to{transform:rotate(1turn)}}.virtual-list,.virtual-grid-list{height:auto;min-height:0;overflow:visible}.virtual-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;min-width:0;padding-block:2px 18px;display:grid}.virtual-list-item{min-width:0;padding-block:7px}.virtual-list-footer{min-height:64px;color:var(--muted);text-align:center;place-items:center;padding:14px;display:grid}.virtual-list-footer button{margin-top:8px}.filter-tabs{border:1px solid var(--line);background:var(--surface);scrollbar-width:thin;border-radius:14px;gap:8px;padding:4px;display:flex;overflow-x:auto}.filter-tabs button{min-height:40px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 14px;font-weight:750}.filter-tabs button.active{color:var(--primary-ink);background:var(--primary)}.stat-card-link{color:var(--text);transition:transform .16s,border-color .16s,box-shadow .16s}.stat-card-link:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-link:active{transform:translateY(0)}@media (min-width:900px){.refresh-viewport{min-height:100vh}.page-refresh-button{bottom:24px;right:24px}}@media (prefers-reduced-motion:reduce){.pull-refresh-indicator,.stat-card-link{transition:none}.spinning{animation-duration:1.5s}}.notification-center{flex:none;position:relative}.sidebar{z-index:40}.notification-trigger{position:relative}.notification-badge{inset-inline-end:-5px;border:2px solid var(--surface);color:#fff;background:var(--danger);border-radius:999px;place-items:center;min-width:19px;height:19px;padding-inline:5px;font-size:.62rem;font-weight:900;line-height:1;display:grid;position:absolute;top:-5px}.notification-panel{z-index:90;inset-inline-end:0;border:1px solid var(--line-strong);background:var(--surface);width:min(390px,100vw - 24px);max-height:calc(100dvh - 24px);box-shadow:var(--shadow-lg);border-radius:18px;grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;top:calc(100% + 10px);overflow:hidden}.notification-sidebar .notification-panel{inset-inline:260px auto;width:min(390px,100vw - 272px);position:fixed;top:auto;bottom:18px}.app-shell.collapsed .notification-sidebar .notification-panel{width:min(390px,100vw - 100px);inset-inline-start:88px}.notification-panel-head{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:14px;display:flex}.notification-panel-head>div{gap:2px;min-width:0;display:grid}.notification-panel-head .muted{font-size:.72rem}.notification-read-all{min-height:36px;padding:7px 10px;font-size:.72rem}.notification-list{min-height:0;max-height:min(480px,65vh);display:grid;overflow-y:auto}.notification-item{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);background:var(--surface);text-align:start;cursor:pointer;grid-template-columns:8px 1fr;gap:10px;padding:13px 14px;display:grid}.notification-item:last-child{border-bottom:0}.notification-item.unread{background:color-mix(in srgb, var(--primary) 9%, var(--surface))}.notification-dot{background:0 0;border-radius:50%;width:8px;height:8px;margin-top:5px}.notification-item.unread .notification-dot{background:var(--primary)}.notification-copy{gap:3px;min-width:0;display:grid}.notification-copy strong{overflow-wrap:anywhere;font-size:.84rem}.notification-copy span{color:var(--muted);overflow-wrap:anywhere;font-size:.78rem;line-height:1.35}.notification-copy small{color:var(--muted);font-size:.66rem}.notification-empty{text-align:center;padding:28px 16px}.social-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.social-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.social-summary-card{border:1px solid var(--line);background:var(--surface-2);text-align:center;border-radius:14px;gap:3px;min-width:0;padding:12px;display:grid}.social-summary-card strong{font-size:1.25rem}.social-summary-card span{color:var(--muted);font-size:.7rem}.social-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start;gap:14px;display:grid}.social-card-grid>*{min-width:0}.group-card-grid{grid-template-columns:minmax(0,1fr)}.friend-card,.group-card{border:1px solid var(--line);background:var(--surface-2);border-radius:17px;gap:14px;min-width:0;padding:16px;display:grid}.friend-card-head,.group-card-head,.social-person{align-items:center;gap:11px;min-width:0;display:flex}.friend-card-head>div,.social-person>div{gap:2px;min-width:0;display:grid}.social-avatar{width:42px;height:42px;color:var(--primary-dark);background:var(--soft);text-transform:uppercase;border-radius:14px;flex:none;place-items:center;font-weight:900;display:grid}.group-card-head{justify-content:space-between;align-items:flex-start}.group-card-title{flex:1;gap:11px;min-width:0;display:flex}.group-card-title>div{min-width:0}.friend-card-head strong,.friend-card-head span,.social-person strong,.social-person span,.group-card-title strong,.group-card-title span,.group-card>p{overflow-wrap:anywhere}.group-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.group-member-list{gap:8px;display:grid}.group-member-row{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;display:flex}.group-member-row .social-person{flex:1}.group-member-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.member-status{color:var(--muted);background:var(--soft);text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 8px;font-size:.64rem;font-weight:800;display:inline-flex}.member-status.active{color:var(--success);background:var(--success-soft)}.member-status.pending{color:var(--primary-dark)}.group-editor{border:1px dashed var(--line-strong);border-radius:13px;gap:12px;padding:12px;display:grid}.group-invite-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.social-divider{background:var(--line);height:1px}@media (max-width:719px){.notification-topbar .notification-panel,.notification-sidebar .notification-panel{inset-inline:12px;width:auto;max-height:calc(100dvh - 78px);position:fixed;top:66px;bottom:auto}.social-hero{grid-template-columns:1fr}.social-summary{width:100%}.group-invite-row{grid-template-columns:1fr}.group-invite-row .button{width:100%}.group-member-row{align-items:flex-start}}@media (max-width:520px){.social-summary{gap:6px}.social-summary-card{padding:9px 5px}.social-summary-card span{overflow-wrap:anywhere}.group-card-head{grid-template-columns:minmax(0,1fr);display:grid}.group-card-actions{justify-content:flex-start;width:100%}.group-card-actions .button{width:100%}.group-member-row{grid-template-columns:minmax(0,1fr);display:grid}.group-member-meta{justify-content:flex-start;padding-inline-start:53px}}@media (max-width:360px){.friend-card,.group-card{padding:12px}.social-avatar{border-radius:12px;width:38px;height:38px}.group-member-row{padding:9px}.group-member-meta{padding-inline-start:49px}}:root{--surface-elevated:color-mix(in srgb, var(--surface) 94%, white);--surface-glass:color-mix(in srgb, var(--surface) 86%, transparent);--primary-soft:color-mix(in srgb, var(--primary) 13%, var(--surface));--primary-border:color-mix(in srgb, var(--primary) 28%, var(--line));--shadow-button:0 8px 18px color-mix(in srgb, var(--primary) 19%, transparent);--shadow-lift:0 16px 38px #3c23121f;--motion-fast:.14s;--motion-base:.22s}:root[data-theme=dark]{--surface-elevated:color-mix(in srgb, var(--surface) 94%, #33261b);--surface-glass:color-mix(in srgb, var(--surface) 84%, transparent);--primary-soft:color-mix(in srgb, var(--primary) 14%, var(--surface));--primary-border:color-mix(in srgb, var(--primary) 34%, var(--line));--shadow-button:0 9px 22px #00000052;--shadow-lift:0 18px 44px #0000006b}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--primary) 11%, transparent), transparent 28rem), radial-gradient(circle at 96% 18%, color-mix(in srgb, var(--info) 7%, transparent), transparent 26rem), var(--bg);background-attachment:fixed}::selection{color:var(--primary-ink);background:color-mix(in srgb, var(--primary) 78%, transparent)}.app-shell{isolation:isolate}.topbar{border-bottom-color:color-mix(in srgb, var(--line-strong) 70%, transparent);background:var(--surface-glass);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);box-shadow:0 8px 24px #2d1c0f12}.brand{letter-spacing:-.015em}.brand-mark{box-shadow:0 8px 20px color-mix(in srgb, var(--primary) 28%, transparent), inset 0 1px 0 #ffffff59;transition:transform var(--motion-base) ease, box-shadow var(--motion-base) ease;position:relative;overflow:hidden}.brand-mark:after{border-radius:inherit;content:"";background:#ffffff3d;position:absolute;inset:-35% 45% 45% -35%;transform:rotate(24deg)}.brand:hover .brand-mark{box-shadow:0 11px 26px color-mix(in srgb, var(--primary) 34%, transparent), inset 0 1px 0 #ffffff6b;transform:translateY(-1px)rotate(-2deg)}.main-content{position:relative}.page{padding-top:clamp(22px,3vw,38px);padding-bottom:52px}.stack{gap:clamp(14px,2vw,18px)}.stack-lg{gap:clamp(20px,3vw,30px)}.page-heading{align-items:center}.page-heading h1,.section-heading h2{letter-spacing:-.025em}.eyebrow{border:1px solid var(--primary-border);background:var(--primary-soft);letter-spacing:.055em;border-radius:999px;width:-moz-fit-content;width:fit-content;padding:4px 9px}.section-card,.bucket-card,.stat-card,.notice-card{border-color:color-mix(in srgb, var(--line-strong) 74%, transparent);background:linear-gradient(155deg, var(--surface-elevated), var(--surface));box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff59;transition:border-color var(--motion-base) ease, box-shadow var(--motion-base) ease, transform var(--motion-base) ease}.section-card{position:relative}.section-card:before{inset-inline:20px;background:linear-gradient(90deg, transparent, var(--primary-border), transparent);content:"";pointer-events:none;height:1px;position:absolute;top:0}.hero-card{isolation:isolate;border:1px solid color-mix(in srgb, var(--primary) 28%, transparent);box-shadow:var(--shadow-lift);background:radial-gradient(circle at 86% 18%,#ffffff70,#0000 13rem),linear-gradient(135deg,#fff0d8,#fdba74 58%,#fb923c);position:relative;overflow:hidden}.hero-card:after{z-index:-1;inset-inline-end:-54px;content:"";border:28px solid #ffffff29;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-76px}.stat-card{min-height:82px;padding:17px 19px}.stat-card>svg,.bucket-icon,.empty-icon,.social-avatar{box-shadow:inset 0 1px #ffffff85}.stat-card>svg,.bucket-icon{background:linear-gradient(145deg, var(--soft), var(--primary-soft))}.stat-card strong{letter-spacing:-.035em}.button,.icon-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.button{border-color:color-mix(in srgb, var(--primary-dark) 22%, transparent);background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 78%, #ef4444));min-height:46px;box-shadow:var(--shadow-button), inset 0 1px 0 #ffffff47;letter-spacing:-.01em;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, filter var(--motion-fast) ease, transform var(--motion-fast) ease;border-radius:14px;padding:11px 19px;position:relative;overflow:hidden}.button:after{content:"";opacity:0;pointer-events:none;transition:opacity var(--motion-base) ease, transform var(--motion-base) ease;background:linear-gradient(115deg,#0000 20%,#ffffff29,#0000 80%);position:absolute;inset:0;transform:translate(-45%)}.button:hover:not(:disabled){filter:brightness(1.04)saturate(1.04);box-shadow:0 12px 24px color-mix(in srgb, var(--primary) 24%, transparent), inset 0 1px 0 #ffffff57;transform:translateY(-2px)}.button:hover:not(:disabled):after{opacity:1;transform:translate(45%)}.button:active:not(:disabled){box-shadow:0 5px 12px color-mix(in srgb, var(--primary) 18%, transparent);transform:translateY(0)scale(.985)}.button.secondary{color:var(--text);border-color:var(--line-strong);background:linear-gradient(145deg, var(--surface-elevated), var(--surface-2));box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff57}.button.secondary:hover:not(:disabled){border-color:var(--primary-border);background:linear-gradient(145deg, var(--primary-soft), var(--surface));box-shadow:var(--shadow-md)}.button.danger{border-color:color-mix(in srgb, var(--danger) 54%, transparent);background:linear-gradient(135deg, var(--danger), color-mix(in srgb, var(--danger) 76%, #8b1c16));box-shadow:0 9px 20px color-mix(in srgb, var(--danger) 22%, transparent)}.button.success{border-color:color-mix(in srgb, var(--success) 54%, transparent);background:linear-gradient(135deg, var(--success), color-mix(in srgb, var(--success) 76%, #075b2d));box-shadow:0 9px 20px color-mix(in srgb, var(--success) 20%, transparent)}.button:disabled,.icon-button:disabled{filter:grayscale(.18);opacity:.48}.icon-button{border-color:color-mix(in srgb, var(--line-strong) 88%, transparent);background:linear-gradient(145deg, var(--surface-elevated), var(--surface));width:44px;height:44px;box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff61;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) ease;border-radius:14px}.icon-button:hover:not(:disabled){border-color:var(--primary-border);color:var(--primary-dark);background:var(--primary-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.icon-button:active:not(:disabled){transform:translateY(0)scale(.96)}.danger-ghost:hover:not(:disabled){border-color:color-mix(in srgb, var(--danger) 42%, var(--line));color:var(--danger);background:var(--danger-soft)}.row-actions,.card-actions,.dialog-actions,.group-card-actions{gap:11px}input,textarea,select{border-color:color-mix(in srgb, var(--line-strong) 90%, transparent);background:linear-gradient(180deg, var(--surface-elevated), var(--surface));min-height:46px;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) ease;border-radius:13px;box-shadow:inset 0 1px 2px #321e120a}input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--primary-border)}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 4px var(--ring), inset 0 1px 2px #321e120a}.list-row{min-height:68px;padding-block:14px}.status,.mode-pill,.connection,.member-status{border:1px solid color-mix(in srgb, currentColor 16%, var(--line));box-shadow:inset 0 1px #ffffff42}.bucket-card{gap:16px;padding:19px}.bucket-card-top{gap:14px}.bucket-card h2{letter-spacing:-.02em;line-height:1.25}.card-actions .button{min-width:112px}.sticky-actions{border-color:color-mix(in srgb, var(--line-strong) 82%, transparent);background:var(--surface-glass);box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);border-radius:18px}.loading{border:1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);background:radial-gradient(circle at 50% 0%, var(--primary-soft), transparent 16rem), linear-gradient(155deg, var(--surface-elevated), var(--surface));width:min(430px,100%);min-height:42vh;box-shadow:var(--shadow-lift);border-radius:26px;margin-inline:auto;padding:clamp(24px,6vw,42px)}.loading-orbit{border:1px solid var(--primary-border);width:68px;height:68px;color:var(--primary);background:var(--primary-soft);box-shadow:0 12px 28px color-mix(in srgb, var(--primary) 18%, transparent), inset 0 1px 0 #ffffff6b;border-radius:22px;place-items:center;display:grid}.loading-orbit svg{width:30px;height:30px}.loading-copy{gap:4px;display:grid}.loading-copy strong{color:var(--text);letter-spacing:-.015em;font-size:1rem}.loading-copy span{font-size:.78rem}.loading-skeleton{gap:9px;width:min(270px,100%);margin-top:6px;display:grid}.loading-skeleton>span{background:var(--soft);border-radius:999px;height:10px;overflow:hidden}.loading-skeleton>span:after{border-radius:inherit;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 28%, white), transparent);content:"";width:45%;height:100%;animation:1.25s ease-in-out infinite loading-shimmer;display:block;transform:translate(-120%)}.loading-skeleton>span:nth-child(2){width:82%}.loading-skeleton>span:nth-child(3){width:64%}@keyframes loading-shimmer{to{transform:translate(250%)}}.empty-state,.error-state,.not-found{border:1px dashed var(--line-strong);background:linear-gradient(155deg, var(--surface-elevated), var(--surface));border-radius:24px;width:min(520px,100%);margin-inline:auto;padding:clamp(24px,5vw,40px)}.toast{box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff29;border-radius:16px}.dialog{border-color:color-mix(in srgb, var(--line-strong) 82%, transparent);background:linear-gradient(155deg, var(--surface-elevated), var(--surface));border-radius:24px}.bottom-nav{border-color:color-mix(in srgb, var(--line-strong) 80%, transparent);background:var(--surface-glass);box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border-radius:24px;gap:6px;padding:8px}.bottom-nav a{min-height:52px;transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) ease;border:1px solid #0000;border-radius:16px;padding:8px 5px}.bottom-nav a.active{border-color:color-mix(in srgb, var(--primary-dark) 22%, transparent);background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 78%, #ef4444));box-shadow:var(--shadow-button);transform:translateY(-2px)}.notification-panel{border-color:color-mix(in srgb, var(--line-strong) 86%, transparent);background:var(--surface-glass);box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(20px)saturate(145%);backdrop-filter:blur(20px)saturate(145%);border-radius:22px}.notification-panel-head{background:linear-gradient(145deg, var(--primary-soft), var(--surface-2));padding:16px}.notification-item{transition:background var(--motion-fast) ease, transform var(--motion-fast) ease;padding:15px 16px}.notification-item:hover{background:var(--primary-soft)}.notification-item:active{transform:scale(.992)}.friend-card,.group-card{border-color:color-mix(in srgb, var(--line-strong) 78%, transparent);background:linear-gradient(155deg, var(--surface-elevated), var(--surface));box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff57;transition:border-color var(--motion-base) ease, box-shadow var(--motion-base) ease, transform var(--motion-base) ease}.group-card-title{align-items:flex-start}.group-card-title>div{gap:6px;min-width:0;display:grid}.group-card-title>div>strong{letter-spacing:-.02em;line-height:1.28}.group-card-title>div>.muted{border:1px solid var(--primary-border);background:var(--primary-soft);white-space:normal;border-radius:999px;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;padding:4px 9px;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.group-card-actions .icon-button{width:44px;height:44px}.group-member-row{border-color:color-mix(in srgb, var(--line-strong) 74%, transparent);box-shadow:var(--shadow-sm);border-radius:15px}@media (hover:hover){.section-card:hover,.bucket-card:hover,.stat-card:hover,.friend-card:hover,.group-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-lift);transform:translateY(-3px)}}@media (min-width:960px){.sidebar{border-inline-end-color:color-mix(in srgb, var(--line-strong) 76%, transparent);background:linear-gradient(180deg, var(--surface-elevated), var(--surface)), var(--surface);box-shadow:10px 0 32px #321e120f}.nav-link{min-height:44px;transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) ease;border:1px solid #0000;border-radius:14px}.nav-link:hover{border-color:var(--primary-border);background:var(--primary-soft);transform:translate(2px)}[dir=rtl] .nav-link:hover{transform:translate(-2px)}.nav-link.active{border-color:color-mix(in srgb, var(--primary-dark) 22%, transparent);background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 78%, #ef4444));box-shadow:var(--shadow-button)}.sidebar-footer{gap:10px}}@media (max-width:719px){.page{padding-bottom:44px}.section-card,.bucket-card,.friend-card,.group-card{border-radius:19px}.page-heading{align-items:stretch}.page-heading .row-actions,.card-actions,.dialog-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr));display:grid}.page-heading .row-actions .button,.card-actions .button,.dialog-actions .button{width:100%}.list-row{align-items:flex-start}.list-row>.row-actions{justify-content:flex-end}.loading{border-radius:22px;min-height:38vh}.group-card-title>div>.muted{padding:4px 8px}}@media (max-width:420px){.main-content{padding-inline:12px}.topbar{min-height:62px;padding-inline:10px}.topbar .icon-button{border-radius:13px;width:40px;height:40px}.section-card,.bucket-card,.friend-card,.group-card{padding:15px}.button{min-height:48px;padding-inline:15px}.bottom-nav{bottom:max(6px, env(safe-area-inset-bottom));width:calc(100% - 12px)}.bottom-nav a{min-width:0;font-size:.66rem}}@media (max-height:520px) and (orientation:landscape) and (max-width:959px){:root{--nav-h:64px}.topbar{min-height:54px;padding-block:5px;position:relative}.page{padding-top:14px;padding-bottom:28px}.bottom-nav{width:min(600px,100% - 16px);padding:5px;bottom:4px}.bottom-nav a{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:6px;min-height:46px}.loading{grid-template-columns:auto minmax(0,1fr);place-content:center;min-height:60vh}.loading-skeleton{grid-column:1/-1}.notification-topbar .notification-panel,.notification-sidebar .notification-panel{max-height:none;top:8px;bottom:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-mark,.button,.button:after,.icon-button,.section-card,.bucket-card,.stat-card,.friend-card,.group-card,.nav-link,.notification-item,.bottom-nav a{transform:none!important}.loading-skeleton>span:after{animation:none;transform:none}}.auth-shell{min-height:100dvh}.auth-controls{z-index:12;top:max(env(safe-area-inset-top), 16px);align-items:center;gap:10px;display:flex;position:fixed;inset-inline-end:max(env(safe-area-inset-right), 16px)}.auth-control-button{flex:0 0 44px;width:44px;height:44px;padding:0}.auth-card{align-self:center}.refresh-viewport:has(>.loading){place-items:center;display:grid}.refresh-viewport>.loading{width:min(430px,100% - 24px);height:-moz-fit-content;height:fit-content;min-height:clamp(280px,42vh,380px);margin:auto}#root:has(>.loading){place-items:center;min-height:100dvh;padding:16px;display:grid}#root>.loading{width:min(430px,100%);height:-moz-fit-content;height:fit-content;min-height:clamp(280px,42vh,380px);margin:auto}.loading-copy,.loading-skeleton{text-align:center;justify-items:center}.loading-skeleton>span{justify-self:center;width:100%}@media (max-width:719px){.auth-shell{padding:calc(max(env(safe-area-inset-top), 16px) + 56px) 16px max(env(safe-area-inset-bottom), 24px);grid-template-columns:1fr;place-items:center}.auth-card{width:min(440px,100%);margin:0;padding:clamp(24px,6vw,36px) 0}.auth-card>form{width:100%}}@media (max-height:520px) and (orientation:landscape) and (max-width:959px){.refresh-viewport>.loading,#root>.loading{min-height:min(260px,100dvh - 88px)}}