body.account[data-appearance]{background:var(--bg);color:var(--text);isolation:isolate;color-scheme:dark}.account-plexus{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.account[data-appearance] :is(.sidebar,.workspace-header){background:color-mix(in srgb,var(--panel) 94%,transparent);border-color:var(--line)}.account[data-appearance] :is(.panel,.ac-revenue,.ac-revenue-surface,.ac-metric,.ac-insight,.gpu-spend,.domain-card,.catalog-card,.metric,.pa-panel,.ws-access){background:color-mix(in srgb,var(--panel) 93%,transparent)!important;border-color:var(--line)!important;color:var(--text)}.account[data-appearance] :is(.ac-tabs,.ac-body,.ac-table,table,td,th){border-color:var(--line)}.account[data-appearance] :is(input,select,textarea){background:var(--bg)!important;color:var(--text)!important;border-color:var(--line)!important}.account[data-appearance] :is(.nav-button.active,.ws-subnav button[aria-pressed=true],.ac-tabs button.active,.button:not(.outline)){background:var(--green)!important;color:var(--bg)!important;border-color:var(--green)!important}.account[data-appearance] :is(.ac-table th,.ws-subnav){background:var(--panel)!important}.account[data-appearance] :is(.ac-kicker,.eyebrow,.ac-metric strong,.price){color:var(--green)}.account[data-appearance] :is(.ac-metric p,.ac-metric small,.ac-revenue p,.page-heading p){color:var(--muted)}.account[data-appearance] :is(button,.button,summary){touch-action:manipulation}.account[data-appearance] :is(button,.button):active{transform:translateY(1px)}.account[data-appearance] :is(button,.button):focus-visible{outline:2px solid var(--green);outline-offset:3px}.account[data-appearance] .ac-metric{box-shadow:inset 0 1px 0 #ffffff08}.account[data-appearance] .ac-table tbody tr:hover{background:color-mix(in srgb,var(--green) 5%,transparent)}
.appearance-control{position:relative;margin-left:auto;font-size:12px;z-index:25;flex:none}.appearance-control>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.appearance-control>summary::-webkit-details-marker{display:none}.appearance-menu{position:absolute;right:0;top:calc(100% + 10px);width:310px;max-width:calc(100vw - 32px);padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 18px 60px #0008}.appearance-menu strong{font-size:17px}.appearance-menu p{font-size:12px;margin:6px 0 18px;color:var(--muted)}.appearance-swatches{display:grid;grid-template-columns:1fr 1fr;gap:8px}.appearance-swatches button{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:10px;background:var(--bg);color:var(--text);font-size:12px;cursor:pointer}.appearance-swatches button[aria-pressed=true]{border-color:var(--swatch);box-shadow:inset 0 0 0 1px var(--swatch)}.appearance-swatches i{width:12px;height:12px;flex:none;background:var(--swatch);border-radius:50%;box-shadow:0 0 14px color-mix(in srgb,var(--swatch) 35%,transparent)}.appearance-menu label{display:flex;align-items:center;gap:10px;padding:18px 0 12px;cursor:pointer}.appearance-menu input{accent-color:var(--green)}.appearance-menu small{color:var(--muted);font-size:10px}@media(max-width:650px){.appearance-control>summary span{display:none}.appearance-control>summary{padding:10px}.appearance-menu{position:fixed;top:72px;right:16px}}@media(prefers-reduced-motion:reduce){.account[data-appearance] *{scroll-behavior:auto!important;transition:none!important}.account[data-appearance] :is(button,.button):active{transform:none}}

.account[data-appearance] .ac-body{background:var(--panel)!important;border-color:var(--line)!important}.account[data-appearance] :is(.ac-revenue,.ac-actions) button:not(.active):not([aria-pressed=true]){background:var(--panel);border-color:var(--line);color:var(--text)}

/* The welcome screen shares the account's palette without changing its login flow. */
body.public[data-appearance]{background:var(--bg);color:var(--text);isolation:isolate;color-scheme:dark}
.public[data-appearance] :is(.feature,.platform-card,.price-card){background:var(--panel);border-color:var(--line)}
.public[data-appearance] .button:not(.outline){background:var(--green);color:var(--bg)}
.public[data-appearance] .hero-art{background:radial-gradient(ellipse,color-mix(in srgb,var(--green) 10%,transparent),transparent 70%)}
.public[data-appearance] .top{gap:18px}.public[data-appearance] .appearance-control{margin:0}
.account>.appearance-control{position:fixed;top:24px;right:clamp(20px,4vw,64px)}
.account.appearance-auth .auth-layout{max-width:1440px;margin:auto;min-height:calc(100svh - 80px);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,6vw,100px);padding:80px clamp(24px,5vw,80px) 40px}
.account.appearance-auth .auth-story{padding:0;border:0;min-height:560px;background:radial-gradient(ellipse at 35% 55%,color-mix(in srgb,var(--green) 9%,transparent),transparent 70%)}
.account.appearance-auth .auth-story h1{font-size:clamp(42px,5vw,76px);line-height:1.05;letter-spacing:-.055em;margin:24px 0}
.account.appearance-auth .auth-story p{font-size:15px;max-width:390px;line-height:1.8}.account.appearance-auth .auth-g{font-size:clamp(100px,13vw,170px);color:var(--green);text-shadow:0 0 90px color-mix(in srgb,var(--green) 12%,transparent)}
.account.appearance-auth .auth-form{padding:clamp(26px,3vw,46px);border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--panel) 95%,transparent);box-shadow:0 24px 80px #0003,inset 0 1px 0 #ffffff0a;min-width:0}
.account.appearance-auth .auth-form h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;line-height:1.12;margin:16px 0}.account.appearance-auth .auth-form>p{font-size:14px;margin-bottom:12px}
.account.appearance-auth .auth-form :is(label,.field){color:var(--muted);font-size:12px}.account.appearance-auth .auth-form input:not([type=checkbox]){min-height:52px;padding:14px 16px;border-radius:12px;margin-top:9px;transition:border-color .2s,box-shadow .2s}.account.appearance-auth .auth-form input:focus{border-color:var(--green)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}
.account.appearance-auth .auth-form .button{min-height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px}.account.appearance-auth .auth-form .button:hover{filter:brightness(1.07);box-shadow:0 6px 24px color-mix(in srgb,var(--green) 14%,transparent)}.account.appearance-auth .auth-form .button:disabled{filter:none;box-shadow:none}
.account.appearance-auth .auth-form .split{gap:16px;flex-wrap:wrap}.account.appearance-auth .auth-footer{font-size:11px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.account.appearance-auth .link-button{color:var(--green)}
@media(max-width:760px){.account.appearance-auth .auth-layout{grid-template-columns:1fr;gap:28px;padding:86px 20px 28px;min-height:100svh}.account.appearance-auth .auth-story{min-height:0;gap:24px}.account.appearance-auth .auth-story>div:nth-child(2),.account.appearance-auth .auth-story>small{display:none}.account.appearance-auth .auth-form{padding:26px 22px;border-radius:20px}.account>.appearance-control{top:22px;right:20px}.account.appearance-auth .auth-form h2{font-size:32px}.appearance-auth .appearance-menu{top:64px}}
