.account-ui{--mobile-page-edge:16px;--account-page:var(--app-mint-page);--account-surface:var(--app-mint-surface);--account-soft:#f5f9f7;--account-border:#e6ebee;--account-ink:#14231f;--account-muted:#687670;--account-accent:#08765b;--account-mint:var(--app-mint-soft);--account-primary:#07cf99;--account-primary-ink:#0f172a;--account-hover:#d4f2e4;--background:0 0% 100%;--foreground:160 27% 11%;--card:0 0% 100%;--card-foreground:160 27% 11%;--popover:0 0% 100%;--popover-foreground:160 27% 11%;--primary:164 93% 42%;--primary-foreground:222 47% 11%;--secondary:150 25% 97%;--secondary-foreground:160 27% 11%;--muted:150 25% 97%;--muted-foreground:154 6% 44%;--accent:155 55% 94%;--accent-foreground:165 87% 25%;--border:203 19% 92%;--input:203 19% 92%;--ring:165 87% 25%;--radius:1rem;color:var(--account-ink)}.dark .account-ui{--account-page:var(--app-mint-page);--account-surface:var(--app-mint-surface);--account-soft:#14252a;--account-border:#243242;--account-ink:#f4f8f6;--account-muted:#a0b2ad;--account-accent:#5be3b7;--account-mint:var(--app-mint-soft);--account-hover:#244e40;--background:212 43% 12%;--foreground:150 22% 96%;--card:212 43% 12%;--card-foreground:150 22% 96%;--popover:212 43% 12%;--popover-foreground:150 22% 96%;--secondary:194 35% 12%;--secondary-foreground:150 22% 96%;--muted:194 35% 12%;--muted-foreground:163 10% 66%;--accent:162 43% 16%;--accent-foreground:160 71% 62%;--border:212 29% 20%;--input:212 29% 20%;--ring:160 71% 62%}.account-ui :where(h1,h2,h3,h4,p,span,label,button,a){letter-spacing:normal}.account-ui :where(h1,h2,h3){text-wrap:pretty}.account-ui :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea,select,[role=combobox]){border-color:var(--account-border);background-color:var(--account-soft);min-height:44px;color:var(--account-ink);box-shadow:none;border-radius:14px}.account-ui :where(input,textarea)::placeholder{color:var(--account-muted)}.account-ui :where(input,textarea,select,[role=combobox]):focus-visible{outline:2px solid var(--account-accent);outline-offset:2px}.account-ui :where(button,a,summary):focus-visible{outline:2px solid var(--account-accent);outline-offset:3px}.account-ui :where(button.inline-flex,button.flex,a.inline-flex):not([role=checkbox]):not([role=switch]){min-height:44px;box-shadow:none;border-radius:14px}.account-ui :where(table){border-color:var(--account-border)}.account-ui :where(th){background-color:var(--account-soft);color:var(--account-muted);font-weight:600}.account-ui .account-hero{border:1px solid var(--account-border);background:linear-gradient(135deg, var(--account-mint), var(--account-surface) 62%);color:var(--account-ink);box-shadow:none;border-radius:26px}.account-ui .account-icon{background-color:var(--account-mint);color:var(--account-accent);box-shadow:none;flex-shrink:0}.account-ui .account-primary{background-color:var(--account-primary);color:var(--account-primary-ink);box-shadow:none;border-color:#0000}.account-ui .account-nav{border-radius:16px;gap:12px;min-height:46px;padding:12px 14px}.account-ui .account-nav-active{background-color:var(--account-mint);color:var(--account-accent)}.account-ui .account-shortcut{border:1px solid var(--account-border);background:var(--account-surface);color:var(--account-ink);box-shadow:none;border-radius:22px}.account-ui .account-legal,.account-ui.account-dialog,.account-ui.account-popover{border-color:var(--account-border);background-color:var(--account-surface);color:var(--account-ink)}.account-ui .account-legal,.account-ui.account-dialog{border-radius:26px}.account-ui.account-dialog{max-height:calc(100dvh - 2rem);overflow-y:auto}.account-ui .account-legal{box-shadow:none}.account-ui .account-legal :where(summary>span:first-child,a>span:first-child){background:var(--account-mint);color:var(--account-accent)}.account-ui .account-legal :where(a,details>div){border-color:var(--account-border)}.account-ui .account-legal :where(a){background:var(--account-soft)}.account-ui.account-popover{border-radius:16px;padding:6px}.account-ui.account-popover :where([role=menuitem],[role=option]){border-radius:10px;min-height:40px}@media (hover:hover){.account-ui .account-primary:hover{color:var(--account-primary-ink);background-color:#06bd8c}.account-ui .account-shortcut:hover{border-color:var(--account-accent);background-color:var(--account-soft)}.account-ui .account-nav:hover{background-color:var(--account-mint);color:var(--account-accent)}}@media (max-width:640px){.account-ui :where(input,textarea,select,[role=combobox]){font-size:16px}}
