/* One accent system for web and Android; status and destructive colors stay semantic. */
html[data-button-theme]{--red:var(--button-accent);--theme-link:color-mix(in srgb,var(--button-accent) 65%,#fff);--theme-line:color-mix(in srgb,var(--button-accent) 24%,#27272c);--theme-soft:color-mix(in srgb,var(--button-accent) 12%,#151518);--theme-glow:color-mix(in srgb,var(--button-accent) 10%,transparent);--theme-bubble:color-mix(in srgb,var(--button-accent) 92%,#141418);accent-color:var(--button-accent)}
html[data-button-theme] .main{background:radial-gradient(ellipse at 50% 30%,var(--theme-glow),transparent 52%)}
html[data-button-theme] body.account-page{background:var(--bg)}
html[data-button-theme] :is(button,a,input,textarea,select):focus-visible{outline-color:var(--button-accent)!important}
html[data-button-theme] :is(.composer:focus-within,.account-form input:focus,.account-form select:focus,.control-search input:focus){border-color:var(--button-border);box-shadow:0 0 0 3px var(--theme-glow)}
html[data-button-theme] :is(.brand-icon,.account-kicker,.memory-saved,.eyebrow,.star,.message.assistant .message-avatar,.history-item.active svg,.games-shortcut:hover,.code-language,.code-language:before){color:var(--theme-link)}
html[data-button-theme] :is(.typing i,.eyebrow>span){background:var(--button-accent)}
html[data-button-theme] #messages .message.user .message-content{background:var(--theme-bubble);color:var(--button-ink)}
html[data-button-theme] .message-content a{color:var(--theme-link);text-decoration-color:var(--button-accent)}
html[data-button-theme] .message-content :is(blockquote,th){border-color:var(--theme-line);background:var(--theme-soft)}
html[data-button-theme] .message-content blockquote{border-left-color:var(--button-accent);color:var(--text)}
html[data-button-theme] .message-content :is(td,table,.code-panel){border-color:var(--theme-line)}
html[data-button-theme] .message-content :not(pre)>code{background:var(--theme-soft);color:var(--theme-link)}
html[data-button-theme] .code-header{background:var(--theme-soft);border-color:var(--theme-line)}
html[data-button-theme] :is(.code-copy:hover,.copy-button:hover,.like-button:hover){color:var(--theme-link);background:var(--theme-soft)}
html[data-button-theme] .message-actions .like-button[aria-pressed=true]{color:var(--theme-link);background:var(--theme-soft)}
html[data-button-theme] .message-actions .like-button[aria-pressed=true] svg{fill:var(--theme-glow)}
html[data-button-theme] #sidebar :is(.history-item.active,.favorites-nav[aria-pressed=true]){background:var(--theme-soft);color:var(--text)}
html[data-button-theme] #sidebar .sidebar-settings:hover{border-color:var(--button-border);color:var(--theme-link)}
html[data-button-theme] :is(.auth-tabs a[aria-current=page],.control-nav a[aria-current=page],.income-sources a[aria-current=page]){background:var(--theme-soft);color:var(--theme-link);border-color:var(--theme-line)}
html[data-button-theme] :is(.auth-switch a,.account-foot a:hover,.subscription-all,.subscription-payments:hover,.appearance-profile:hover){color:var(--theme-link)}
html[data-button-theme] :is(.account-card:not(.profile-shell),.plan-option,.control-card){border-color:#2c2c32;background:#141416}
html[data-button-theme] .account-card:before{background:linear-gradient(90deg,transparent,var(--button-accent),transparent)}
html[data-button-theme] :is(.account-form input:not([type=checkbox]),.account-form select){border-color:#323238;background:#101013;color:var(--text)}
html[data-button-theme] .account-form>label{color:#d5d2d8}
html[data-button-theme] .profile-cover{background:radial-gradient(ellipse at 85% 0,var(--theme-glow),transparent 70%),#19191d}
html[data-button-theme] .orb{background:radial-gradient(circle at 35% 19%,#fff 0,color-mix(in srgb,var(--button-accent) 65%,white) 11%,var(--button-accent) 31%,color-mix(in srgb,var(--button-accent) 45%,#08080b) 57%,#0c0c12 77%,var(--theme-soft) 100%);box-shadow:inset -12px -13px 25px #05040ab0,inset 4px 3px 7px #ffffff55,0 0 55px var(--theme-glow),0 23px 44px #0009}
html[data-button-theme] .orb:before{background:repeating-radial-gradient(ellipse at 15% 25%,transparent 0 8px,#ffffff20 9px,transparent 10px 13px)}
html[data-button-theme] .orb-halo{background:radial-gradient(ellipse,var(--theme-glow),transparent 65%)}
html[data-button-theme] .orbit{border-color:var(--theme-line)}
html[data-button-theme] .welcome h1>span:not(.greeting-label){background:none;color:var(--theme-link);-webkit-text-fill-color:currentColor}
html[data-button-theme] .voice-orb{border-color:var(--theme-line);box-shadow:0 0 40px var(--theme-glow),inset 0 0 30px var(--theme-glow)}
html[data-button-theme] .ads-earned{background:linear-gradient(125deg,var(--theme-soft),#ffffff03);border-color:var(--theme-line)}
html[data-button-theme] .button-color-option[aria-pressed=true]{border-color:var(--button-border)}
html[data-button-theme] .message-content :is(li)::marker{color:var(--theme-link)}
html[data-button-theme] .message.assistant .message-content,html[data-button-theme] .message-content :is(h1,h2,h3,h4,th,.katex){color:var(--text)}
html[data-button-theme] .message-content hr{border-color:var(--theme-line)}
html[data-button-theme] #sidebar .games-shortcut{color:var(--theme-link)}

/* Settings stay visually open; accent belongs to controls, not a full-page panel. */
html[data-button-theme] .settings-page .profile-shell{background:transparent;border:0;box-shadow:none}
html[data-button-theme] .settings-page .profile-shell:before{display:none}
html[data-button-theme] :is(.field-note,.account-intro,.auth-switch,.account-foot){color:#99979f}
html[data-button-theme] .account-form :is(input:not([type=checkbox]),select):focus{border-color:var(--button-border);box-shadow:0 0 0 2px var(--theme-glow)}
html[data-button-theme] .account-form :is(input:not([type=checkbox]),select):focus-visible{outline:2px solid var(--button-border)!important;outline-offset:2px;box-shadow:none}