#account-hub[hidden]{display:none!important}#account-hub{position:fixed;inset:0;z-index:150;background:#0d1110;color:#e2ece5;overflow:auto;direction:rtl;font-family:Vazirmatn,Tahoma}#account-hub *{box-sizing:border-box}#account-hub .ah-wrap{max-width:880px;margin:auto;padding:20px 20px 90px}#account-hub header{display:flex;gap:16px;align-items:center;justify-content:space-between;position:sticky;top:0;padding:16px 0;background:#0d1110f5;z-index:2}#account-hub h2{font-size:20px;margin:0}#account-hub h3{font-size:14px;margin:0 0 14px}#account-hub p{font-size:11px;line-height:2;color:#92a79a}#account-hub button{font:11px Vazirmatn,Tahoma;color:inherit;background:#ffffff06;border:1px solid #ffffff19;padding:12px 16px;border-radius:10px;cursor:pointer}#account-hub button:disabled{opacity:.4;cursor:wait}#account-hub .ah-tabs{display:flex;gap:7px;overflow-x:auto;padding:12px 0}#account-hub .ah-tabs button{white-space:nowrap}#account-hub .ah-tabs button.active,#account-hub .ah-primary{border-color:#f17b5360;background:#f17b5312;color:#ffbf9c}#account-hub .ah-card{padding:22px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff03;margin:15px 0}#account-hub label{display:block;font-size:11px;color:#b5c9bb;margin:14px 0 6px}#account-hub input:not([type=color]),#account-hub textarea,#account-hub select{width:100%;background:#0d1410;border:1px solid #ffffff20;color:#e4eee7;padding:12px;border-radius:9px;font:12px Vazirmatn,Tahoma;min-width:0}#account-hub input:disabled,#account-hub textarea:disabled{opacity:.45}#account-hub textarea{min-height:92px;resize:vertical}#account-hub input[type=color]{width:100%;height:42px;border:1px solid #ffffff25;background:transparent;border-radius:8px}#account-hub .ah-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#account-hub .ah-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}#ah-message{position:sticky;top:68px;z-index:3;font-size:12px;line-height:2;border-radius:10px;padding:0 12px;background:#23332a;white-space:pre-wrap}#ah-message:not(:empty){padding:12px}#ah-message.error{background:#472a22;color:#ffd0bd}#ah-avatar{width:90px;height:90px;object-fit:cover;border-radius:20px;display:block;margin:12px 0}#ah-avatar:not([src]){display:none}#ah-chat{min-height:310px;padding:20px;border:1px solid #ffffff16;border-radius:18px;background:var(--ah-wall,#111917);color:var(--ah-text,#f3f5f3);font-size:var(--ah-size,15px);font-family:var(--ah-font,Vazirmatn,Tahoma);overflow:hidden}#ah-chat .ah-bubble{max-width:86%;padding:12px 16px;background:var(--ah-in,#26332e);border-radius:var(--ah-radius,18px);margin:18px 0;line-height:1.9;overflow-wrap:anywhere}#ah-chat .ah-bubble.out{background:var(--ah-out,#814b35);margin-inline-start:auto}#account-hub .ah-blockrow{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff12;padding:12px 0;overflow-wrap:anywhere}#account-hub .ah-blockrow button{margin-inline-start:auto}#account-hub small{font-size:10px;color:#94a99a;line-height:2;display:block}#account-hub .ah-note{border-inline-start:2px solid #f17b53;padding-inline-start:12px}#ah-profile-meta{direction:ltr;font-size:10px;color:#91a79a}@media(max-width:500px){#account-hub .ah-wrap{padding:10px 15px 80px}#account-hub .ah-card{padding:16px}#account-hub .ah-grid{gap:10px}#account-hub h2{font-size:17px}}

/* Persisted appearance affects the actual website, not just the bubble sample. */
html[data-custom-appearance] body,html[data-custom-appearance] #account-hub{background:var(--custom-wall)!important;color:var(--custom-ink)!important;font-family:var(--custom-font)!important}
html[data-custom-appearance] .shell :is(.hero,.setting-card,.launch-card,.member-card,.account-actions,.activity-list,.account-metrics,.utility-sheet),html[data-custom-appearance] #account-hub .ah-card{background:var(--custom-in)!important;border-radius:var(--custom-radius)!important}
html[data-custom-appearance] .shell :is(h1,h2,h3,strong,button,.power-caption,.profile-summary),html[data-custom-appearance] #account-hub :is(h2,h3,label,button,input,textarea,select){color:var(--custom-ink)!important}
html[data-custom-appearance] .shell :is(p,small,.handle,.text-action),html[data-custom-appearance] #account-hub :is(p,small){color:var(--custom-ink)!important;opacity:.8}
html[data-custom-appearance] #account-hub :is(input:not([type=color]),select,textarea){background:var(--custom-wall)!important;border-color:color-mix(in srgb,var(--custom-ink) 25%,transparent)!important}
html[data-custom-appearance] #account-hub .ah-primary{background:var(--custom-out)!important;color:var(--custom-ink)!important}
html[data-custom-appearance] #account-hub header{background:var(--custom-wall)!important}
html[data-custom-appearance] :is(#sampletext,#account-hub textarea){font-family:var(--custom-font)!important;font-size:var(--custom-size)!important}

html[data-custom-appearance] body,html[data-custom-appearance] #account-hub{background-image:var(--custom-pattern)!important;background-size:var(--custom-pattern-size)!important}
html[data-custom-appearance=light]{color-scheme:light}html[data-custom-appearance=dark]{color-scheme:dark}
html[data-custom-appearance] .shell :is(.topbar,.tabs,.savebar,.savebar-inner,.guide-sheet,.type-canvas,.preview){background:var(--custom-wall)!important;color:var(--custom-ink)!important}
html[data-custom-appearance] .shell :is(.text-card,.quick-card,.power-console,.account-theme){background:var(--custom-in)!important;color:var(--custom-ink)!important;border-radius:var(--custom-radius)!important}
html[data-custom-appearance] .shell :is(.primary,.utility-confirm){background:var(--custom-out)!important;color:var(--custom-ink)!important}
html[data-custom-appearance] .shell :is(.setting-info,.text-card,.guide-sheet,input,textarea,button),html[data-custom-appearance] #account-hub :is(input,textarea,select,button,label,p){font-family:var(--custom-font)!important}
html[data-custom-appearance] .shell .setting-info strong{font-size:var(--custom-size)!important}
html[data-custom-appearance] .shell .setting-info p,html[data-custom-appearance] #account-hub :is(input,textarea,select,label){font-size:max(10px,calc(var(--custom-size) - 2px))!important}

.gt-preview{padding:22px;border:1px solid #80808044;border-radius:16px;background-color:var(--gt-wall,#111917);color:var(--gt-ink,#f3f5f3);min-height:220px;font-size:14px}.gt-bubble{padding:12px 16px;border-radius:14px;background:var(--gt-in,#26332e);max-width:85%;margin:20px 0;line-height:1.9}.gt-out{background:var(--gt-out,#814b35);margin-inline-start:auto}#account-hub .gt-preview small{color:var(--gt-ink,#f3f5f3)!important}#gt-state{overflow-wrap:anywhere}