:root{--font-scale:1;--surface:#fffdf8;--ink:#292c43;--page:#fbf6ed}.section-switcher{display:flex;gap:6px;align-items:end;margin:9px 0}.section-switcher label{font-size:10px;flex:1;min-width:0}.section-switcher select{padding:6px;font-size:11px}.section-switcher button{padding:7px;font-size:9px;white-space:nowrap}.subscription-button{background:#f2d9bb;color:#68411f;width:100%;font-size:11px;margin-top:8px}.studio-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.studio-row>label{flex:1;min-width:100px}.studio-row button{font-size:11px}.inline-check{display:flex!important;align-items:center;gap:8px}.inline-check input{width:auto!important;margin:0!important}#adminButton{width:100%;margin-top:6px;background:#232b58;color:white;font-size:11px}.admin-card{padding:14px;margin:12px 0;border:1px solid var(--line);border-radius:14px}.admin-card strong{display:block;font-size:12px;overflow-wrap:anywhere}.admin-card button,.admin-card a{margin:4px;font-size:10px}.admin-card a{display:inline-block}#sectionDialog{width:800px}#sectionDialog textarea{width:100%;font-size:12px;line-height:1.8}#characterRelationships fieldset{border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:15px}#characterRelationships legend{font-weight:600;font-size:13px}#characterRelationships textarea{min-height:60px}#sectionStatus,#billingStatus,#adminStatus,#automationStatus,#chatStyleStatus{color:#9c552c;font-size:12px;line-height:1.9}#membershipState{border-right:3px solid #dc874c;padding:12px;margin-top:15px;background:#f6e9d9;font-size:12px}#billingDialog ul{font-size:12px;line-height:2}.studio-settings{margin-top:24px;border-top:1px solid var(--line)}#fontScale{padding:0}#fontScaleValue{float:left}#chat{background-color:var(--chat-custom-bg,transparent)}#chat #send{background:var(--chat-accent,#232b58)}#chat .bubble.user{border-right:3px solid var(--chat-accent,#232b58)}.bubble{font-size:calc(13px * var(--font-scale))!important}.chatname h2{font-size:calc(16px * var(--font-scale))!important}.friend strong{font-size:calc(14px * var(--font-scale))!important}.friend small{font-size:calc(11px * var(--font-scale))!important}button,input,textarea,select{font-size:calc(13px * var(--font-scale))}dialog label,dialog p{font-size:calc(12px * var(--font-scale))}#composer textarea{font-size:calc(14px * var(--font-scale))}.sideintro .social-actions button,.composer-tools button,.message-tools button{font-size:calc(10px * var(--font-scale))}.section-switcher button{font-size:calc(9px * var(--font-scale))}#sidebar{overflow-y:auto}.sideintro{padding-top:15px;padding-bottom:12px}.sideintro h1{font-size:24px;line-height:1.4}.listtitle{margin-top:12px}#friends{min-height:180px}.studio-settings h3{font-size:15px}#chatStyleDialog input[type=color]{height:44px;padding:4px;width:100%}
html[data-appearance=dark]{color-scheme:dark;--surface:#202431;--ink:#e8e9f1;--page:#131721;--line:#373d4f;--muted:#a7afc2;--primary:#a6b2eb}html[data-appearance=dark] body{background:var(--page);color:var(--ink)}html[data-appearance=dark] aside,html[data-appearance=dark] dialog{background:var(--surface);color:var(--ink)}html[data-appearance=dark] main{background:#141823}html[data-appearance=dark] .chathead,html[data-appearance=dark] .conversation-tools,html[data-appearance=dark] .message-tools{background:#202431;color:var(--ink)}html[data-appearance=dark] .bubble{background:#2c3243;color:var(--ink)}html[data-appearance=dark] .bubble.user{background:#3b3440}html[data-appearance=dark] input,html[data-appearance=dark] textarea,html[data-appearance=dark] select,html[data-appearance=dark] #composer{background:#282e3c;color:var(--ink)}html[data-appearance=dark] .secondary,html[data-appearance=dark] .composer-tools button,html[data-appearance=dark] .search,html[data-appearance=dark] .emoji-grid button,html[data-appearance=dark] .sticker-choice{background:#343b50;color:#e1e5f3}html[data-appearance=dark] .friend.active{background:#353b52}html[data-appearance=dark] .primary{background:#5768a8;color:white}html[data-appearance=dark] .brand,html[data-appearance=dark] h2,html[data-appearance=dark] h3{color:#e3e7fc}html[data-appearance=dark] p,html[data-appearance=dark] .chatnote,html[data-appearance=dark] .honesty{color:#abb1c4}html[data-appearance=dark] .quoted-message,html[data-appearance=dark] .reply-draft,html[data-appearance=dark] .attachment-draft,html[data-appearance=dark] #membershipState{background:#3b3540;color:#e7d4c6}html[data-appearance=dark] #largeImage{background:#202431}html[data-appearance=dark] .chip{background:#292e3d;color:#c5cde2}html[data-appearance=dark] .chip[aria-pressed=true]{background:#606fa8;color:white}html[data-appearance=dark] #chatAvatar{background:#3b3440;color:#edba91}html[data-appearance=dark] .message-attachment a{color:#b2c0ff}
@media(prefers-color-scheme:dark){html[data-appearance=system]{color-scheme:dark;--surface:#202431;--ink:#e8e9f1;--page:#131721;--line:#373d4f;--muted:#a7afc2}html[data-appearance=system] body,html[data-appearance=system] main{background:#141823;color:var(--ink)}html[data-appearance=system] aside,html[data-appearance=system] dialog,html[data-appearance=system] .chathead,html[data-appearance=system] .conversation-tools,html[data-appearance=system] .message-tools{background:var(--surface);color:var(--ink)}html[data-appearance=system] .bubble,html[data-appearance=system] input,html[data-appearance=system] textarea,html[data-appearance=system] select,html[data-appearance=system] #composer{background:#2c3243;color:var(--ink)}html[data-appearance=system] .bubble.user{background:#3b3440}html[data-appearance=system] .secondary,html[data-appearance=system] .composer-tools button{background:#343b50;color:var(--ink)}html[data-appearance=system] p,html[data-appearance=system] .brand{color:#bbc2d7}}
@media(max-width:760px){.sideintro{padding:8px 0}.sideintro h1{display:none}.subscription-button{padding:7px}.section-switcher{margin:5px 0}.section-switcher button{font-size:9px}.studio-row button{flex:1}.admin-card button{font-size:10px}.chatname{min-width:0}.chatname h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chatname small{font-size:9px}.composer-tools{gap:3px}.composer-tools button{padding:5px 7px}.message-tools{gap:5px}#friends{min-height:170px}}

html[data-appearance=dark] #settingsStatus{color:#e7b38d}html[data-appearance=dark] #sectionStatus,html[data-appearance=dark] #billingStatus,html[data-appearance=dark] #adminStatus,html[data-appearance=dark] #automationStatus{color:#edba91}#welcome h2{font-size:calc(38px * var(--font-scale))}dialog h2{font-size:calc(22px * var(--font-scale))}.honesty{font-size:calc(10px * var(--font-scale))}#mergeImage{max-width:100%;max-height:240px}
#sectionDialog textarea{font-size:calc(12px * var(--font-scale))}