/* Stranger Talk — Foundation v1 (loads last). Tokens: Light (default) · Dark · Ocean. Header, bottom nav, drawer. */
:root:root:root:not([data-theme="dark"]):not([data-theme="ocean"]){color-scheme:light;--bg:#F5F7FA;--surface:#FFFFFF;--surface2:#EEF1F5;--surface3:#E6EAF0;--text:#101828;--text2:#3B4556;--text3:#5B6575;--border:#E2E6EC;--border-strong:#D3D9E1;--brand:#0062DB;--brand-hover:#0052B8;--brand-soft:#E6F0FF;--brand-ink:#FFFFFF;--nav-bar-bg:#FFFFFF;--band:#EEF1F5;--brand-solid:#0062DB;--brand-deep:#0A2E8A}
:root:root:root[data-theme="dark"]{color-scheme:dark;--brand:#4C9AFF;--brand-hover:#6AAEFF;--brand-soft:rgba(76,154,255,.15);--brand-ink:#04152F;--primary-border:rgba(76,154,255,.25);--shadow-brand:0 10px 22px rgba(76,154,255,.18);--focus-ring:0 0 0 3px rgba(76,154,255,.3);--brand-solid:#0062DB;--brand-deep:#0B3A8F}
:root:root:root[data-theme="ocean"]{color-scheme:light;--bg:#EEF6F6;--surface:#FFFFFF;--surface2:#E2EFEF;--surface3:#D6E8E8;--text:#0B2526;--text2:#2F4B4C;--text3:#4F6B6C;--border:#D3E4E4;--border-strong:#BFD6D6;--brand:#0F766E;--brand-hover:#0B5F58;--brand-soft:#D9F1EE;--brand-ink:#FFFFFF;--accent:#D97706;--accent-soft:#FDF0DC;--nav-bar-bg:#FFFFFF;--band:#E2EFEF;--brand-band:#D9F1EE;--hero-bg:linear-gradient(160deg,#DDF3F0 0%,#F3FAFA 100%);--primary-bg:linear-gradient(160deg,#DDF3F0 0%,#F3FAFA 100%);--primary-border:rgba(15,118,110,.22);--shadow-brand:0 10px 22px rgba(15,118,110,.22);--focus-ring:0 0 0 3px rgba(15,118,110,.25);--st-ink:#0F766E;--brand-solid:#0F766E;--brand-deep:#083C3A}
:root:root:root body{background:var(--bg)!important}
:root{--st-r-btn:14px;--st-shadow:0 1px 2px rgba(16,24,40,.05),0 6px 20px rgba(16,24,40,.07)}
:root[data-theme="dark"]{--st-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35)}

/* Headers: same background as page, soft rounded icon buttons */
:root:root:root:root .site-header,:root:root:root:root .sub-header{background:color-mix(in srgb,var(--bg) 92%,transparent)!important;border-bottom-color:transparent!important}
:root:root:root:root .header-actions .icon-btn,:root:root:root:root .sub-actions .icon-btn,:root:root:root:root .sub-header-inner>.icon-btn{width:42px;min-width:42px!important;height:42px;min-height:42px!important;border-radius:var(--st-r-btn)!important;border:0!important;background:var(--surface)!important;color:var(--text2)!important;box-shadow:var(--st-shadow)}
:root:root:root:root .header-actions .icon-btn:hover,:root:root:root:root .sub-actions .icon-btn:hover{color:var(--brand)!important}

/* Theme menu */
.st-theme-pop{position:fixed;z-index:120;width:210px;background:var(--surface);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.2);padding:6px;border:1px solid var(--border)}
.st-theme-pop p{margin:6px 10px 4px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}
.st-theme-pop button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;border:0;background:none;padding:8px 10px;border-radius:12px;font:700 14px var(--font-body);color:var(--text);text-align:left;cursor:pointer}
.st-theme-pop button:hover{background:var(--surface2)}
.st-theme-pop button[aria-checked="true"]{background:var(--brand-soft);color:var(--brand)}
.st-theme-sw{width:22px;height:22px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.st-theme-pop .st-chk{margin-left:auto;opacity:0}.st-theme-pop button[aria-checked="true"] .st-chk{opacity:1}

/* Bottom nav: floating rounded bar */
@media (max-width:859px){
:root:root:root:root .bottom-nav{left:12px;right:12px;bottom:calc(10px + var(--safe-bottom));height:66px;padding:6px!important;border-radius:26px;border:1px solid var(--border)!important;background:color-mix(in srgb,var(--surface) 94%,transparent)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(16,24,40,.16);gap:2px;max-width:560px;margin:0 auto}
:root:root:root:root .bottom-nav-item{height:52px;border-radius:20px;color:var(--text3)!important;transition:background .15s,color .15s}
:root:root:root:root .bottom-nav-item.active{background:var(--brand-soft);color:var(--brand)!important}
:root:root:root:root .bottom-nav-start,:root:root:root:root .bottom-nav-start.active{background:none}
:root:root:root:root .bottom-nav-start .bottom-nav-icon{width:48px!important;height:48px!important;margin-top:0!important;border-radius:16px!important;border:0!important;background:var(--brand-solid)!important;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb,var(--brand-solid) 45%,transparent)!important}
:root:root:root:root .bottom-nav-start .bottom-nav-label{display:none}
:root:root:root:root .footer.footer-global{padding-bottom:calc(96px + var(--safe-bottom))!important}
}

