:root{--font-sans: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--bg: #0f0e13;--panel: rgba(23, 21, 30, .92);--panel-soft: rgba(37, 32, 48, .92);--panel-muted: rgba(255, 255, 255, .045);--line: rgba(255, 255, 255, .08);--line-strong: rgba(141, 87, 199, .55);--text: #f2eef7;--muted: #aba2b8;--muted-strong: #c9c0d4;--accent: #8d57c7;--accent-strong: #a479d2;--accent-soft: rgba(141, 87, 199, .22);--accent-text: #a479d2;--on-accent: #ffffff;--button-start: #9565cc;--focus-color: #8d57c7;--theme-glow: rgba(141, 87, 199, .25);--theme-ring: rgba(141, 87, 199, .38);--theme-gradient-start: #3f2a57;--theme-gradient-end: #9868cd;--theme-card-wash: rgba(141, 87, 199, .18);--theme-shadow: rgba(141, 87, 199, .42);--theme-focus: rgba(141, 87, 199, .16);--shell-base: rgba(12, 12, 16, .94);--shell-overlay: rgba(255, 255, 255, .02);--danger: #f06d86;--color-success: #34c98a;--color-success-soft: rgba(52, 201, 138, .16);--color-danger: #f0617f;--color-danger-soft: rgba(240, 97, 127, .16);--color-neutral: #9a91a8;--color-neutral-soft: rgba(154, 145, 168, .16);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.75rem;--font-size-2xl: 2.75rem;--font-size-display: 4.5rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 14px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--shadow: 0 30px 80px rgba(0, 0, 0, .45);--shadow-focus: 0 0 0 4px rgba(141, 87, 199, .16);--avatar-1: #5a6478;--avatar-2: #5c6b5d;--avatar-3: #7a5e52;--avatar-4: #6c5a72;--avatar-5: #6a6748;--avatar-6: #6b6560;--line-dash: color-mix(in srgb, var(--text) 24%, transparent);--scrim: color-mix(in srgb, var(--bg) 72%, transparent);--rail-w: 76px;--content-max: 1364px;--ease-out: cubic-bezier(.22, 1, .36, 1);--motion-fast: .16s;--motion: .22s;--motion-slow: .3s;color-scheme:dark;font-family:var(--font-sans);color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@property --accent{syntax: "<color>"; inherits: true; initial-value: #8d57c7;}@property --accent-strong{syntax: "<color>"; inherits: true; initial-value: #a479d2;}@property --accent-soft{syntax: "<color>"; inherits: true; initial-value: rgba(141,87,199,.22);}@property --accent-text{syntax: "<color>"; inherits: true; initial-value: #a479d2;}@property --button-start{syntax: "<color>"; inherits: true; initial-value: #9565cc;}@property --line-strong{syntax: "<color>"; inherits: true; initial-value: rgba(141,87,199,.55);}@property --theme-glow{syntax: "<color>"; inherits: true; initial-value: rgba(141,87,199,.25);}@property --theme-ring{syntax: "<color>"; inherits: true; initial-value: rgba(141,87,199,.38);}@property --theme-shadow{syntax: "<color>"; inherits: true; initial-value: rgba(141,87,199,.42);}@property --theme-card-wash{syntax: "<color>"; inherits: true; initial-value: rgba(141,87,199,.18);}@property --theme-gradient-start{syntax: "<color>"; inherits: true; initial-value: #3f2a57;}@property --theme-gradient-end{syntax: "<color>"; inherits: true; initial-value: #9868cd;}:root,[style*=--accent]{transition:--accent var(--motion-slow) var(--ease-out),--accent-strong var(--motion-slow) var(--ease-out),--accent-soft var(--motion-slow) var(--ease-out),--accent-text var(--motion-slow) var(--ease-out),--button-start var(--motion-slow) var(--ease-out),--line-strong var(--motion-slow) var(--ease-out),--theme-glow var(--motion-slow) var(--ease-out),--theme-ring var(--motion-slow) var(--ease-out),--theme-shadow var(--motion-slow) var(--ease-out),--theme-card-wash var(--motion-slow) var(--ease-out),--theme-gradient-start var(--motion-slow) var(--ease-out),--theme-gradient-end var(--motion-slow) var(--ease-out)}html[data-theme=light]{color-scheme:light;--danger: #b3203f;--color-success: #0b6b43;--color-success-soft: rgba(11, 107, 67, .12);--color-danger: #b3203f;--color-danger-soft: rgba(179, 32, 63, .12);--color-neutral: #5f566e;--color-neutral-soft: rgba(95, 86, 110, .12);--shadow: 0 30px 80px rgba(33, 26, 44, .18)}@media(max-width:719px){:root{--font-size-xs: .8125rem}}*{box-sizing:border-box}html,body,#root{min-height:100%}html{min-width:320px;background-color:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);background-attachment:fixed}body:has(.phone-home),body:has(.dashboard-wide){background:radial-gradient(70% 380px at 55% -120px,var(--theme-glow),transparent 70%),var(--bg);background-attachment:fixed}#root{position:relative;z-index:1}a{color:inherit;text-decoration:none}p a,.form-hint a{color:var(--accent-text);text-decoration:underline;text-underline-offset:.15em}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}:focus-visible{outline:3px solid var(--focus-color);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input.visually-hidden{width:1px;min-width:1px;max-width:1px;height:1px;padding:0;border:0}.screen-loader{display:grid;place-items:center;align-content:center;gap:var(--space-sm);min-height:100dvh;color:var(--muted)}.loader-dot{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:var(--radius-pill);animation:spin .8s linear infinite}.logo{display:block;flex:none;color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}@keyframes swap-in{0%{opacity:0;transform:translateY(4px)}}@keyframes step-in{0%{opacity:0;transform:translate(12px)}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.96)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.page-enter{animation:page-in var(--motion-slow) var(--ease-out) both}.swap-in{animation:swap-in var(--motion) var(--ease-out) both}.step-in{animation:step-in var(--motion-slow) var(--ease-out) both}.button{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-md);border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--font-size-md);font-weight:600;line-height:1.1;text-align:center;white-space:nowrap;cursor:pointer;transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion) ease,filter var(--motion-fast) ease,transform var(--motion-fast) var(--ease-out)}.button svg{flex:none;width:18px;height:18px}.button:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}.button:disabled,.button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.button.button-soon[aria-disabled=true]{border:1px dashed var(--line-dash);background:transparent;color:var(--muted);opacity:1}.button-primary{background:var(--accent);color:var(--on-accent);font-weight:700}.button-primary:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.08)}.button-secondary{border-color:var(--line);background:var(--panel-soft);color:var(--text)}.button-secondary:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--line-strong)}.button-ghost{background:transparent;color:var(--muted-strong)}.button-ghost:hover:not(:disabled){background:var(--panel-muted);color:var(--text)}.button-danger{color:var(--danger)}.button-outline-danger{border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:transparent;color:var(--danger)}.button-outline-danger:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-danger-soft)}.button-danger-solid{background:var(--danger);color:var(--bg);font-weight:700}.button-danger-solid:hover:not(:disabled){filter:brightness(1.06)}.button-compact{padding:0 var(--space-sm);font-size:var(--font-size-sm)}.button-start{justify-content:flex-start;width:100%;padding-block:var(--space-xs);white-space:normal;text-align:left}.button-note{margin-left:auto;color:var(--muted);font-size:var(--font-size-xs);font-weight:400}label.button{cursor:pointer}.auth-form label.text-link{display:inline;color:var(--accent-text);font-size:inherit}.auth-form label.button{display:inline-flex;color:var(--text)}.button-row,.button-pair{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.button-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.icon-button{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--muted-strong);transition:background var(--motion-fast) ease,color var(--motion-fast) ease,border-color var(--motion-fast) ease}.icon-button:hover:not(:disabled){background:var(--panel-muted);color:var(--text)}.icon-button svg{width:20px;height:20px}.icon-button-soft{border-color:var(--line);background:var(--panel-soft);color:var(--text)}.icon-button-soft:hover:not(:disabled){border-color:var(--line-strong);background:var(--panel-soft)}.icon-button-danger{color:var(--danger)}.text-link{padding:0;border:0;background:none;color:var(--accent-text);font:inherit;font-size:var(--font-size-sm);font-weight:600;text-decoration:underline;text-underline-offset:.2em;cursor:pointer;transition:color var(--motion-fast) ease}.text-link:hover{text-decoration-thickness:2px}.link-inactive{padding:0;border:0;background:none;color:inherit;font-weight:700;text-decoration:underline;opacity:.7;cursor:not-allowed}.ghost-logout{justify-self:center;min-height:44px;padding:0 var(--space-md);border:0;background:transparent;color:var(--muted)}.back-link{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-2xs);min-height:44px;color:var(--accent-text);font-size:var(--font-size-sm);font-weight:600}.back-link svg{width:18px;height:18px}.muted{color:var(--muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-form{display:grid;gap:var(--space-md);align-content:start}.auth-form label,.field-label{display:grid;gap:var(--space-xs);min-width:0;color:var(--muted-strong);font-size:var(--font-size-sm)}.auth-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.auth-form textarea,.auth-form select,.rename-form input,.add-category input{width:100%;min-height:44px;padding:0 var(--space-sm);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-soft);color:var(--text);font-size:var(--font-size-md);transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.auth-form textarea{min-height:84px;padding:var(--space-sm);resize:vertical}.auth-form input:hover:not(:disabled):not(:focus),.auth-form select:hover:not(:disabled):not(:focus),.auth-form textarea:hover:not(:focus){border-color:var(--line-strong)}.auth-form input:disabled{color:var(--muted);opacity:.8}.auth-form input:focus,.auth-form textarea:focus,.auth-form select:focus,.rename-form input:focus,.add-category input:focus{outline:none;border-color:var(--focus-color);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus-color)}.form-grid{display:grid;gap:var(--space-md);align-items:start}.form-grid-end{align-items:end}.field-wide{grid-column:1 / -1}.field-narrow{max-width:200px}.form-error,.form-success{margin:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;white-space:pre-line;animation:swap-in var(--motion) var(--ease-out) both}.form-error{border:1px solid var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.form-success{border:1px solid var(--color-success);background:var(--color-success-soft);color:var(--color-success)}.form-hint,small.form-hint{margin:0;color:var(--muted);font-size:var(--font-size-sm);line-height:1.45}.plain-fieldset,.color-field,.check-field{min-width:0;margin:0;padding:0;border:0}.color-field{display:grid;gap:var(--space-sm)}.color-field legend,.check-field legend{margin-bottom:var(--space-xs);padding:0;color:var(--muted-strong);font-size:var(--font-size-sm);font-weight:600}.check-row,.switch-row{display:flex;align-items:center;gap:var(--space-sm);min-height:44px;color:var(--text);font-size:var(--font-size-sm);cursor:pointer}.auth-form .check-row{display:flex;color:var(--text);font-size:var(--font-size-sm)}.check-row small{color:var(--muted)}.check-row-strong span{font-weight:600}.check-row input[type=checkbox],.switch-row input[type=checkbox],.perm-check{display:inline-grid;place-content:center;flex:none;width:22px;height:22px;margin:0;border:1.5px solid color-mix(in srgb,var(--text) 28%,transparent);border-radius:calc(var(--radius-sm) / 2);background:transparent;cursor:pointer;appearance:none;transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease,transform var(--motion-fast) var(--ease-out)}.check-row input[type=checkbox]:after,.switch-row input[type=checkbox]:after,.perm-check:after{content:"";width:10px;height:5px;border:solid var(--on-accent);border-width:0 0 2.5px 2.5px;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform var(--motion-fast) var(--ease-out)}.check-row input[type=checkbox]:checked,.switch-row input[type=checkbox]:checked,.perm-check:checked{border-color:var(--accent);background:var(--accent)}.check-row input[type=checkbox]:checked:after,.switch-row input[type=checkbox]:checked:after,.perm-check:checked:after{transform:translateY(-1px) rotate(-45deg) scale(1)}.check-row input[type=checkbox]:hover:not(:disabled),.perm-check:hover:not(:disabled){border-color:var(--accent)}.check-row input[type=checkbox]:active:not(:disabled),.perm-check:active:not(:disabled){transform:scale(.9)}.check-row input[type=checkbox]:disabled,.perm-check:disabled{opacity:.45;cursor:not-allowed}.perm-check.perm-check-fixed{border-color:transparent;background:var(--panel-muted);opacity:1}.perm-check.perm-check-fixed:after{border-color:var(--muted)}.segmented{display:inline-flex;gap:2px;padding:var(--space-2xs);border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg) 60%,transparent)}.segmented-option{display:inline-flex;flex:1;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-md);border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--muted);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;transition:background var(--motion) var(--ease-out),border-color var(--motion) ease,color var(--motion-fast) ease}.segmented-option:hover{color:var(--text)}.segmented-option.active,.segmented-option[aria-checked=true],.segmented-option[aria-selected=true]{border-color:var(--line-strong);background:var(--accent-soft);color:var(--text)}.segmented-option:disabled,.segmented-option[aria-disabled=true]{cursor:wait}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.chip-row-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.chip{display:inline-flex;flex:none;align-items:center;min-height:40px;padding:0 var(--space-md);border:1px solid var(--line);border-radius:var(--radius-pill);background:transparent;color:var(--muted);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;transition:background var(--motion) var(--ease-out),border-color var(--motion) ease,color var(--motion-fast) ease}.chip:hover{border-color:var(--line-strong);color:var(--text)}.chip[aria-pressed=true],.chip[aria-selected=true]{border-color:var(--line-strong);background:var(--accent-soft);color:var(--text)}.swatch-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.swatch{width:44px;height:44px;padding:0;border:0;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 12%,transparent);transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion) ease}.swatch:hover:not(:disabled){transform:scale(1.08)}.swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--panel-soft),0 0 0 5px var(--text)}.swatch:disabled{cursor:not-allowed;opacity:.6}.avatar,.band-mark{display:inline-grid;place-items:center;flex:none;overflow:hidden;border-radius:var(--radius-pill);color:#fff;font-weight:700;line-height:1}.avatar{width:42px;height:42px;background:var(--avatar-tone, var(--avatar-1));box-shadow:inset 0 0 0 1px var(--line);font-size:var(--font-size-xs)}.avatar-tone-1{--avatar-tone: var(--avatar-1)}.avatar-tone-2{--avatar-tone: var(--avatar-2)}.avatar-tone-3{--avatar-tone: var(--avatar-3)}.avatar-tone-4{--avatar-tone: var(--avatar-4)}.avatar-tone-5{--avatar-tone: var(--avatar-5)}.avatar-tone-6{--avatar-tone: var(--avatar-6)}.avatar-sm{width:36px;height:36px;font-size:var(--font-size-xs)}.avatar-lg{width:60px;height:60px;font-size:var(--font-size-lg)}.avatar-placeholder{border:1.5px dashed color-mix(in srgb,var(--text) 30%,transparent);background:transparent;color:var(--muted)}.avatar-placeholder svg{width:18px;height:18px}.band-mark{width:44px;height:44px;font-size:var(--font-size-md);text-shadow:0 1px 2px rgba(0,0,0,.35);transition:background var(--motion-slow) var(--ease-out)}.band-mark-lg{width:64px;height:64px;font-size:var(--font-size-lg)}.avatar img,.band-mark img{width:100%;height:100%;object-fit:cover}.badge{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--panel-muted);color:var(--muted-strong);font-size:var(--font-size-xs);font-style:normal;font-weight:600;line-height:1;white-space:nowrap}.badge svg{width:12px;height:12px}.badge-caps{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.badge-outline{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 16%,transparent)}.badge-accent{background:var(--accent);color:var(--on-accent)}.badge-soft-accent{background:var(--accent-soft);color:var(--text)}.badge-pending{background:var(--color-neutral-soft);color:var(--muted-strong)}.badge-warn{background:var(--color-danger-soft);color:var(--color-danger)}.badge-row{display:inline-flex;flex-wrap:wrap;gap:var(--space-xs)}.section-kicker,.group-label{margin:0;color:var(--muted);font-size:var(--font-size-sm);font-weight:600;line-height:1.3}.content-card,.install-banner,.auth-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.content-card{min-width:0;padding:var(--space-md)}.card-title{margin:0;font-size:var(--font-size-md);font-weight:700;letter-spacing:-.01em}.card-title-lg{font-size:var(--font-size-lg)}.card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xs) var(--space-sm)}.card-note{color:var(--muted);font-size:var(--font-size-xs)}.card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-xs)}.form-card,.side-card{display:grid;gap:var(--space-md);align-content:start}.side-card{gap:var(--space-sm)}.empty-state{margin:0;color:var(--muted);font-size:var(--font-size-sm);line-height:1.45}.empty-block{display:grid;justify-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-md);background:var(--panel-muted);text-align:center}.content-card .empty-block{background:transparent}.empty-block-inline{padding:var(--space-lg) var(--space-md)}.empty-block p{max-width:28rem;margin:0;color:var(--muted);font-size:var(--font-size-sm);line-height:1.45}.empty-block-mark{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text)}.empty-block-mark svg{width:22px;height:22px}.watermark{justify-self:center;margin-top:var(--space-lg);opacity:.12}.skeleton-card{display:grid;gap:var(--space-sm)}.skeleton-row{height:52px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--panel-muted) 0%,var(--panel-soft) 50%,var(--panel-muted) 100%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}.error-card{display:grid;gap:var(--space-sm);justify-items:start}.menu-list,.settings-stack{display:grid;gap:var(--space-xs)}.settings-stack{gap:var(--space-md)}.menu-item{display:flex;align-items:center;gap:var(--space-sm);min-height:56px;padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-xs);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-soft);color:var(--text);font:inherit;text-align:left;transition:border-color var(--motion-fast) ease,background var(--motion-fast) ease}a.menu-item:hover,button.menu-item:hover{border-color:var(--line-strong)}.menu-item-inactive{border-style:dashed;border-color:var(--line-dash);background:transparent;color:var(--muted);cursor:not-allowed}.menu-item-danger{color:var(--danger)}.menu-list-plain .menu-item{min-height:44px;padding:var(--space-2xs) var(--space-xs) var(--space-2xs) var(--space-2xs);border-color:transparent;background:transparent}.menu-list-plain a.menu-item:hover,.menu-list-plain button.menu-item:hover{border-color:transparent;background:var(--panel-muted)}.menu-list-plain .menu-icon{width:34px;height:34px}.menu-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text)}.menu-item-danger .menu-icon{background:var(--color-danger-soft);color:var(--danger)}.menu-icon svg{width:18px;height:18px}.menu-copy{display:grid;flex:1;gap:2px;min-width:0}.menu-copy strong{font-size:var(--font-size-sm);font-weight:600}.menu-copy small{color:var(--muted);font-size:var(--font-size-xs)}.menu-chevron{width:18px;height:18px;color:var(--muted)}.install-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.install-banner p{margin:2px 0 0;color:var(--muted);font-size:var(--font-size-sm)}.app-frame{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:100vh;height:100dvh}.app-frame[data-layout=phone-home],.app-frame[data-layout=wide]{grid-template-columns:var(--rail-w) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.app-main{display:flex;flex-direction:column;min-width:0;min-height:0}.app-content{flex:1;min-height:0;padding:var(--space-md) var(--space-md) var(--space-lg);overflow-y:auto;overscroll-behavior:contain}.app-frame[data-layout=phone-home] .app-content{padding:var(--space-lg) var(--space-md) var(--space-md) var(--space-md)}.app-content-inner{max-width:var(--content-max);margin:0 auto}.band-rail{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);min-height:0;padding:var(--space-lg) 0;overflow-y:auto;border-right:1px solid var(--line);scrollbar-width:none}.band-rail::-webkit-scrollbar{display:none}.rail-avatar{position:relative;display:grid;place-items:center;flex:none;width:52px;height:52px;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-slow) var(--ease-out),background var(--motion-fast) ease}.rail-avatar .band-mark{width:100%;height:100%}.band-rail .rail-avatar:hover{transform:scale(1.06)}.band-rail .rail-avatar-active{box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--theme-ring),0 10px 24px var(--theme-shadow)}.rail-avatar-dragging{opacity:.85;transform:scale(1.12);cursor:grabbing}.rail-avatar-drop-target{outline:2px dashed var(--accent);outline-offset:3px}.rail-create-mark{display:grid;place-items:center;width:100%;height:100%;border:1.5px dashed color-mix(in srgb,var(--text) 28%,transparent);border-radius:var(--radius-pill)}.rail-create-mark svg{width:22px;height:22px}.band-menu{display:grid;gap:2px}.band-menu .rail-avatar{display:flex;justify-content:flex-start;gap:var(--space-sm);width:100%;height:auto;min-height:48px;padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-xs);border-radius:var(--radius-md);color:var(--text);text-align:left}.band-menu .rail-avatar .band-mark,.band-menu .rail-create-mark{flex:none;width:36px;height:36px}.band-menu .rail-create-mark svg{width:18px;height:18px}.band-menu .rail-avatar:hover{background:var(--panel-muted)}.band-menu .rail-avatar-active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--line-strong)}.band-menu-name{min-width:0;overflow:hidden;font-size:var(--font-size-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.band-menu .rail-avatar-create .band-menu-name{color:var(--muted-strong)}.side-nav{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);min-height:0;padding:var(--space-lg) 0;border-right:1px solid var(--line);background:color-mix(in srgb,var(--shell-base) 65%,transparent)}.side-nav-anchor{position:relative}.side-band{display:grid;place-items:center;width:48px;height:48px;margin-bottom:var(--space-sm);padding:0;border:0;border-radius:var(--radius-pill);background:transparent;box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--theme-ring);transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-slow) var(--ease-out)}.side-band .band-mark{width:100%;height:100%}.side-band:hover,.side-band[aria-expanded=true]{transform:scale(1.05);box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--accent),0 10px 24px var(--theme-shadow)}.side-link{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-pill);color:var(--muted);transition:background var(--motion) var(--ease-out),color var(--motion-fast) ease}.side-link svg{width:20px;height:20px}a.side-link:hover{background:var(--panel-muted);color:var(--text)}.side-link.active{background:var(--accent-soft);color:var(--text)}.side-link-inactive{border:1px dashed var(--line-dash);color:var(--muted);cursor:not-allowed}.side-nav-spacer{flex:1}.side-user{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;transition:box-shadow var(--motion) ease}.side-user .avatar{width:44px;height:44px}.side-user:hover,.side-user[aria-expanded=true]{box-shadow:0 0 0 2px var(--line-strong)}.popover{position:absolute;left:calc(100% + 18px);z-index:60;display:grid;gap:var(--space-sm);width:288px;max-height:min(70vh,34rem);padding:var(--space-sm);overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(var(--panel),var(--panel)),var(--bg);box-shadow:var(--shadow);opacity:0;transform:translate(-6px) scale(.96);transform-origin:top left;transition:opacity var(--motion) ease-out,transform var(--motion) var(--ease-out)}.popover[data-anchor=top]{top:0}.popover[data-anchor=bottom]{bottom:0;transform-origin:bottom left}.popover[data-state=open]{opacity:1;transform:none}.popover-kicker{padding:2px var(--space-xs) 0}.popover-hint{margin:0;padding:0 var(--space-xs);color:var(--muted);font-size:var(--font-size-xs)}.popover .menu-item{min-height:48px}.user-menu{display:grid;gap:var(--space-md)}.user-menu-identity{display:flex;align-items:center;gap:var(--space-md);min-width:0;padding-right:52px}.user-menu-compact .user-menu-identity{gap:var(--space-sm);padding:var(--space-2xs) var(--space-2xs) 0}.user-menu-identity div{display:grid;min-width:0}.user-menu-identity strong{overflow:hidden;font-size:var(--font-size-lg);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.user-menu-compact .user-menu-identity strong{font-size:var(--font-size-md)}.user-menu-identity small{overflow:hidden;color:var(--muted);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.user-menu .avatar-lg{width:64px;height:64px;font-size:var(--font-size-lg)}.app-foot{display:flex;flex:none;align-items:center;gap:var(--space-xs);margin:0 var(--space-sm) calc(var(--space-sm) + env(safe-area-inset-bottom,0px));padding:var(--space-xs);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--shell-base);box-shadow:0 -10px 30px color-mix(in srgb,var(--bg) 70%,transparent);animation:swap-in var(--motion-slow) var(--ease-out) both}.user-banner{display:flex;flex:1;align-items:center;gap:var(--space-sm);min-width:0;min-height:48px;padding:2px var(--space-xs) 2px 2px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text);text-align:left;transition:background var(--motion-fast) ease}.user-banner:hover{background:var(--panel-muted)}.user-banner .avatar{width:44px;height:44px}.user-banner-copy{display:grid;min-width:0}.user-banner-copy strong{overflow:hidden;font-size:var(--font-size-md);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.user-banner-copy small{overflow:hidden;color:var(--muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.user-banner-chevron{flex:none;width:18px;height:18px;margin-left:auto;color:var(--muted)}.user-banner-bell{display:grid;place-items:center;flex:none;width:48px;height:48px;border:0;border-radius:var(--radius-pill);background:var(--panel-soft);color:var(--text);transition:background var(--motion-fast) ease}.user-banner-bell:hover{background:var(--accent-soft)}.user-banner-bell svg{width:22px;height:22px}.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:var(--space-xs) var(--space-xs) calc(var(--space-xs) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--shell-base)}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xs);min-height:48px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font:inherit;font-size:var(--font-size-xs);transition:color var(--motion-fast) ease}.bottom-nav .nav-item svg{width:22px;height:22px;transition:transform var(--motion) var(--ease-out)}.bottom-nav .nav-item.active{color:var(--accent-text);font-weight:600}.bottom-nav .nav-item.active svg{transform:translateY(-1px)}.bottom-nav .nav-item-inactive{border:1px dashed var(--line-dash);cursor:not-allowed}.page{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);align-content:start}.page-header{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.page-back{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--panel-soft);color:var(--text);transition:border-color var(--motion-fast) ease}.page-back:hover{border-color:var(--line-strong)}.page-back svg{width:20px;height:20px}.page-title-block{flex:1;min-width:0}.page-kicker{display:none;margin-bottom:var(--space-xs)}.page-title{margin:0;font-size:var(--font-size-xl);font-weight:700;line-height:1.1;letter-spacing:-.02em;overflow-wrap:anywhere}.page-lead{margin:var(--space-2xs) 0 0;color:var(--muted);font-size:var(--font-size-sm)}.page-header-middle{display:none}.page-header-note{color:var(--muted);font-size:var(--font-size-sm)}.page-header-actions{display:flex;flex:none;align-items:center;gap:var(--space-xs)}.page-narrow{max-width:44rem}.page-columns,.form-columns,.billing-columns{display:grid;gap:var(--space-md);align-items:start}.page-form{display:grid;gap:var(--space-md)}.form-column{display:grid;gap:var(--space-md);align-content:start;min-width:0}.inset-panel{display:grid;gap:var(--space-sm);align-content:start;min-width:0;padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-muted)}.inset-panel-accent{border-color:var(--line-strong)}.billing-preview{display:grid;gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 55%,transparent);color:var(--muted-strong);font-size:var(--font-size-sm);line-height:1.5}.billing-fields{display:grid;gap:var(--space-md)}.address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.address-grid>:first-child{grid-column:1 / -1}.mobile-actions{position:sticky;bottom:calc(-1 * var(--space-lg));z-index:5;display:flex;gap:var(--space-xs);margin:0 calc(-1 * var(--space-md)) calc(-1 * var(--space-lg));padding:var(--space-sm) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,var(--bg) 35%)}.mobile-actions .button{flex:1}.dashboard-phone{gap:var(--space-sm)}.home-header{display:flex;align-items:flex-start;gap:var(--space-sm);min-width:0}.home-header-mark{display:flex;flex:none;flex-direction:column;align-items:center}.home-header-mark .home-settings{margin-top:calc(-1 * var(--space-xs));box-shadow:0 0 0 2px var(--panel)}.home-settings{position:relative;display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--panel-soft);color:var(--text);transition:background-color .2s ease-out,transform .2s ease-out}.home-settings:before{position:absolute;inset:-12px;content:""}.home-settings:hover,.home-settings:focus-visible{background:var(--accent-soft)}.home-settings svg{width:12px;height:12px}.home-header-copy{flex:1;min-width:0;padding-top:var(--space-xs)}.home-header h1{display:-webkit-box;margin:0;overflow:hidden;font-size:var(--font-size-lg);font-weight:700;line-height:1.15;overflow-wrap:break-word;text-wrap:balance;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-header p{margin:2px 0 0;color:var(--muted);font-size:var(--font-size-sm)}.header-wordmark{opacity:.55}.home-section{display:grid;gap:var(--space-xs)}.home-section-title{margin:var(--space-2xs) 0 0;font-size:var(--font-size-lg);font-weight:700;line-height:1.25;letter-spacing:-.01em}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);min-height:84px;padding:var(--space-sm);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-soft);color:var(--text);font-size:var(--font-size-xs);font-weight:600;line-height:1.25;text-align:left;transition:border-color var(--motion-fast) ease,background var(--motion-fast) ease,transform var(--motion-fast) var(--ease-out)}.tile svg{width:22px;height:22px;color:var(--accent-text)}a.tile:hover{border-color:var(--line-strong);background:var(--accent-soft)}a.tile:active{transform:scale(.98)}.tile small{display:block;margin-top:2px;color:var(--muted);font-size:var(--font-size-xs);font-weight:400}.tile-inactive{border:1px dashed var(--line-dash);background:transparent;color:var(--muted);cursor:not-allowed}.tile-inactive svg{color:var(--muted)}.dashboard-grid{display:grid;gap:var(--space-md);align-items:start}.dashboard-main,.dashboard-side{display:grid;gap:var(--space-md);align-content:start;min-width:0}.stat-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.stat{padding:var(--space-sm);border-radius:var(--radius-md);background:var(--panel-soft)}.stat span{display:block;color:var(--muted);font-size:var(--font-size-xs)}.stat strong{display:block;margin-top:2px;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.drawer-root{position:fixed;inset:0;z-index:70;display:flex;pointer-events:none}.drawer-scrim{position:absolute;inset:0;background:var(--scrim);opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;transition:opacity var(--motion-slow) ease-out}.drawer-root[data-state=open] .drawer-scrim{opacity:1}.drawer-root[data-state=closed] .drawer-scrim,.drawer-root[data-state=closed] .drawer-panel{pointer-events:none}.drawer-panel{position:relative;display:flex;flex-direction:column;max-height:92dvh;border:1px solid var(--line);background:var(--bg);box-shadow:var(--shadow);outline:none;pointer-events:auto;transition:transform var(--motion-slow) var(--ease-out),opacity var(--motion) ease-out}.drawer-panel.is-dragging{transition:none}.drawer-root[data-placement=sheet]{align-items:flex-end}.drawer-root[data-placement=sheet] .drawer-panel{width:100%;padding:0 var(--space-md) calc(var(--space-lg) + env(safe-area-inset-bottom,0px));border-bottom:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:translateY(100%)}.drawer-root[data-placement=side]{justify-content:flex-end}.drawer-root[data-placement=side] .drawer-panel{width:min(420px,100%);max-height:none;height:100%;padding:var(--space-lg);border-right:0;border-radius:var(--radius-lg) 0 0 var(--radius-lg);transform:translate(100%)}.drawer-root[data-placement=center]{align-items:center;justify-content:center;padding:var(--space-md)}.drawer-root[data-placement=center] .drawer-panel{width:min(520px,100%);padding:var(--space-lg);border-radius:var(--radius-xl);opacity:0;transform:translateY(8px) scale(.96)}.drawer-root[data-placement=center] .drawer-sm{width:min(440px,100%)}.drawer-root[data-state=open] .drawer-panel{opacity:1;transform:none}.drawer-grip{display:grid;place-items:center;flex:none;height:26px;margin:0 calc(-1 * var(--space-md));cursor:grab;touch-action:none}.drawer-grip span{width:44px;height:5px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text) 22%,transparent)}.drawer-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-2xs) 0 var(--space-md)}.drawer-head-bare{position:absolute;top:34px;right:16px;z-index:1;padding:0}.drawer-root:not([data-placement=sheet]) .drawer-head-bare{top:18px;right:18px}.drawer-title{margin:0;font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.01em}.drawer-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.drawer-head-bare+.drawer-body .member-header{padding-right:52px}.confirm-body{display:grid;gap:var(--space-md)}.confirm-body p{margin:0;color:var(--muted-strong);line-height:1.5}.confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.auth-layout{display:grid;align-content:center;gap:var(--space-lg);max-width:68rem;min-height:100dvh;margin:0 auto;padding:var(--space-lg) var(--space-md);animation:page-in var(--motion-slow) var(--ease-out) both}.auth-panel{padding:var(--space-lg);border-radius:var(--radius-xl)}.auth-panel-brand{display:grid;gap:var(--space-md);align-content:center;padding:var(--space-xs) var(--space-2xs);border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.auth-panel h1{margin:0;font-size:clamp(var(--font-size-xl),7vw,var(--font-size-2xl));font-weight:700;line-height:.98;letter-spacing:-.04em}.auth-panel p{margin:0;color:var(--muted-strong)}.auth-logo{width:auto;height:72px;margin-bottom:var(--space-sm)}.auth-form h2{margin:0;font-size:var(--font-size-xl);letter-spacing:-.02em}.auth-panel .auth-form>.button,.auth-panel .empty-band-actions .button{width:100%}.invite-band{display:grid;gap:var(--space-md);justify-items:start}.wizard{color:var(--text)}.wizard-standalone{display:grid;place-items:center;min-height:100dvh;padding:var(--space-md);background:radial-gradient(70% 380px at 55% -120px,var(--theme-glow),transparent 70%),var(--bg)}.wizard-panel{display:grid;gap:var(--space-md);width:100%;max-width:34rem;margin:0 auto;padding:var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow);animation:pop-in var(--motion-slow) var(--ease-out) both}.wizard-logo{justify-self:center}.first-launch{text-align:center}.empty-band-copy{display:grid;gap:var(--space-sm)}.empty-band-copy h1{margin:0;font-size:clamp(var(--font-size-xl),7vw,var(--font-size-2xl));font-weight:700;line-height:.98;letter-spacing:-.04em}.empty-band-copy p{margin:0;color:var(--muted-strong)}.empty-band-actions{display:grid;gap:var(--space-sm)}.wizard-frame{display:grid;width:100%;max-width:1120px;margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);animation:pop-in var(--motion-slow) var(--ease-out) both}.wizard-aside{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) var(--space-sm) var(--space-sm);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--shell-base) 50%,transparent)}.wizard-aside>.section-kicker{padding:0 var(--space-xs) var(--space-xs)}.wizard-steps{display:flex;gap:var(--space-2xs);margin:0;padding:0;list-style:none}.wizard-step{display:flex;flex:1;align-items:center;gap:var(--space-xs);min-width:0;padding:var(--space-xs);border-radius:var(--radius-md);transition:background var(--motion-slow) var(--ease-out)}.wizard-step.is-current{background:var(--accent-soft)}.wizard-step-dot{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1.5px solid color-mix(in srgb,var(--text) 20%,transparent);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--font-size-xs);font-weight:700;font-variant-numeric:tabular-nums;transition:background var(--motion-slow) ease,border-color var(--motion-slow) ease,color var(--motion-slow) ease}.wizard-step-dot svg{width:14px;height:14px}.is-current .wizard-step-dot{border-color:transparent;background:var(--accent);color:var(--on-accent)}.is-done .wizard-step-dot{border-color:var(--line-strong);color:var(--accent-text)}.wizard-step-copy{display:grid;gap:2px;min-width:0}.wizard-step-copy strong{overflow:hidden;color:var(--muted-strong);font-size:var(--font-size-xs);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.is-current .wizard-step-copy strong{color:var(--text);font-weight:700}.wizard-step-copy small{display:none;color:var(--muted);font-size:var(--font-size-xs);line-height:1.45}.wizard-cancel{display:none}.wizard-main{display:flex;flex-direction:column;gap:var(--space-lg);min-width:0;padding:var(--space-lg) var(--space-md)}.wizard-heading .section-kicker{margin-bottom:var(--space-xs)}.wizard-title{margin:0;font-size:var(--font-size-xl);font-weight:700;line-height:1;letter-spacing:-.03em}.wizard-lead{margin:var(--space-xs) 0 0;color:var(--muted-strong);font-size:var(--font-size-sm)}.wizard-form{display:flex;flex-direction:column;gap:var(--space-lg)}.wizard-identity{display:flex;flex-wrap:wrap;gap:var(--space-lg) var(--space-xl)}.wizard-fields{flex:1 1 340px;gap:var(--space-lg);min-width:0}.wizard-preview-col{display:flex;flex:1 1 100%;flex-direction:column;gap:var(--space-sm);min-width:0}.band-preview{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--panel-soft)}.band-preview strong{display:block;font-size:var(--font-size-lg)}.band-preview small{color:var(--muted);font-size:var(--font-size-sm)}.band-preview-mark{display:inline-flex;border-radius:var(--radius-pill);box-shadow:0 0 0 3px var(--panel-soft),0 0 0 6px var(--theme-ring)}.wizard-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-lg);border-top:1px solid var(--line)}.wizard-footer-split{justify-content:space-between}.wizard-footer .button{flex:1}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.plan-card{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--panel-soft) 65%,transparent);color:var(--text);font:inherit;text-align:left;transition:border-color var(--motion) ease,box-shadow var(--motion) ease,transform var(--motion-fast) var(--ease-out)}.plan-card-wide{grid-column:1 / -1}.plan-card.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.plan-card.is-disabled{cursor:default}.plan-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.plan-card-head strong{font-size:var(--font-size-md)}.plan-price{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.02em}.plan-price-muted{color:var(--muted-strong);font-size:var(--font-size-md)}.plan-card ul{display:grid;gap:var(--space-xs);margin:0;padding:0;color:var(--muted-strong);font-size:var(--font-size-sm);list-style:none}.inline-field{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.inline-field input{flex:1 1 220px}.sent-list{display:grid;gap:var(--space-2xs);margin:0;padding:0;color:var(--color-success);font-size:var(--font-size-sm);font-weight:600;list-style:none}.sent-list li{animation:swap-in var(--motion) var(--ease-out) both}.sent-list .sent-failed{color:var(--color-danger)}.dropzone{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1.5px dashed color-mix(in srgb,var(--text) 18%,transparent);border-radius:var(--radius-md);transition:border-color var(--motion-fast) ease,background var(--motion-fast) ease}.dropzone.is-over{border-color:var(--accent);background:var(--accent-soft)}.dropzone-icon{flex:none;width:26px;height:26px;color:var(--muted)}.dropzone-copy{display:grid;flex:1;gap:2px;min-width:0;color:var(--muted-strong);font-size:var(--font-size-sm)}.dropzone-copy small{color:var(--muted);font-size:var(--font-size-xs)}.dropzone-copy .text-link{font-size:inherit}.dropzone-preview{flex:none;width:48px;height:48px;overflow:hidden;border-radius:var(--radius-sm)}.dropzone-preview img,.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-field{display:flex;align-items:center;gap:var(--space-md)}.photo-preview{display:grid;place-items:center;flex:none;width:72px;height:72px;overflow:hidden;border-radius:var(--radius-pill);background:var(--avatar-tone, var(--avatar-1));box-shadow:inset 0 0 0 1px var(--line);color:#fff;font-size:var(--font-size-lg);font-weight:700}.photo-field-copy{display:grid;gap:var(--space-xs);min-width:0}.members-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.members-tabs .segmented-option{min-height:40px}.quota-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.quota-copy{flex:1;min-width:0}.quota-copy strong{font-size:var(--font-size-sm);font-weight:600;font-variant-numeric:tabular-nums}.quota-bar{display:block;height:6px;margin-top:var(--space-xs);overflow:hidden;border-radius:var(--radius-pill);background:var(--line)}.quota-bar span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width var(--motion-slow) var(--ease-out)}.member-groups{display:grid;gap:var(--space-md)}.members-group{display:grid;gap:var(--space-xs)}.member-rows{display:grid;margin:0;padding:var(--space-2xs);list-style:none}.member-row{display:flex;align-items:center;gap:var(--space-sm);min-height:56px;padding:var(--space-sm);border-radius:var(--radius-md);color:inherit;transition:background var(--motion-fast) ease}a.member-row:hover,a.member-row:active{background:var(--panel-muted)}.member-row[aria-current=true]{background:var(--accent-soft)}.member-row-copy{display:grid;flex:1;gap:2px;min-width:0}.member-row-copy strong{font-size:var(--font-size-md);font-weight:600}.member-row-copy strong small,.member-header-copy h2 small{color:var(--muted);font-weight:400}.member-row-copy>small{color:var(--muted);font-size:var(--font-size-xs)}.invitation-item-actions{padding:0 var(--space-sm) var(--space-sm) 66px}.row-actions{display:inline-flex;flex-wrap:wrap;gap:var(--space-xs)}.leave-card{display:grid;gap:var(--space-xs)}.leave-card .button{width:100%}.leave-card .form-hint{font-size:var(--font-size-xs);text-align:center}.table-card{padding:var(--space-md) var(--space-sm) var(--space-sm)}.member-table-wrap{display:grid;gap:var(--space-xs)}.table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding:0 var(--space-xs) var(--space-sm)}.search-field{display:flex;flex:1 1 240px;align-items:center;gap:var(--space-xs);min-height:40px;padding:0 var(--space-md);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--panel-soft);color:var(--muted);transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.search-field:focus-within{border-color:var(--focus-color);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus-color)}.search-field svg{flex:none;width:16px;height:16px}.search-field input{flex:1;min-width:0;min-height:38px;border:0;background:none;color:var(--text);font:inherit;font-size:var(--font-size-sm);outline:none}.table-scroll{max-width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0 2px;font-size:var(--font-size-sm)}.data-table th{padding:var(--space-2xs) var(--space-md) var(--space-xs);color:var(--muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap}.sort-button{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:40px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.sort-button:hover{color:var(--text)}.sort-button svg{width:12px;height:12px}.data-table td{padding:var(--space-sm) var(--space-md);border-block:1px solid transparent;vertical-align:middle;transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease}.data-table td:first-child{border-left:1px solid transparent;border-radius:var(--radius-md) 0 0 var(--radius-md)}.data-table td:last-child{border-right:1px solid transparent;border-radius:0 var(--radius-md) var(--radius-md) 0}.clickable-row{cursor:pointer}.clickable-row:hover td{background:var(--panel-muted)}.clickable-row[aria-selected=true] td{border-color:var(--line-strong);background:var(--accent-soft)}.cell-member{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.cell-member-copy{display:grid;min-width:0}.cell-member-copy a,.cell-member-copy strong{color:var(--text);font-weight:600}.cell-member-copy small{color:var(--muted);font-size:var(--font-size-xs)}.cell-muted{color:var(--muted-strong)}.cell-num{color:var(--muted);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.col-phone{display:none}.table-empty{padding:var(--space-lg) var(--space-md);color:var(--muted);text-align:center}.table-section{display:grid;gap:var(--space-xs);margin:var(--space-md) var(--space-xs) 0;padding-top:var(--space-md);border-top:1px solid var(--line)}.table-section>.section-kicker{padding:0 var(--space-sm)}.invitation-rows{display:grid;gap:var(--space-2xs);margin:0;padding:0;list-style:none}.invitation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--panel-muted);font-size:var(--font-size-sm)}.invitation-row>:nth-child(2),.invitation-row>:nth-child(3),.invitation-row>:nth-child(4){display:none}.list-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:var(--space-md);align-items:start}.detail-aside{position:sticky;top:0;padding:var(--space-lg)}.detail-screen{max-width:44rem;padding:var(--space-lg)}.detail-placeholder{min-height:14rem;align-content:center}.member-card{display:grid;gap:var(--space-md);animation:swap-in var(--motion-slow) var(--ease-out) both}.member-header{display:flex;align-items:center;gap:var(--space-md);min-width:0}.member-header-copy{display:grid;min-width:0}.member-header-copy h2{margin:0;font-size:var(--font-size-lg);letter-spacing:-.01em;overflow-wrap:anywhere}.member-header-copy>span{color:var(--muted);font-size:var(--font-size-sm)}.facts{display:grid;grid-template-columns:110px minmax(0,1fr);gap:var(--space-xs) var(--space-sm);margin:0;font-size:var(--font-size-sm)}.facts div{display:contents}.facts dt{color:var(--muted)}.facts dd{margin:0;color:var(--muted-strong);overflow-wrap:anywhere}.facts a{color:var(--accent-text);text-decoration:underline;text-underline-offset:.15em}.facts-compact{grid-template-columns:100px minmax(0,1fr)}.info-box{display:grid;gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-muted)}.info-box-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.info-box-list{display:grid;gap:var(--space-2xs);margin:0;padding:0;color:var(--muted-strong);font-size:var(--font-size-sm);list-style:none}.info-box-text{margin:0;color:var(--muted);font-size:var(--font-size-sm)}.extra-editor{display:grid;gap:var(--space-sm)}.member-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.member-actions .button{flex:1 1 auto}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-xs)}.permissions-layout{display:grid;gap:var(--space-md);align-items:start}.permissions-aside{display:grid;gap:var(--space-md);align-content:start}.category-list{display:grid;gap:2px;margin:0 calc(-1 * var(--space-xs));padding:0;list-style:none}.category-item{display:flex;flex-wrap:wrap;align-items:center;border-radius:var(--radius-sm);transition:background var(--motion) ease}.category-item.is-selected{background:var(--panel-muted)}.category-select{display:flex;flex:1;align-items:center;gap:var(--space-sm);min-width:0;min-height:44px;padding:var(--space-sm);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;font-size:var(--font-size-sm);text-align:left}.category-select:hover{background:var(--panel-muted)}.category-name{flex:1;min-width:0;font-weight:600;overflow-wrap:anywhere}.category-item .row-actions{padding-right:var(--space-2xs);animation:swap-in var(--motion) var(--ease-out) both}.category-item .rename-form{flex-basis:100%;padding:0 var(--space-xs) var(--space-xs);animation:swap-in var(--motion) var(--ease-out) both}.icon-button-sm{width:44px;height:44px}.icon-button-sm svg{width:16px;height:16px}.rename-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.rename-form input{flex:1;min-width:8rem}.add-category{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.add-category input{flex:1;min-width:10rem}.extra-list{display:grid;gap:var(--space-xs);margin:0;padding:0;list-style:none}.extra-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--panel-soft)}.extra-item .avatar{width:28px;height:28px;font-size:var(--font-size-xs)}.extra-copy{display:grid;flex:1;min-width:0;font-size:var(--font-size-sm);line-height:1.35}.extra-copy small{color:var(--muted)}.permissions-card{display:grid;gap:var(--space-sm)}.category-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-sm)}.category-head small{color:var(--muted)}.perm-list{display:grid;gap:var(--space-2xs)}.permissions-table{width:100%;min-width:640px;border-collapse:collapse;font-size:var(--font-size-sm)}.permissions-table th[scope=col]{padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.16em;text-align:left;text-transform:uppercase}.permissions-table .col-cat{width:104px;text-align:center}.permissions-table .group-row th{padding:var(--space-md) var(--space-md) var(--space-xs);color:var(--accent-text);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.04em;text-align:left}.permissions-table th[scope=row]{padding:var(--space-xs) var(--space-md);font-weight:400;text-align:left}.permissions-table td{padding:var(--space-xs);text-align:center}.permissions-table th[scope=row],.permissions-table td{border-bottom:1px solid color-mix(in srgb,var(--text) 5%,transparent);transition:background var(--motion-fast) ease}.permissions-table td .perm-check{vertical-align:middle}.permissions-table tr:not(.group-row):hover>*{background:var(--panel-muted)}@media(min-width:720px){.button{min-height:40px;padding:0 var(--space-md);font-size:var(--font-size-sm)}.button-compact{min-height:40px;padding:0 var(--space-sm);font-size:var(--font-size-sm)}.segmented-option,.icon-button-sm{min-height:40px}.icon-button-sm{width:40px;height:40px}.chip{min-height:34px}.swatch{width:40px;height:40px}.auth-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.auth-form select,.rename-form input,.add-category input{min-height:42px;font-size:var(--font-size-sm)}.auth-form textarea{font-size:var(--font-size-sm)}.check-row,.switch-row,.category-select{min-height:40px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.address-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.address-grid>:first-child{grid-column:span 4}.address-grid>:nth-child(n+2){grid-column:span 2}.app-content{padding:var(--space-lg) var(--space-xl) var(--space-xl)}.content-card{padding:var(--space-lg)}.table-card{padding:var(--space-md) var(--space-sm) var(--space-sm)}.permissions-card{padding:var(--space-md) var(--space-xs) var(--space-sm)}.permissions-card>.card-head,.permissions-card>.form-hint,.permissions-card>.form-error{margin:0 var(--space-md);padding-top:var(--space-2xs)}.page{gap:var(--space-md)}.page-header{flex-wrap:wrap;gap:var(--space-md)}.page-back{display:none}.page-header-back-always .page-back{display:grid}.page-kicker{display:block}.page-title{font-size:var(--font-size-xl);letter-spacing:-.03em}.page-header-middle{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.members-tabs{display:inline-flex}.members-tabs .segmented-option{min-height:34px}.page-form,.form-column{gap:var(--space-md)}.mobile-actions{display:none}.confirm-actions{display:flex;justify-content:flex-end}.dashboard-side,.permissions-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:var(--space-2xl);padding:var(--space-2xl) var(--space-xl)}.auth-logo{height:96px}.auth-panel{padding:var(--space-xl)}.auth-panel .auth-form>.button,.auth-panel .empty-band-actions .button{justify-self:start;width:auto}.wizard-standalone{padding:var(--space-2xl) var(--space-xl)}.wizard-frame{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.wizard-aside{padding:var(--space-xl) var(--space-md);border-right:1px solid var(--line);border-bottom:0}.wizard-aside>.section-kicker{padding:0 var(--space-md) var(--space-sm)}.wizard-steps{flex-direction:column}.wizard-step{flex:none;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.wizard-step-copy strong{font-size:var(--font-size-md);white-space:normal}.wizard-step-copy small{display:block}.wizard-cancel{display:inline;align-self:flex-start;margin-top:auto;padding:0 var(--space-md)}.wizard-footer-cancel{display:none}.wizard-footer .button{flex:none}.wizard-main{padding:var(--space-xl)}.wizard-preview-col{flex:0 1 300px;min-width:260px}}@media(min-width:1200px){.page-columns,.form-columns,.billing-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.billing-columns{align-items:stretch}.dashboard-grid{grid-template-columns:minmax(0,1fr) 340px}.dashboard-side{grid-template-columns:minmax(0,1fr)}.col-phone{display:table-cell}.invitation-row{grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr) minmax(0,1.4fr) auto auto}.invitation-row>:nth-child(2),.invitation-row>:nth-child(3),.invitation-row>:nth-child(4){display:block}.permissions-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.permissions-aside{grid-template-columns:minmax(0,1fr)}}@media(max-width:719px){.page:has(.mobile-actions) .page-header-actions{display:none}.confirm-actions .button{width:100%}}.phone-frame{position:relative;height:100vh;height:100dvh;overflow:hidden}.phone-home{position:absolute;inset:0;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr)}.phone-home .band-rail{padding:var(--space-md) 0 calc(104px + env(safe-area-inset-bottom,0px));border-right:0}.phone-home .rail-avatar:before{content:"";position:absolute;top:50%;left:-12px;width:4px;height:8px;border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:var(--text);opacity:0;transform:translateY(-50%);transition:height var(--motion) var(--ease-out),opacity var(--motion) ease}.phone-home .rail-avatar-active:before{height:36px;opacity:1}.phone-home .rail-avatar-create:before{display:none}.phone-home .app-main{min-height:0}.phone-home .app-content{margin-top:var(--space-sm);padding:var(--space-md) var(--space-md) calc(108px + env(safe-area-inset-bottom,0px)) var(--space-md);border:1px solid var(--line);border-right:0;border-bottom:0;border-radius:var(--radius-xl) 0 0 0;background:color-mix(in srgb,var(--panel) 72%,transparent)}.phone-home .app-foot{position:absolute;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:10px;z-index:5;margin:0;padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-xs);border-radius:var(--radius-xl);box-shadow:0 -10px 34px color-mix(in srgb,var(--bg) 80%,transparent),0 10px 30px #0000004d}.phone-home .user-banner .avatar{width:52px;height:52px;font-size:var(--font-size-md)}.phone-home .user-banner-copy strong{font-size:var(--font-size-md)}.phone-home .user-banner-copy small{font-size:var(--font-size-xs)}.phone-home .user-banner-chevron{margin-left:2px}.phone-home .user-banner{gap:var(--space-sm)}.phone-home .user-banner-bell{margin-left:auto;background:transparent}.slide-panel{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;background:var(--bg);box-shadow:-24px 0 48px #00000059;transform:translate(100%);transition:transform var(--motion-slow) var(--ease-out);will-change:transform}.slide-panel[data-state=open]{transform:none}.slide-panel[data-instant]{transition:none}.slide-panel .panel-content{padding-top:0}.page-header-panel{position:sticky;top:0;z-index:4;margin:0 calc(-1 * var(--space-md));padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-sm);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.page-header-panel .page-back{border-color:transparent;background:transparent}.page-header-panel .page-back svg{width:24px;height:24px}.page-band{display:flex;align-items:center;gap:var(--space-xs);min-width:0;margin:var(--space-2xs) 0 0;color:var(--muted);font-size:var(--font-size-sm)}.page-band-dot{display:inline-block;flex:none;width:10px;height:10px;overflow:hidden;border-radius:var(--radius-pill)}.page-band-dot:has(img){width:14px;height:14px}.page-band-dot img{width:100%;height:100%;object-fit:cover}.slide-panel .panel-content{flex:1;min-height:0;padding:0 var(--space-md) var(--space-lg)}.panel-swap{animation:swap-in var(--motion-slow) var(--ease-out) both}.drawer-grip,.drawer-head{touch-action:none}.drawer-root[data-placement=sheet] .drawer-panel{min-height:0;transition:transform var(--motion-slow) var(--ease-out),opacity var(--motion) ease-out,min-height var(--motion-slow) var(--ease-out)}.drawer-root[data-placement=sheet] .drawer-expanded{min-height:calc(100dvh - 28px)}.drawer-head .drawer-title{flex:1;min-width:0}.drawer-content{animation:swap-in var(--motion) var(--ease-out) both}.drawer-content .page-header,.drawer-content .watermark{display:none}.drawer-root[data-placement=sheet] .drawer-body{margin-inline:calc(-1 * var(--space-md));padding-inline:var(--space-md)}.drawer-content .mobile-actions{bottom:0;margin:0 calc(-1 * var(--space-md));padding-bottom:var(--space-sm)}.notifications{display:grid;gap:var(--space-md)}.notifications-section{display:grid;gap:var(--space-xs)}.invitation-card{display:grid;gap:var(--space-sm)}.invitation-card-body{display:flex;align-items:flex-start;gap:var(--space-sm)}.invitation-card-body .band-mark{width:48px;height:48px}.invitation-card-copy{display:grid;flex:1;gap:var(--space-xs);min-width:0}.invitation-card-copy p{margin:0;font-size:var(--font-size-md);font-weight:600;line-height:1.3;overflow-wrap:anywhere}.invitation-card-copy small{color:var(--muted);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.invitation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.invitation-confirm{display:grid;gap:var(--space-sm)}.invitation-confirm p{margin:0;color:var(--muted-strong);font-size:var(--font-size-sm);line-height:1.45}.notifications-empty{border-radius:var(--radius-lg);background:var(--panel)}.skeleton-tall{height:150px}.icon-button,.user-banner-bell,.side-user{position:relative}.bell-count{position:absolute;top:2px;right:2px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 var(--space-2xs);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 2px var(--bg);font-size:var(--font-size-xs);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;animation:pop-in var(--motion) var(--ease-out) both}.side-user .bell-count{top:-2px;right:-2px}.bell-count-inline{position:static;flex:none;box-shadow:none}@media(min-width:720px){.drawer-root[data-placement=side] .invitation-actions{display:flex;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.drawer-root .drawer-panel,.popover,.slide-panel{transform:none!important}.slide-panel,.drawer-root[data-placement=sheet] .drawer-panel{opacity:0;transition:opacity .2s ease-out!important}.slide-panel[data-state=open],.drawer-root[data-state=open] .drawer-panel{opacity:1}.slide-panel[data-instant]{transition:none!important}.drawer-scrim{transition:opacity .2s ease-out!important}}.logo-field,.logo-cropper-card,.logo-cropper-actions{display:grid;gap:var(--space-sm);min-width:0}.logo-picker-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md);align-items:center;min-width:0;padding:var(--space-md);border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--panel-muted);cursor:pointer}.logo-picker-preview{display:grid;place-items:center;width:3.7rem;height:3.7rem;overflow:hidden;border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);font-weight:700}.logo-picker-preview img{width:100%;height:100%;object-fit:cover}.logo-picker-copy{display:grid;gap:var(--space-2xs);min-width:0}.logo-picker-copy strong{color:var(--text)}.logo-picker-copy small{color:var(--muted)}.logo-cropper-card{padding:var(--space-md);border-radius:var(--radius-md);background:var(--panel-muted);border:1px solid var(--line)}.logo-cropper-head{display:grid;gap:var(--space-2xs)}.logo-cropper-head strong{color:var(--text)}.modal-scrim{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--space-md);overflow-x:hidden;overflow-y:auto;background:var(--scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo-cropper-modal{max-width:100%;width:min(100%,28rem);min-width:0}.logo-cropper-modal,.logo-cropper-card{overflow-x:hidden}.logo-cropper-stage{position:relative;width:100%;max-width:18rem;aspect-ratio:1;overflow:hidden;justify-self:center;border-radius:var(--radius-md);background:#00000059;touch-action:none}.logo-cropper-image{position:absolute;inset:0 auto auto 0;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.logo-cropper-mask{position:absolute;inset:0;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-md);box-shadow:inset 0 0 0 999px #07070a2e,inset 0 0 0 2px #ffffff14;pointer-events:none}.logo-cropper-controls{display:grid;gap:var(--space-xs);min-width:0}.logo-cropper-controls span{color:var(--muted-strong);font-size:var(--font-size-sm)}.logo-cropper-controls input[type=range]{width:100%;height:.4rem;margin:0;border-radius:var(--radius-pill);background:var(--accent);appearance:none;-webkit-appearance:none}.logo-cropper-controls input[type=range]::-webkit-slider-thumb{width:1.1rem;height:1.1rem;border:2px solid rgba(15,14,19,.92);border-radius:var(--radius-pill);background:var(--accent-strong);box-shadow:0 0 0 4px var(--theme-focus);cursor:pointer;-webkit-appearance:none}.logo-cropper-controls input[type=range]::-moz-range-track{height:.4rem;border-radius:var(--radius-pill);background:var(--accent)}.logo-cropper-controls input[type=range]::-moz-range-thumb{width:1.1rem;height:1.1rem;border:2px solid rgba(15,14,19,.92);border-radius:var(--radius-pill);background:var(--accent-strong);box-shadow:0 0 0 4px var(--theme-focus);cursor:pointer}.logo-cropper-controls input[type=range]:focus-visible{outline:2px solid var(--accent-strong);outline-offset:6px}.logo-cropper-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-cropper-actions .button{width:100%;min-width:0}@media(max-width:420px){.logo-cropper-actions{grid-template-columns:1fr}}.modal-scrim{animation:fade-in var(--motion) ease-out both}.logo-cropper-modal{animation:pop-in var(--motion-slow) var(--ease-out) both}