:root{--app-bg:#0a0a14;--app-surf:#16162a;--app-raised:#202038;--app-text:#f4f3ff;--app-muted:#aaa8c6;--app-line:#343450;--app-grad:linear-gradient(135deg,#c040ff,#3d8bff);color-scheme:dark}
body.social-screen{background:var(--app-bg);color:var(--app-text);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;padding-top:env(safe-area-inset-top)}
body.social-screen main,body.social-screen main:has(#account:not([hidden])){background:var(--app-bg);color:var(--app-text)}
body.social-screen :is(h1,h2,h3,dd,.brand,.profile-bio,.person,.follow-counts strong,.metric strong){color:var(--app-text)}
body.social-screen :is(p,dt,.hint,.eyebrow,.person-caption,.profile-handle,.chat-subtitle){color:var(--app-muted)}
body.social-screen a{color:var(--app-text)}
body.social-screen :is(button,input,textarea,select){color:var(--app-text);background-color:var(--app-raised);border-color:var(--app-line);border-radius:14px}
body.social-screen button:hover{background-color:#2d2d49}
body.social-screen :is(input,textarea,select){background:var(--app-surf);font-size:16px}
body.social-screen :is(.panel-card,.metric,.user-card,#profile-form,#notice-panel,dialog,#chat-options>div){background:var(--app-surf);color:var(--app-text);border-color:var(--app-line)}
body.social-screen :is(#profile-settings,details details,.account-tools,.social-links a,.photo-editor,.conversation-heading,#connections-panel,#connections-list li,#blocks-list li,#request-list li,#search-results li,th,td,.footer){border-color:var(--app-line)}
body.social-screen :is(#edit-profile,#connections-list button,#blocks-list button,#connections-close,#refresh-profile,.follow-actions button,#message-profile,#contacts-refresh,#contacts button,#notice-bell){color:var(--app-text);background:var(--app-surf);border-color:var(--app-line)}
body.social-screen :is(#save-profile,#sign-in,#message-send,#follow-button,#register-form button[type=submit],.search-row button){background:var(--app-grad);color:white;border:0}
body.social-screen :is(.contact-avatar,.person-initial,#profile-avatar){background:var(--app-grad);color:white}
body.social-screen .social-bottom{background:#0a0a14f5;border-color:var(--app-line)}
body.social-screen .social-bottom a{color:var(--app-muted)}
body.social-screen .social-bottom a[aria-current=page]{color:white}
body.social-screen .social-bottom a[href='/live#create-room'] svg{background:var(--app-grad);width:44px;height:32px;padding:5px;border-radius:11px;color:white}
body.social-screen .social-bottom .inbox-nav-badge{border-color:var(--app-bg)}
body.profile-screen .profile-hero{display:flex;flex-direction:column;text-align:center;gap:10px}
body.profile-screen .profile-hero>div:not(#profile-avatar){order:2}
body.profile-screen #profile-avatar,body.profile-screen #avatar-photo{width:92px;height:92px;order:1;margin:8px auto}
body.profile-screen #profile-username{font-size:25px;letter-spacing:-.6px}
body.profile-screen .profile-photo-button{top:78px;right:calc(50% - 50px);background:#3d8bff;border-color:var(--app-bg)}
body.profile-screen .follow-counts{justify-content:space-around;gap:12px}
body.profile-screen .follow-counts button{align-items:center;background:transparent}
body.profile-screen .profile-bio,body.profile-screen .social-links{text-align:center;justify-content:center}
body.profile-screen .profile-toolbar button,body.profile-screen .profile-toolbar a{background:transparent}
body.inbox-screen #conversation,body.inbox-screen #message-list{background:var(--app-bg)}
body.inbox-screen #message-list li,body.inbox-screen #message-list li.mine{background:transparent}
body.inbox-screen #message-list li>p{background:var(--app-raised);color:var(--app-text)}
body.inbox-screen #message-list li.mine>p{background:var(--app-grad);color:white}
body.inbox-screen #contacts button:hover{background:var(--app-raised)}
body.inbox-screen .contact-copy small{color:var(--app-muted)}
body.audio-screen #create-room,body.audio-screen .room-card,body.audio-screen #audio-status{background:var(--app-surf);border-color:var(--app-line)}
body.audio-screen:has(#room:not([hidden])) .install-app{display:none}

body.audio-screen #room .live-follow{border-radius:50%}
.install-app{display:block;margin:24px auto;padding:10px 18px;border:1px solid #645588;border-radius:18px;background:#202038;color:#f4f3ff;font:inherit;font-size:13px;cursor:pointer}
.install-app[hidden]{display:none}
.install-dialog{max-width:min(420px,90vw);margin:auto;padding:26px;border:1px solid #645588;border-radius:24px;background:#16162a;color:#f4f3ff;line-height:1.6}
.install-dialog::backdrop{background:#000a}.install-dialog button{padding:12px 20px;border:0;border-radius:12px;background:#6742ce;color:white;font:inherit}
body.inbox-screen:has(#conversation:not([hidden])) .install-app{display:none}
@media(display-mode:standalone){.install-app{display:none}body.social-screen{overscroll-behavior-y:contain}}
@media(prefers-reduced-motion:reduce){.social-screen *{scroll-behavior:auto!important}}

body.audio-screen #rooms .live-host-card:hover{background:var(--app-surf)}
body.audio-screen .live-host-photo{background:var(--app-grad);color:white}
body.social-screen :focus-visible{outline:3px solid #a681ff;outline-offset:3px}

body.social-screen:is(.inbox-screen,.profile-screen){--app-bg:#fff;--app-surf:#f7f7f8;--app-raised:#f1f1f3;--app-text:#161616;--app-muted:#737373;--app-line:#e6e6e8;color-scheme:light}body.social-screen:is(.inbox-screen,.profile-screen) .social-bottom{background:#fffffff5}body.social-screen:is(.inbox-screen,.profile-screen) .social-bottom a[aria-current=page]{color:#111}body.social-screen:is(.inbox-screen,.profile-screen) button:hover{background-color:#e8e8ed}