/* Drawer */
:root:root:root .drawer-panel{border-left:0;border-radius:24px 0 0 24px;overflow:hidden}
:root:root:root .drawer-head{border-bottom:0}
:root:root:root .drawer-profile-head{border-bottom:0;padding-top:4px}
:root:root:root .drawer-profile-card{border:0;border-radius:18px;background:var(--surface2)}
:root:root:root .drawer-profile-avatar{border-radius:50%;background:linear-gradient(135deg,var(--brand-solid),var(--brand-deep));color:#fff}
:root:root:root .nav-link{border-radius:14px;min-height:46px;font-size:14.5px}
:root:root:root .nav-link .st-svg-icon{width:34px;height:34px;padding:8px;border-radius:11px;background:var(--surface2);box-sizing:border-box}
:root:root:root .nav-link:hover .st-svg-icon{background:var(--brand-soft);color:var(--brand)}
.st-drawer-tools{display:grid;gap:8px;padding:2px 0 6px}
.st-drawer-search{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:14px;background:var(--surface2);color:var(--text3);min-height:44px}
.st-drawer-search input{flex:1;min-width:0;border:0;background:none;font:500 14px var(--font-body);color:var(--text);outline:0}
.st-drawer-search:focus-within{box-shadow:0 0 0 2px var(--brand)}
.st-drawer-start{display:flex;align-items:center;gap:12px;border:0;border-radius:18px;padding:12px 14px;background:linear-gradient(135deg,var(--brand-deep),var(--brand-solid));color:#fff;text-align:left;font:800 15px var(--font-body);min-height:52px;cursor:pointer}
.st-drawer-start small{display:block;font:600 12px var(--font-body);color:rgba(255,255,255,.85)}
.st-drawer-themes{display:flex;background:var(--surface2);border-radius:14px;padding:4px;margin-top:8px}
.st-drawer-themes button{flex:1;border:0;background:none;padding:8px;border-radius:10px;font:800 13px var(--font-body);color:var(--text3);min-height:40px;cursor:pointer}
.st-drawer-themes button[aria-pressed="true"]{background:var(--surface);color:var(--text);box-shadow:var(--st-shadow)}
.st-drawer-empty{padding:14px 4px;font-size:14px;color:var(--text3)}
.drawer-signature .st-copy{font-size:11.5px;color:var(--text3)}

/* Ocean: re-tint rules that hardcode the blue brand */
:root[data-theme="ocean"] .db .db-start,:root[data-theme="ocean"] .db .db-black,:root[data-theme="ocean"] .db .db-acts button:first-child{background:var(--brand-solid)!important;border-color:var(--brand-solid)!important}
:root[data-theme="ocean"]:root .db.db .db-me-share,:root[data-theme="ocean"]:root .db.db .db-sq-tab.on{background:var(--brand-solid)!important;border-color:var(--brand-solid)!important}
:root[data-theme="ocean"]:root{--st-ink:var(--brand-solid)!important}
:root[data-theme="ocean"]:root:root:root .btn.primary,:root[data-theme="ocean"]:root:root:root .ds-cta,:root[data-theme="ocean"]:root:root:root .community-create,:root[data-theme="ocean"]:root:root:root .gc2-cta,:root[data-theme="ocean"]:root:root:root .st-install-btn,:root[data-theme="ocean"]:root:root:root .onboarding-submit,:root[data-theme="ocean"]:root:root:root .group-preview-join-btn,:root[data-theme="ocean"]:root:root:root .profile-page .btn.primary,:root[data-theme="ocean"]:root:root:root .profile-invite,:root[data-theme="ocean"]:root:root:root .inbox-tab.active,:root[data-theme="ocean"]:root:root:root .inbox-req-go,:root[data-theme="ocean"]:root:root:root .community-tab.active,:root[data-theme="ocean"]:root:root:root .community-type.active,:root[data-theme="ocean"]:root:root:root .friends-tab.active,:root[data-theme="ocean"]:root:root:root .group-primary-tab.active,:root[data-theme="ocean"]:root:root:root .need-chip.active,:root[data-theme="ocean"]:root:root:root .st-chip.on,:root[data-theme="ocean"]:root:root:root .requests-subtab.active,:root[data-theme="ocean"]:root:root:root .am-link button,:root[data-theme="ocean"]:root:root:root .am-reply,:root[data-theme="ocean"]:root:root:root .bottom-nav-start .bottom-nav-icon,:root[data-theme="ocean"]:root:root:root .set-seg button.active,:root[data-theme="ocean"]:root:root:root .st-switch[aria-checked="true"]{background:var(--brand-solid)!important;border-color:var(--brand-solid)!important}
:root[data-theme="ocean"]:root:root:root .chip.active,:root[data-theme="ocean"]:root:root:root .pill.active{background:var(--brand-solid)!important;border-color:var(--brand-solid)!important}
:root[data-theme="ocean"]:root:root:root .chat-page .chat-header,:root[data-theme="ocean"]:root:root:root[data-theme] .chat-page .chat-header{background:var(--brand-solid)!important}
:root[data-theme="ocean"]:root:root .chat-page .chat-avatar{color:var(--brand-solid)!important}
:root[data-theme="ocean"]:root:root .chat-page .chat-send-next-btn{background:var(--brand-solid)!important}
:root[data-theme="ocean"] .grp-reply-bar,:root[data-theme="ocean"]:root:root .chat-page .reply-bar{border-left:4px solid var(--brand-solid)}
:root[data-theme="ocean"] .st-swipe-ic{color:var(--brand-solid)}
:root[data-theme="ocean"] .st-swipe-ic.on{background:var(--brand-solid)}
:root[data-theme="ocean"]:root:root .chat-page .group-reply-context,:root[data-theme="ocean"]:root:root .chat-page .message .reply-preview{border-left:3px solid var(--brand-solid)!important}

/* Welcome v2 (logged-out home) */
.wl2{min-height:100dvh;display:grid;background:var(--surface)}
.wl2-hero{background:linear-gradient(160deg,var(--brand-deep),var(--brand-solid));color:#fff;padding:calc(20px + var(--safe-top,0px)) 20px 52px;text-align:center;display:grid;justify-items:center;gap:8px}
.wl2-brand{display:flex;align-items:center;gap:8px;font:700 16px var(--font-display)}
.wl2-brand .brand-mark{width:26px;height:26px;display:inline-flex;background:#fff;border-radius:50%;padding:2px}
.wl2-hero h1{margin:6px 0 0;font:800 clamp(28px,7.4vw,46px)/1.1 var(--font-display);color:#fff;letter-spacing:-.01em}
.wl2-hero h1 span{display:block;opacity:.8}
.wl2-hero p{margin:0;color:rgba(255,255,255,.88);font-size:15px;max-width:32ch}
.wl2-live{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;background:rgba(255,255,255,.15);padding:6px 12px;border-radius:999px}
.wl2-live .dot{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.3)}
.wl2-prev{display:none}
.wl2-card{background:var(--surface);margin-top:-28px;border-radius:26px 26px 0 0;padding:22px 16px calc(24px + var(--safe-bottom,0px));position:relative;display:grid;gap:4px;align-content:start}
.wl2-card h2{margin:0 0 8px;font:800 18px var(--font-display);color:var(--text)}
.wl2-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wl2-mode{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);text-align:left;min-height:62px;color:var(--text);cursor:pointer;font:inherit}
.wl2-mode strong{display:block;font-size:15px}.wl2-mode small{display:block;font-size:12.5px;color:var(--text3)}
.wl2-mi{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--surface2);color:var(--text2);flex:none}
.wl2-mode[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-soft)}
.wl2-mode[aria-pressed="true"] .wl2-mi{background:var(--brand-solid);color:#fff}
.wl2-mode:focus-visible,.wl2-cta:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.wl2-age{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13.5px;color:var(--text2);cursor:pointer}
.wl2-age input{width:20px;height:20px;margin:0;accent-color:var(--brand-solid);flex:none}
.wl2-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;min-height:52px;border:0;border-radius:999px;background:var(--brand-solid);color:#fff;font:800 16px var(--font-body);cursor:pointer}
.wl2-cta:disabled{opacity:.45;cursor:not-allowed}
.wl2-note{text-align:center;font-size:12.5px;color:var(--text3);margin:6px 0 0}
.wl2-trust{display:flex;justify-content:space-around;gap:6px;margin-top:12px;padding:10px 0;border-block:1px solid var(--border);font-size:12.5px;font-weight:700;color:var(--text2)}
.wl2-trust span{display:inline-flex;align-items:center;gap:5px}.wl2-trust .st-svg-icon{color:var(--success,#16A34A)}
.wl2-alt{display:grid;justify-items:center;margin-top:6px}
.wl2-alt button{border:0;background:none;font:800 14.5px var(--font-body);color:var(--brand);padding:10px;min-height:44px;cursor:pointer}
.wl2-alt .wl2-acct{color:var(--text2);font-weight:600;font-size:14px}
.wl2-legal{text-align:center;font-size:12px;color:var(--text3);margin:4px 0}.wl2-legal a{color:var(--brand);font-weight:700}
.wl2-foot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.wl2-foot a{color:var(--text3);font-size:13px;text-decoration:none;padding:12px 10px;min-height:44px;display:inline-flex;align-items:center}
.wl2-copy{text-align:center;font-size:11.5px;color:var(--text3);margin:4px 0 0;line-height:1.6}
@media (min-width:900px){.wl2{grid-template-columns:1.1fr 1fr}.wl2-hero{text-align:left;justify-items:start;align-content:center;padding:48px 64px}.wl2-card{margin:0;border-radius:0;align-content:center;padding:40px max(32px,calc(50% - 220px))}
.wl2-prev{display:flex;flex-direction:column;gap:8px;margin-top:18px;width:min(380px,100%);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:14px}
.wl2-prev span{font-size:14px;padding:8px 12px;border-radius:14px;max-width:85%}.wl2-prev .them{background:rgba(255,255,255,.92);color:#14131F;align-self:flex-start}.wl2-prev .me{background:#fff;color:#0062DB;font-weight:600;align-self:flex-end}}
:root:root:root .wl2-foot .icon-btn{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:12px!important;border:0!important;background:var(--surface2)!important;color:var(--text2)!important;box-shadow:none!important}

/* Dashboard v2 */
:root:root:root:root .db2{display:grid;gap:20px;padding-top:6px;padding-bottom:12px;grid-template-columns:minmax(0,1fr)!important;max-width:880px!important}
:root:root:root:root .db2>*{grid-column:1/-1!important;width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
:root:root:root:root .db2 .db2-me{display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"av info" "av code" "stats stats";align-items:center;gap:12px;row-gap:6px;padding:16px!important;margin:0!important;background:var(--surface)!important;border:0!important;border-radius:20px!important;box-shadow:var(--st-shadow)}
:root:root:root:root .db2 .db-me-av{grid-area:av;width:52px!important;height:52px!important;border-radius:50%!important;border:0;background:linear-gradient(135deg,var(--brand-solid),var(--brand-deep))!important;color:#fff!important;font:800 21px var(--font-display);display:grid;place-items:center;cursor:pointer}
:root:root:root:root .db2 .db2-me .db-grow{grid-area:info;min-width:0;align-self:end}
:root:root:root:root .db2 .db-me-name{display:flex;align-items:center;gap:8px;min-width:0}
:root:root:root:root .db2 .db-me-name strong{font:800 19px var(--font-display)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root:root:root:root .db2 .db-me-rank{display:block;background:none!important;padding:0!important;margin-top:2px;font-size:13px!important;font-weight:700;color:var(--text3)!important}
.db2-code{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--brand-soft);color:var(--brand);font:800 13px var(--font-body);letter-spacing:.04em;padding:6px 12px;border-radius:999px;min-height:34px;cursor:pointer}
:root:root:root:root .db2 .db2-code{grid-area:code;justify-self:start;align-self:start}
:root:root:root:root .db2 .db2-code .db-me-code{background:none!important;padding:0!important;color:inherit!important;font:inherit!important}
:root:root:root:root .db2 .db2-stats{grid-area:stats;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 0!important}
.db2-stats>div{background:var(--surface2);border-radius:14px;padding:10px 4px;text-align:center}
.db2-stats b{display:block;font:800 19px var(--font-display);font-variant-numeric:tabular-nums;color:var(--text)}
.db2-stats span{font-size:11.5px;font-weight:700;color:var(--text3)}
.db2-rc{position:relative;overflow:hidden;border-radius:24px;padding:20px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,var(--brand-solid) 30%,var(--brand-deep) 100%)}
.db2-globe{position:absolute;right:-50px;top:-40px;width:210px;height:210px;opacity:.2;pointer-events:none}
:root:root:root:root .db2 .db2-online{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.04em;color:#fff!important;background:rgba(255,255,255,.16)!important;padding:5px 10px;border-radius:999px;position:relative}
:root:root:root:root .db2 .db2-online .dot{background:#4ADE80!important;box-shadow:0 0 0 3px rgba(74,222,128,.3)}
.db2-rc h2{position:relative;margin:12px 0 0;font:800 clamp(26px,6.4vw,34px)/1.1 var(--font-display);color:#fff}
.db2-rc h2 span{display:block;opacity:.78}
.db2-rc p{position:relative;margin:8px 0 0;font-size:14.5px;color:rgba(255,255,255,.86);max-width:38ch}
.db2-go{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:16px;border:0;border-radius:18px;background:#fff;color:var(--brand-deep);padding:8px 8px 8px 18px;min-height:60px;text-align:left;cursor:pointer;font:inherit}
.db2-go b{display:block;font:800 17px var(--font-display)}.db2-go small{font-size:12.5px;color:#4B5565;font-weight:600}
.db2-arr{width:46px;height:46px;border-radius:14px;background:var(--brand-solid);color:#fff;display:grid;place-items:center;flex:none;transition:transform .15s}
.db2-go:hover .db2-arr{transform:translateX(3px)}
.db2-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.db2-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border:0;border-radius:18px;background:var(--surface);box-shadow:var(--st-shadow);text-align:center;min-height:96px;color:var(--text);cursor:pointer;font:inherit}
.db2-ti{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);transition:background .15s,color .15s}
.db2-tile:hover .db2-ti{background:var(--brand-solid);color:#fff}
.db2-tile b{font-size:13.5px;line-height:1.2}.db2-tile small{display:none;font-size:12px;color:var(--text3)}
:root:root:root:root .db2 .db2-live{position:absolute;top:8px;right:8px;font-size:10.5px;font-weight:800;color:var(--success,#16A34A);background:color-mix(in srgb,var(--success,#16A34A) 14%,transparent);padding:2px 7px;border-radius:999px}
@media (min-width:600px){.db2-tile{align-items:flex-start;text-align:left;padding:14px}.db2-tile small{display:block}}
.db2-cols{display:grid;gap:20px;min-width:0}.db2-col{display:grid;gap:20px;align-content:start;min-width:0}
@media (min-width:960px){.db2-cols{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}
.db2-fh{border-radius:24px;overflow:hidden;background:var(--surface);box-shadow:var(--st-shadow)}
.db2-fh-top{display:flex;align-items:center;gap:12px;padding:16px;color:#fff;background:linear-gradient(135deg,#3B1F8C,#6D3FD9)}
.db2-fh-top h2{margin:0;font:800 17px var(--font-display);color:#fff}.db2-fh-top small{color:rgba(255,255,255,.82);font-size:12.5px}
.db2-fh-ic{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none}
.db2-fh-open{border:0;background:#fff;color:#3B1F8C;font:800 13.5px var(--font-body);padding:10px 14px;border-radius:999px;min-height:42px;cursor:pointer;flex:none}
.db2-fh-body{padding:14px 12px 16px}
:root:root:root:root .db2 .db2-sec{margin:0!important;padding:0!important;background:none!important;border:0!important}
:root:root:root:root .db2 .db2-invite{padding:16px!important;border-radius:20px!important;background:var(--accent-soft,#FDE9EC)!important;border:0!important}
:root:root:root:root .db2 .db2-invite .db-inv-k{color:var(--accent)!important}
:root:root:root:root .db2 .db2-invite strong{color:var(--text)!important;font:800 17px var(--font-display)!important}
:root:root:root:root .db2 .db2-invite p{color:var(--text2)!important}
:root:root:root:root .db2 .db2-invite button{background:var(--accent)!important;color:#fff!important;border:0!important}
:root:root:root:root .db2 .db2-invite .db-inv-steps i{background:color-mix(in srgb,var(--accent) 22%,transparent)!important}
:root:root:root:root .db2 .db2-invite .db-inv-steps i.on{background:var(--accent)!important}

/* Chat v2 */
.st-cbar{display:flex;gap:8px;padding:8px 12px 0;background:var(--surface);border-top:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
.chat-page:has(.st-matching) .st-cbar,.chat-page:has(.private-waiting-card) .st-cbar{display:none}
.st-ca{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:800 13px var(--font-body);padding:8px 12px;border-radius:999px;min-height:40px;cursor:pointer}
.st-ca:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}
.st-ca:disabled{opacity:.6;cursor:default}
.st-ca[hidden]{display:none}
.st-ca-next{color:#DC2626;border-color:color-mix(in srgb,#DC2626 45%,transparent);background:color-mix(in srgb,#DC2626 8%,var(--surface))}
.st-ca-next:hover{background:#DC2626!important;color:#fff!important;border-color:#DC2626!important}
:root[data-theme="dark"] .st-ca-next{color:#F87171;border-color:color-mix(in srgb,#F87171 45%,transparent)}
:root:root .chat-page .conversation-composer{border-top:0!important;display:flex;align-items:flex-end}
:root:root:root .st-cbar #friend-request-btn span{display:inline!important}
:root:root:root .st-cbar #friend-request-btn .st-svg-icon{color:currentColor}
.st-game-btn{flex:none;width:46px;height:46px;align-self:flex-end;border:0;border-radius:50%;background:var(--surface2);color:var(--text2);display:grid;place-items:center;cursor:pointer;margin-right:6px}
.st-game-btn:hover:not(:disabled){background:var(--brand-soft);color:var(--brand)}
.st-game-btn:disabled{opacity:.5}
.st-find-time{margin:0;font-size:13px;color:var(--text3);font-variant-numeric:tabular-nums}
.st-find-tip{width:100%;max-width:360px;display:grid;gap:4px;text-align:left;background:var(--surface);border-radius:16px;padding:12px 14px;font-size:13.5px;color:var(--text2);box-shadow:var(--st-shadow);margin-top:10px}
.st-find-tip b{font-size:12.5px;color:var(--text)}
.st-find-safe{margin:6px 0 0;font-size:12px;color:var(--text3)}
.st-find-cancel{width:100%;max-width:360px;min-height:48px;margin-top:8px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);font:800 15px var(--font-body);color:var(--text);cursor:pointer}
.st-find-cancel:hover{border-color:#DC2626;color:#DC2626}
.st-ice-bg{position:fixed;inset:0;z-index:200;background:rgba(5,10,20,.45);display:flex;align-items:flex-end;justify-content:center}
.st-ice{width:min(520px,100%);max-height:82dvh;display:grid;grid-template-rows:auto 1fr;background:var(--surface);border-radius:24px 24px 0 0;padding:18px 16px 0;overflow:hidden}
.st-ice-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.st-ice-h h3{margin:0;font:800 18px var(--font-display);color:var(--text)}
.st-ice-x{width:40px;height:40px;border-radius:12px;border:0;background:var(--surface2);color:var(--text2);font-size:16px;cursor:pointer}
#st-ice-body{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}
.st-ice-seg{display:flex;background:var(--surface2);border-radius:14px;padding:4px}
.st-ice-seg button{flex:1;border:0;background:none;padding:8px;border-radius:10px;font:800 13px var(--font-body);color:var(--text3);min-height:38px;cursor:pointer}
.st-ice-seg button[aria-pressed="true"]{background:var(--surface);color:var(--text);box-shadow:var(--st-shadow)}
.st-ice-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:none}
.st-ice-cats button{flex:none;white-space:nowrap;border:1.5px solid var(--border);background:var(--surface);font:700 13px var(--font-body);padding:7px 12px;border-radius:999px;min-height:38px;color:var(--text2);cursor:pointer}
.st-ice-cats button[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
.st-ice-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:700;color:var(--text3);flex:none}
.st-ice-shuf{border:0;background:var(--surface2);font:800 12.5px var(--font-body);padding:7px 12px;border-radius:999px;color:var(--text2);min-height:34px;cursor:pointer}
.st-ice-shuf.on{background:var(--brand-soft);color:var(--brand)}
.st-ice-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:calc(16px + var(--safe-bottom,0px));min-height:0;overscroll-behavior:contain}
.st-ice-q{flex:none;border:0;background:var(--surface2);border-radius:14px;padding:12px 14px;text-align:left;font:600 14.5px/1.4 var(--font-body);color:var(--text);min-height:46px;cursor:pointer}
.st-ice-q:hover,.st-ice-q:focus-visible{background:var(--brand-soft);color:var(--brand)}

/* Social v2: profile, inbox, notifications */
:root:root:root .profile-page{padding-inline:12px!important;display:grid;gap:12px}
:root:root:root .profile-page>section{margin:0!important}
:root:root:root .profile-avatar.st-av-init{background:linear-gradient(135deg,var(--brand-solid),var(--brand-deep))!important;color:#fff!important;font:800 36px var(--font-display);border:0!important;display:grid;place-items:center}
:root:root:root .profile-hero{background:var(--surface)!important;border:0!important;border-radius:20px!important;box-shadow:var(--st-shadow);margin-top:6px!important;padding-bottom:18px!important}
:root:root:root .profile-section{background:var(--surface)!important;border:0!important;border-radius:20px!important;box-shadow:var(--st-shadow)}
:root:root:root .profile-stat-grid{gap:6px!important}
:root:root:root .profile-stat-grid>div,:root:root:root .profile-activity-grid>div{background:var(--surface2)!important;border:0!important;border-radius:14px!important}
:root:root:root .profile-actions .btn{border-radius:999px!important;min-height:46px}
:root:root:root .profile-invite{background:linear-gradient(135deg,var(--brand-deep),var(--brand-solid))!important}
:root:root:root .inbox-tab{border-radius:999px!important}
:root:root:root .inbox-empty,:root:root:root .notif-empty,:root:root:root .st-empty-cta{border:0!important;border-radius:20px!important;box-shadow:var(--st-shadow);background:var(--surface)!important}

/* Community v2: gutters + rounded cards on Groups, Community, Polls, Ask */
:root:root:root .cm-page>*:not(.cm-search),:root:root:root .pl-page>*:not(.pl-more),:root:root:root .group-dashboard>*:not(.groups-toolbar){margin-left:12px!important;margin-right:12px!important;max-width:calc(100% - 24px)}
:root:root:root .cm-page>.ds-hero,:root:root:root .pl-page>.ds-hero,:root:root:root .main>.shell>section.hero{border-radius:20px!important;overflow:hidden;margin-top:6px!important}
:root:root:root .main>.shell>section.hero{margin-left:12px!important;margin-right:12px!important;border:0!important;box-shadow:var(--st-shadow)}
:root:root:root .cm-block,:root:root:root .cm-qa,:root:root:root .pl-create-wrap{border-radius:20px!important;overflow:hidden}
:root:root:root .groups-toolbar{display:flex!important;align-items:center;gap:8px}
:root:root:root .groups-primary-tabs{flex:1 1 auto;min-width:0;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;gap:6px}
:root:root:root .groups-primary-tabs::-webkit-scrollbar{display:none}
:root:root:root .group-primary-tab{flex:none;border-radius:999px!important;white-space:nowrap}
:root:root:root .group-search-trigger{flex:none;width:42px;height:42px;border-radius:14px!important;border:0!important;background:var(--surface)!important;box-shadow:var(--st-shadow)}
:root:root:root .group-discovery-card{border:0!important;border-radius:18px!important;box-shadow:var(--st-shadow);background:var(--surface)!important}

/* Settings v2: rounded cards with gutters */
:root:root:root .set-card{margin-left:12px!important;margin-right:12px!important;border:0!important;border-radius:20px!important;overflow:hidden;box-shadow:var(--st-shadow);background:var(--surface)!important}
:root:root:root .set-label{padding-left:24px!important}

/* Public pages chrome (site-chrome.js) — same look as the app */
:root:root:root .stc-header{background:color-mix(in srgb,var(--bg) 92%,transparent)!important;border-bottom-color:transparent!important}
:root:root:root .stc-back,:root:root:root .stc-theme{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:14px!important;border:0!important;background:var(--surface)!important;color:var(--text2)!important;box-shadow:var(--st-shadow)}
:root:root:root .stc-back:hover,:root:root:root .stc-theme:hover{color:var(--brand)!important}
:root:root:root .stc-cta,:root:root:root .seo-cta,:root:root:root .seo-bottom-cta a,:root:root:root .btn-primary,:root:root:root .cta-btn{background:var(--brand-solid)!important;border-color:var(--brand-solid)!important;color:#fff!important}
:root:root:root .stc-tabbar{left:12px;right:12px;max-width:560px;margin:0 auto;height:66px;padding:6px;gap:2px;border-radius:26px!important;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(16,24,40,.16)!important;align-items:center}
:root:root:root .stc-tabbar a{height:52px;justify-content:center;border-radius:20px;color:var(--text3)!important}
:root:root:root .stc-tabbar a:hover{background:var(--brand-soft);color:var(--brand)!important}
:root:root:root .stc-tabbar .stc-start{font-size:0!important;gap:0}
:root:root:root .stc-tabbar .stc-start span{width:48px!important;height:48px!important;margin-top:0!important;border-radius:16px!important;border:0!important;background:var(--brand-solid)!important;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb,var(--brand-solid) 45%,transparent)!important}