/* =====================================================================
   ShotGram v139.64 — Light appearance (free for everyone)
   Settings → Appearance → Dark | Light. Dark stays the default.
   Applied with <html data-mode="light"> (js/app-theme-boot.js).

   Part 1 (this block): colour tokens for the light surfaces.
   Part 2 (generated): the same rules the app already has, re-coloured
   for light — made by scripts/gen-light.mjs from the other stylesheets.
   Reels, LIVE, calls, voice rooms, story viewer and the camera keep their
   dark look in both modes, like every video app.
   ===================================================================== */
html[data-mode="light"], html[data-mode="light"][data-theme] {
  color-scheme: light;
  --ink: #f4f6fb; --bg: #f4f6fb;
  --surface: #ffffff; --surface-2: #eff2f8; --surface-3: #e3e8f1;
  --line: rgba(15, 23, 42, .10); --line-strong: rgba(15, 23, 42, .20);
  --text: #0f1424; --muted: #55607f; --dim: #858dab;
  --cyan: #0b8fb6; --violet: #6a3fe8; --magenta: #cf22a0; --blue: #2468d6;
  --cyan-rgb: 11, 143, 182; --violet-rgb: 106, 63, 232; --magenta-rgb: 207, 34, 160;
  --key-ink: #3a4366; --key-bg: rgba(15, 23, 42, .05); --key-line: rgba(15, 23, 42, .12); --chrome-bg: #ffffff; --cat-all: #0f1424; --border: rgba(15, 23, 42, .10);
  --ok: #14966a; --bad: #d93555; --like: #e8294a; --hover: rgba(15, 23, 42, .05);
}
html[data-mode="light"][data-theme="silver"] {
  --cyan: #3f4756; --violet: #5b6577; --magenta: #7b8596; --blue: #4b5566;
  --cyan-rgb: 63, 71, 86; --violet-rgb: 91, 101, 119; --magenta-rgb: 123, 133, 150;
  --brand: linear-gradient(135deg, #2c3340 0%, #5b6577 55%, #8892a3 100%);
}
html[data-mode="light"], html[data-mode="light"] body, html[data-mode="light"][data-theme] body { background: var(--ink); color: var(--text); }
/* the logo keeps its original colours in both modes */
html[data-mode="light"] .wordmark { background: linear-gradient(135deg, #00d8ff 0%, #8b5cff 52%, #ff2ed1 100%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
/* ---- the dark zones keep dark tokens (video, LIVE, calls, voice rooms, stories) ---- */
html[data-mode="light"] :is(.auth, .onboarding, .reels, .reel, .watch, .story-viewer, .story-compose, .majlis, .live-stage, .studio, .call-overlay, .call-screen, .app-splash) {
  --ink: #06070f; --bg: #06070f; --surface: #0e0f1c; --surface-2: #16172b; --surface-3: #1e1f39;
  --line: rgba(255, 255, 255, .09); --line-strong: rgba(255, 255, 255, .18); --text: #f4f5ff; --muted: #9498bd; --dim: #6a6e93;
  --cyan: #00d8ff; --violet: #8b5cff; --magenta: #ff2ed1; --blue: #3f92ff; color: var(--text);
}
/* Appearance picker (Settings) */
.appearance-pick { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 4px 16px 10px; }
.ap-opt { display: grid; gap: 8px; justify-items: center; padding: 12px 10px; border-radius: 14px; border: 2px solid var(--line); background: var(--surface-2); color: var(--text); }
.ap-opt b { font-size: 13.5px; }
.ap-opt.on { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(63, 146, 255, .18); }
.ap-prev { display: grid; gap: 5px; width: 74px; padding: 9px; border-radius: 10px; }
.ap-prev i { display: block; height: 7px; border-radius: 4px; }
.ap-prev i:first-child { width: 60%; height: 8px; }
.ap-dark { background: #0f1022; } .ap-dark i { background: #2c2f4f; } .ap-dark i:first-child { background: #8b5cff; }
.ap-light { background: #f4f6fb; border: 1px solid #d9deea; } .ap-light i { background: #dfe4ee; } .ap-light i:first-child { background: #6a3fe8; }
/* ---- from /styles.css ---- */
html[data-mode="light"] ::-webkit-scrollbar-thumb { background: rgba(15,23,42,.11); }
html[data-mode="light"] .topbar { background: rgba(255,255,255,.88); }
html[data-mode="light"] .tabbar { background: rgba(255,255,255,.94); }
html[data-mode="light"] .icon-btn:active { background: rgba(15,23,42,.05); }
html[data-mode="light"] .switch span::after { background: var(--surface); }
html[data-mode="light"] .notice.error { color: #c2001f; }
html[data-mode="light"] .notice.success { color: #00c273; }
html[data-mode="light"] .toast { background: var(--surface-3); }
html[data-mode="light"] .toast.error { background: var(--surface-3); }
html[data-mode="light"] .toast.success { background: var(--surface-2); }
html[data-mode="light"] .offline-banner { background: var(--surface-3); color: #c26e00; }
html[data-mode="light"] .spinner { border: 2.5px solid rgba(15,23,42,.13); }
html[data-mode="light"] .avatar { background: var(--surface); }
html[data-mode="light"] .avatar.has-photo { background: var(--surface); }
html[data-mode="light"] .avatar.placeholder { background: var(--surface) url('/assets/default-avatar-v3.png') center / cover no-repeat; }
html[data-mode="light"] .media-wrap { background: var(--ink); }
html[data-mode="light"] .tile-badge { color: var(--text); }
html[data-mode="light"] .cover::after { background: linear-gradient(to bottom, rgba(6, 7, 15, .1), rgba(255,255,255,.72)); }
html[data-mode="light"] .cover-edit { background: rgba(255,255,255,.68); }
html[data-mode="light"] .edit-cover::after { background: linear-gradient(to bottom, transparent, rgba(255,255,255,.6)); }
html[data-mode="light"] .comment-bar { background: rgba(255,255,255,.95); }
html[data-mode="light"] .preview { background: var(--ink); }
html[data-mode="light"] .room-head { background: rgba(255,255,255,.92); }
html[data-mode="light"] .room-bar { background: rgba(255,255,255,.96); }
html[data-mode="light"] .bubble-row.mine .bubble .tiny { color: rgba(15,23,42,.75); }
html[data-mode="light"] .discord-btn { border: 1px solid rgba(15,23,42,.14); }
html[data-mode="light"] .creator-intro { background: linear-gradient(135deg, rgba(15,23,42,.05), rgba(15,23,42,.02)); }
html[data-mode="light"] .location-result:hover { background: rgba(15,23,42,.04); }
html[data-mode="light"] .location-empty.error { color: #c20000; }
html[data-mode="light"] .post-summary-item { background: rgba(15,23,42,.02); }
html[data-mode="light"] .media-slide-stage { background: var(--ink); }
html[data-mode="light"] .media-overlay { color: var(--text); }
html[data-mode="light"] .media-index { color: var(--text); }
html[data-mode="light"] .cover-badge { color: var(--text); }
html[data-mode="light"] .editor-stage-wrap { background: radial-gradient(circle at 50% 10%, rgba(15,23,42,.05), transparent 48%), var(--ink); }
html[data-mode="light"] .editor-stage { background: var(--ink); }
html[data-mode="light"] .editor-stage::after { border: 1px solid rgba(15,23,42,.07); }
html[data-mode="light"] .editor-time { color: var(--text); }
html[data-mode="light"] .editor-section { background: rgba(15,23,42,.02); }
html[data-mode="light"] .editor-pill { background: rgba(15,23,42,.02); }
html[data-mode="light"] .editor-pill.active { color: var(--text); }
html[data-mode="light"] .cover-preview { background: var(--ink); }
html[data-mode="light"] .overlay-list-item { background: rgba(15,23,42,.02); }
html[data-mode="light"] .share-preview-card { background: linear-gradient(180deg, var(--surface-2), rgba(15,23,42,.02)); }
html[data-mode="light"] .share-preview-badge { color: var(--text); }
html[data-mode="light"] .share-person { border-bottom: 1px solid rgba(15,23,42,.05); }
html[data-mode="light"] .share-person:hover { background: rgba(15,23,42,.03); }
html[data-mode="light"] .sheet.tall .share-compose-foot,
html[data-mode="light"] .share-compose-foot { background: linear-gradient(180deg, rgba(255,255,255,.75), var(--surface) 28%); }
html[data-mode="light"] .dm-viewed-card { background: rgba(15,23,42,.03); }
html[data-mode="light"] .dm-once-icon { background: rgba(15,23,42,.07); }
html[data-mode="light"] .dm-image-viewer-media { background: var(--ink); }
html[data-mode="light"] .qr-wrap { background: var(--surface); }
html[data-mode="light"] .dm-timed-stage { background: var(--ink); }
html[data-mode="light"] .dm-photo-preview { background: var(--ink); }
html[data-mode="light"] .contact-growth-icon { background: var(--surface-3, var(--surface-3)); }
html[data-mode="light"] .role-chip.owner { color: #c26600; }
html[data-mode="light"] .role-chip.admin { color: #c26600; }
html[data-mode="light"] .role-chip.banned { color: #c2001f; }
html[data-mode="light"] .social-dot { color: var(--text); border: 1px solid rgba(15,23,42,.13); }
html[data-mode="light"] .social-tiktok { background: linear-gradient(135deg, #25f4ee, var(--surface) 55%, #fe2c55); }
html[data-mode="light"] .mod-thumb-tag { background: rgba(255,255,255,.78); color: var(--text); }
html[data-mode="light"] .streak { color: #c26900; }
html[data-mode="light"] .streak.warn { color: #c20023; }
html[data-mode="light"] .status-pill.warn { color: #c27400; }
html[data-mode="light"] .cover.default::after { background: linear-gradient(to bottom, rgba(6, 7, 15, .28), rgba(255,255,255,.8)); }
html[data-mode="light"] .edit-cover.default::after { background: linear-gradient(to bottom, rgba(6, 7, 15, .2), rgba(255,255,255,.7)); }
html[data-mode="light"] .flow-steps li span { background: rgba(15,23,42,.06); }
html[data-mode="light"] .tray-index { background: rgba(255,255,255,.72); }
html[data-mode="light"] .edit-stage { background: var(--ink); }
html[data-mode="light"] .edit-dot { background: rgba(15,23,42,.23); }
html[data-mode="light"] .edit-card-media { background: var(--ink); }
html[data-mode="light"] .edit-card-index { background: rgba(255,255,255,.74); }
html[data-mode="light"] .filmstrip-frame span { background: rgba(255,255,255,.7); }
html[data-mode="light"] .media-speed-tag { background: rgba(255,255,255,.66); color: var(--text); }
html[data-mode="light"] .emoji-btn:hover { background: rgba(15,23,42,.06); }
html[data-mode="light"] .emoji-tab:hover { background: rgba(15,23,42,.05); }
html[data-mode="light"] .emoji-scroll::-webkit-scrollbar-thumb { background: rgba(15,23,42,.14); }
html[data-mode="light"] .emoji-scroll::-webkit-scrollbar-thumb:hover { background: rgba(15,23,42,.27); }
html[data-mode="light"] .emoji-cell:hover { background: rgba(15,23,42,.08); }
html[data-mode="light"] .owner-panel .mod-tabs button.owner-tab { color: #c28800; }
html[data-mode="light"] .notice.warn { color: #c28a00; }
html[data-mode="light"] .desktop-download-card { background: radial-gradient(120% 140% at 0% 0%, rgba(var(--cyan-rgb, 0, 216, 255), .10), transparent 60%),
    rgba(15,23,42,.03); }
html[data-mode="light"] .sg-upload-card { background: rgba(255,255,255,.78); }
html[data-mode="light"] .sg-ring-track { stroke: rgba(15,23,42,.08); }
html[data-mode="light"] .dm-request-banner svg { color: #c27400; }
html[data-mode="light"] .clan-card,
html[data-mode="light"] .clan-room-hero,
html[data-mode="light"] .clan-empty,
html[data-mode="light"] .clan-preview { background: radial-gradient(120% 130% at 0% 0%, color-mix(in srgb, var(--clan-color, var(--blue)) 16%, transparent), transparent 62%),
    linear-gradient(135deg, rgba(15,23,42,.05), rgba(15,23,42,.01)); }
html[data-mode="light"] .clan-rank.owner { color: #c29400; }
html[data-mode="light"] .clan-rank.officer { color: #007bc2; }
html[data-mode="light"] .clan-choice.color-dot { border: 2px solid rgba(15,23,42,.14); }
html[data-mode="light"] .chip.pending { color: #c27400; }
html[data-mode="light"] .clan-review-banner .clan-review-icon { color: #007bc2; }
html[data-mode="light"] .top-clan:nth-child(1) .top-clan-rank { color: #c29400; }
html[data-mode="light"] .top-clan:nth-child(2) .top-clan-rank { color: #465e7c; }
html[data-mode="light"] .top-clan:nth-child(3) .top-clan-rank { color: #996829; }
html[data-mode="light"] .official-badge > svg { color: #bc8506; }
html[data-mode="light"] .peer-muted-tag { color: #c2001f; }
html[data-mode="light"] .mod-auto { color: #c27400; }
html[data-mode="light"] .sg-badge { border: 1.5px solid color-mix(in srgb, var(--badge) 60%, rgba(15,23,42,.14) 20%); }
html[data-mode="light"] .sg-badge-ico svg { color: var(--text); }
html[data-mode="light"] .metal-badge-ico svg { color: var(--text); }
html[data-mode="light"] .metal-chip::before,
html[data-mode="light"] .metal-wrap::before { background: linear-gradient(115deg, transparent 30%, rgba(15,23,42,.5) 48%, transparent 60%); }
html[data-mode="light"] .fam-lvl { background: var(--surface); }
html[data-mode="light"] .clan-tag::after { background: linear-gradient(115deg, transparent 40%, rgba(15,23,42,.23) 50%, transparent 60%); }
html[data-mode="light"] .clan-tag { background-image: linear-gradient(to right,
    color-mix(in srgb, var(--clan-color, var(--blue)) 74%, var(--surface)) 0%,
    color-mix(in srgb, var(--clan-mix) 80%, var(--surface)) 50%,
    color-mix(in srgb, var(--clan-color-2, var(--clan-color, var(--blue))) 74%, var(--surface)) 100%) !important; }
html[data-mode="light"] .clan-tag::after { background: linear-gradient(115deg, transparent 42%, rgba(15,23,42,.25) 50%, transparent 58%); }
html[data-mode="light"] .clan-color-chip { box-shadow: inset 0 1px 0 rgba(15,23,42,.16), 0 6px 18px rgba(0, 0, 0, .3); }
html[data-mode="light"] .bubble-row.mine .dm-voice-play { background: rgba(15,23,42,.86); }
html[data-mode="light"] .bubble-row.mine .dm-voice-wave span { background: rgba(15,23,42,.34); }
html[data-mode="light"] .bubble-row.mine .dm-voice-wave span.on { background: var(--surface); }
html[data-mode="light"] .bubble-row.mine .dm-voice-time { color: rgba(15,23,42,.8); }
html[data-mode="light"] .dm-voice-speed { background: rgba(15,23,42,.09); }
html[data-mode="light"] .bubble-row.mine .dm-voice-speed { color: var(--text); border-color: rgba(15,23,42,.27); }
html[data-mode="light"] .dm-photo { background: var(--surface); }
html[data-mode="light"] .dm-photo-glow { background: rgba(15,23,42,0); }
html[data-mode="light"] .dm-photo:active .dm-photo-glow { background: rgba(15,23,42,.09); }
html[data-mode="light"] .bubble.has-photo.bare .bubble-time { color: rgba(15,23,42,.92) !important; }
html[data-mode="light"] .photo-lightbox-close { color: var(--text); background: rgba(15,23,42,.11); }
html[data-mode="light"] .voice-tile { background: var(--ink); }
html[data-mode="light"] .voice-tile-label { color: var(--text); }
html[data-mode="light"] .voice-ctl.on { color: var(--text); }
html[data-mode="light"] #ctlMic:not(.on),
html[data-mode="light"] #ctlDeaf:not(.on) { background: color-mix(in srgb, var(--bad) 78%, var(--ink)); }
html[data-mode="light"] .voice-ctl.leave { background: color-mix(in srgb, var(--bad) 80%, var(--ink)); }
html[data-mode="light"] .sg-crop { background: var(--ink); }
html[data-mode="light"] .sg-crop-stage { background: radial-gradient(120% 80% at 50% 0%, var(--surface-2) 0%, var(--ink) 72%); }
html[data-mode="light"] .sg-crop-frame { background: var(--ink); }
html[data-mode="light"] .sg-crop-frame.circle .sg-crop-mask { border: 2px solid rgba(15,23,42,.83); }
html[data-mode="light"] .sg-crop-frame.rect .sg-crop-mask { box-shadow: inset 0 0 0 2px rgba(15,23,42,.45); }
html[data-mode="light"] .sg-crop-grid i { background: rgba(15,23,42,.25); }
html[data-mode="light"] .birthday-select { background: rgba(15,23,42,.03); }
html[data-mode="light"] .birthday-select select option { background: var(--surface); color: #0012c2; }
html[data-mode="light"] .badge-showcase-modal { background: var(--surface); }
html[data-mode="light"] .badge-showcase-nav { background: var(--surface-2); }
html[data-mode="light"] .badge-showcase-tile { background: var(--surface-3); }
html[data-mode="light"] .badge-showcase-tile:hover { background: var(--surface-3); }
html[data-mode="light"] .badge-showcase-tile.active { background: var(--surface-3); }
html[data-mode="light"] .badge-showcase-detail { background: radial-gradient(circle at 50% 6%,rgba(111,65,225,.10),transparent 28%),var(--surface); }
html[data-mode="light"] .badge-detail-facts>div { border: 1px solid rgba(15,23,42,.14); background: var(--surface-2); }
html[data-mode="light"] .badge-rarity { background: var(--surface-3); }
html[data-mode="light"] .badge-progress-card { background: var(--surface-2); border: 1px solid rgba(15,23,42,.14); }
html[data-mode="light"] .badge-progress-line { background: var(--surface-3); }
html[data-mode="light"] .badge-level-toggle { border-top: 1px solid rgba(15,23,42,.14); }
html[data-mode="light"] .clan-channel-sidebar { background: color-mix(in srgb,var(--card) 90%,var(--surface-2) 10%); }
@media (max-width:760px) {
html[data-mode="light"] .badge-showcase-nav { border-bottom: 1px solid rgba(15,23,42,.14); }
}
html[data-mode="light"] .badge-showcase-tile .badge-tile-level { border: 1px solid rgba(15,23,42,.31); }
html[data-mode="light"] .clan-voice-discord-stage { background: var(--ink); }
html[data-mode="light"] .clan-channel-sidebar { color: #0022c2; }
html[data-mode="light"] .clan-category-label,
html[data-mode="light"] .clan-channel-main,
html[data-mode="light"] .clan-channel-main .truncate,
html[data-mode="light"] .clan-channel-row,
html[data-mode="light"] .voice-room,
html[data-mode="light"] .voice-room-head { color: #384289 !important; }
html[data-mode="light"] .clan-channel-row.active .clan-channel-main,
html[data-mode="light"] .clan-channel-row.active .clan-channel-main .truncate,
html[data-mode="light"] .clan-channel-row.voice-joined .clan-channel-main,
html[data-mode="light"] .clan-channel-row.voice-joined .clan-channel-main .truncate { color: var(--text) !important; }
html[data-mode="light"] .clan-category-head { color: #37418b !important; }
html[data-mode="light"] .clan-channel-row.active > .clan-channel-line { background: var(--surface-3); }
html[data-mode="light"] .clan-channel-voice-person { color: #3b4587 !important; }
html[data-mode="light"] .clan-channel-voice-person:hover { background: rgba(15,23,42,.05); color: var(--text) !important; }
html[data-mode="light"] .clan-voice-inline-status { color: #38408a; background: rgba(15,23,42,.02); }
html[data-mode="light"] .profile-tag-icon { background: rgba(15,23,42,.03); border: 1px solid rgba(15,23,42,.07); }
html[data-mode="light"] .official-label { box-shadow: 0 1px 0 rgba(15,23,42,.2) inset; }
html[data-mode="light"] .staff-label { color: #c25900; }
html[data-mode="light"] .obs-logo { background: var(--surface-2); }
html[data-mode="light"] .obs-safety { color: #c20021; }
html[data-mode="light"] .obs-steps { background: var(--surface); color: #424980; }
html[data-mode="light"] .home-live-avatar-wrap.add { border: 1px dashed rgba(15,23,42,.2); }
html[data-mode="light"] .sp-feed-info b { color: var(--text); }
html[data-mode="light"] .sp-feed-title { color: var(--text); }
html[data-mode="light"] .sp-feed-cap { color: #393f89; }
html[data-mode="light"] .sp-grid-cell { background: var(--surface); }
html[data-mode="light"] .sp-grid-cell.empty { background: var(--surface); }
html[data-mode="light"] .sp-web-card { background: var(--surface); }
html[data-mode="light"] .sp-web-media { background: var(--ink); }
html[data-mode="light"] .note-bubble { background: var(--surface-3); color: #0012c2; }
html[data-mode="light"] .note-bubble::after { background: var(--surface-3); }
html[data-mode="light"] .note-bubble::before { background: var(--surface-3); }
html[data-mode="light"] .note-bubble.empty { background: var(--surface-2); }
html[data-mode="light"] .profile-note { background: var(--surface-3); color: #0012c2; }
html[data-mode="light"] .profile-note.empty { background: var(--surface-2); }
html[data-mode="light"] .note-preview-bubble { background: var(--surface-3); color: #0012c2; }
html[data-mode="light"] .note-preview-bubble.empty { background: var(--surface-2); }
html[data-mode="light"] .note-audience { color: #1b28a7; }
html[data-mode="light"] .system-dm-kicker { color: #2100c2; }
html[data-mode="light"] .dm-location-card { border: 1px solid rgba(15,23,42,.12); }
html[data-mode="light"] .dm-location-card svg { color: var(--violet, #3800c2); }
html[data-mode="light"] .profile-note { background: rgba(255,255,255,.92); }
html[data-mode="light"] .profile-note.empty { background: rgba(255,255,255,.92); }
html[data-mode="light"] .dm-map-frame { background: var(--surface); }
html[data-mode="light"] .clan-hero-actions span { border: 1px solid rgba(15,23,42,.07); }
html[data-mode="light"] .clan-seg-v71 { background: var(--surface) !important; }
html[data-mode="light"] .clan-discord-shell { background: var(--surface); }
html[data-mode="light"] .clan-channel-sidebar { background: var(--surface) !important; }
html[data-mode="light"] .clan-channel-stage { background: var(--ink) !important; }
/* ---- from /safe-area.css ---- */
/* ---- from /css/v78_3-patch.css ---- */
html[data-mode="light"] .identity-icon-admin { color: var(--violet, #3800c2); }
html[data-mode="light"] .identity-icon-verified { color: #0068c2; }
html[data-mode="light"] .permission-connect { color: #0098c2; }
html[data-mode="light"] .permission-send { color: #3900c2; }
html[data-mode="light"] .btn.requested,
html[data-mode="light"] button.requested { background: var(--surface-2) !important; }
html[data-mode="light"] .box { background: var(--surface); }
html[data-mode="light"] .box p,
html[data-mode="light"] .box li { color: #4d5175; }
/* ---- from /css/clan-wars.css ---- */
html[data-mode="light"] .clan-war-card { background: var(--surface); border: 1px solid rgba(15,23,42,.07); }
html[data-mode="light"] .clan-war-status { color: #3200c2; }
/* ---- from /css/v78_7-chrome.css ---- */
html[data-mode="light"] .topbar { background: linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.92) 100%); }
html[data-mode="light"] .topbar .icon-btn:active { background: rgba(15,23,42,.08); }
@media (hover: hover) {
html[data-mode="light"] .topbar .icon-btn:hover { background: rgba(15,23,42,.07); border-color: rgba(15,23,42,.14); color: var(--text); }
}
html[data-mode="light"] .tabbar { background: rgba(255,255,255,.95); border: 1px solid rgba(15,23,42,.08); box-shadow: 0 14px 40px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(15,23,42,.05); }
@media (hover: hover) {
html[data-mode="light"] .tab:hover { color: #343c8e; }
}
html[data-mode="light"] .tab[data-view="create"] svg { color: var(--text); }
html[data-mode="light"] .tab[data-view="create"].active::before { box-shadow: 0 6px 18px rgba(var(--violet-rgb, 139, 92, 255), .38), 0 0 0 2px var(--chrome-bg), 0 0 0 3.5px rgba(15,23,42,.77); }
html[data-mode="light"] .act-tabs { background: rgba(255,255,255,.93); }
html[data-mode="light"] .act-tab { color: #484d7a; }
@media (hover: hover) {
html[data-mode="light"] .act-tab:hover { color: var(--text); border-color: rgba(15,23,42,.14); }
}
html[data-mode="light"] .act-tab[aria-selected="true"] { color: var(--text); background: rgba(15,23,42,.09); border-color: rgba(15,23,42,.27); }
html[data-mode="light"] .act-head { color: var(--text); }
html[data-mode="light"] .act-head-count { color: var(--text); }
html[data-mode="light"] .act-text { color: #3c4286; }
html[data-mode="light"] .act-text b { color: var(--text); }
html[data-mode="light"] .act-thumb { border: 1px solid rgba(15,23,42,.07); }
html[data-mode="light"] .act-thumb-count { background: var(--surface); }
html[data-mode="light"] .act-btn.is-quiet { background: rgba(15,23,42,.05); border: 1px solid rgba(15,23,42,.09); color: #3f4783; }
@media (hover: hover) {
html[data-mode="light"] .act-btn.is-quiet:hover { background: rgba(15,23,42,.08); color: var(--text); }
}
html[data-mode="light"] .apple-btn { background: var(--surface); }
html[data-mode="light"] #livePreview.fit-whole { background: var(--ink); }
@media (max-width: 760px) {
html[data-mode="light"] .clan-channel-sidebar { background: var(--surface) !important; }
html[data-mode="light"] .clan-channel-switch { background: rgba(15,23,42,.04); }
}
html[data-mode="light"] .sg-coin-chip { color: #c29200; }
html[data-mode="light"] .sg-gift-tier-btn { background: rgba(15,23,42,.04); color: #3f4783; }
html[data-mode="light"] .sg-gift-card { background: rgba(15,23,42,.03); }
html[data-mode="light"] .sg-gift-card-name { color: #38408a; }
html[data-mode="light"] .sg-gift-card-cost { color: #c29200; }
html[data-mode="light"] .sg-gift-qty { background: rgba(15,23,42,.04); }
html[data-mode="light"] .sg-gift-qty button { color: #0010c2; }
html[data-mode="light"] .sg-gift-qty button:active { background: rgba(15,23,42,.07); }
html[data-mode="light"] .sg-gift-send:disabled { background: rgba(15,23,42,.06); }
html[data-mode="light"] .sg-gift-note.is-warn { color: #c26900; }
html[data-mode="light"] .support-kind { background: rgba(15,23,42,.03); }
html[data-mode="light"] .support-card { background: rgba(15,23,42,.03); }
html[data-mode="light"] .support-status { background: rgba(15,23,42,.06); }
html[data-mode="light"] .support-card.is-answered .support-status { color: #22a061; }
html[data-mode="light"] .support-reply-mark { color: #0093c2; }
html[data-mode="light"] .support-msg { background: rgba(15,23,42,.04); }
html[data-mode="light"] .support-msg.is-staff .support-msg-who { color: #0093c2; }
html[data-mode="light"] .sg-badge b { color: #c29200; }
/* ---- from /css/v88-tokens-fix.css ---- */
/* ---- from /css/v88-birthday.css ---- */
html[data-mode="light"] .birthday-select { background: rgba(15,23,42,.05); }
html[data-mode="light"] .birthday-select select option { background: var(--surface); color: #0012c2; }
/* ---- from /css/v88-permissions.css ---- */
html[data-mode="light"] .perm-intro { background: rgba(255,255,255,.72); }
html[data-mode="light"] .perm-intro-card { background: var(--surface-2, var(--surface)); border: 1px solid var(--line, rgba(15,23,42,.09)); }
html[data-mode="light"] .perm-intro-head p { color: var(--muted, #4c5776); }
html[data-mode="light"] .perm-row { border: 1px solid var(--line, rgba(15,23,42,.09)); background: rgba(15,23,42,.03); }
html[data-mode="light"] .perm-row.denied { border-color: rgba(15,23,42,.07); }
html[data-mode="light"] .perm-copy small { color: var(--muted, #4c5776); }
html[data-mode="light"] .perm-row.granted .perm-allow { color: #14ae71; }
html[data-mode="light"] .perm-note { color: var(--muted, #4c5776); }
/* ---- from /css/v88-presence.css ---- */
html[data-mode="light"] .sg-presence-text.is-offline { color: var(--muted, #4c5d75); }
html[data-mode="light"] .avatar-wrap .sg-presence { border: 2px solid var(--bg, rgba(15,23,42,.14)); }
/* ---- from /css/v90.css ---- */
html[data-mode="light"] .app-icon-list { background: rgba(15,23,42,.04); }
html[data-mode="light"] .app-icon-option:active { background: rgba(15,23,42,.05); }
html[data-mode="light"] .app-icon-radio { border: 2px solid rgba(15,23,42,.32); }
html[data-mode="light"] .dm-ptr { background: rgba(255,255,255,.92); }
html[data-mode="light"] .dm-ptr-spin { border: 2px solid rgba(15,23,42,.23); }
html[data-mode="light"] .avatar-theme-none { background: rgba(15,23,42,.05); }
html[data-mode="light"] .sg-switch i { background: rgba(15,23,42,.14); }
html[data-mode="light"] .sg-switch i::after { background: var(--surface); }
html[data-mode="light"] .switch span::after { background: var(--surface) !important; }
/* ---- from /css/v91.css ---- */
html[data-mode="light"] .thread-count.is-muted { color: #4f5572; }
html[data-mode="light"] .sg-rank-tab { color: #38408a; background: rgba(15,23,42,.05); border: 1px solid rgba(15,23,42,.07); }
html[data-mode="light"] .sg-rank-row { background: rgba(15,23,42,.04); border: 1px solid rgba(15,23,42,.05); }
html[data-mode="light"] .sg-rank-empty { color: #535e6f; }
/* ---- from /css/v92-public.css ---- */
html[data-mode="light"] body.public-view { background: var(--ink, var(--ink)); }
html[data-mode="light"] .pub-page { color: var(--text); }
html[data-mode="light"] .pub-top { background: rgba(255,255,255,.86); border-bottom: 1px solid var(--line, rgba(15,23,42,.08)); }
html[data-mode="light"] .pub-brand { color: var(--text); }
html[data-mode="light"] .pub-card { background: var(--surface, var(--surface)); }
@media (min-width: 560px) {
html[data-mode="light"] .pub-card { border: 1px solid var(--line, rgba(15,23,42,.08)); }
}
html[data-mode="light"] .pub-sub { color: var(--muted, #494d79); }
html[data-mode="light"] .pub-media { background: var(--ink); }
html[data-mode="light"] .pub-sound { color: var(--text); }
html[data-mode="light"] .pub-act { color: var(--text); }
html[data-mode="light"] .pub-comment { color: #444b7e; }
html[data-mode="light"] .pub-more { color: var(--muted, #494d79); }
html[data-mode="light"] .pub-when { color: var(--muted, #494d79); }
html[data-mode="light"] .pub-join { background: radial-gradient(120% 90% at 50% 0%, rgba(var(--violet-rgb, 139, 92, 255), .22), transparent 70%), var(--surface, var(--surface)); }
html[data-mode="light"] .pub-join p { color: #38408a; }
html[data-mode="light"] .pub-empty svg { color: var(--muted, #494d79); }
html[data-mode="light"] .pub-empty p { color: var(--muted, #494d79); }
html[data-mode="light"] .pub-gate { background: var(--surface, var(--surface)); border: 1px solid var(--line, rgba(15,23,42,.08)); }
html[data-mode="light"] .pub-gate-grip { background: var(--line-strong, rgba(15,23,42,.18)); }
html[data-mode="light"] .pub-gate p { color: #38408a; }
html[data-mode="light"] .pub-gate-later { color: var(--muted, #494d79); }
/* ---- from /css/v93-fixes.css ---- */
/* ---- from /css/v96-desktop.css ---- */
@media (min-width: 1024px) {
html[data-mode="light"].sg-web .sidenav { background: var(--ink, var(--ink)); }
html[data-mode="light"] .side-item { color: var(--text, #0012c2); }
html[data-mode="light"] .side-item:hover { background: rgba(15,23,42,.05); }
}
/* ---- from /css/v100-perf.css ---- */
/* ---- from /css/v101.css ---- */
html[data-mode="light"] .dm-play { color: var(--text); background: rgba(255,255,255,.55); border: 1.5px solid rgba(15,23,42,.5); }
html[data-mode="light"] .msg-banner { color: var(--text); background: rgba(255,255,255,.94); border: 1px solid rgba(15,23,42,.09); }
html[data-mode="light"] .msg-banner .mb-text span { color: #38408a; }
html[data-mode="light"] .edit-group { background: var(--surface, rgba(15,23,42,.04)); border: 1px solid var(--line, rgba(15,23,42,.07)); }
html[data-mode="light"] .edit-group .field label { color: var(--muted, #4c5376); }
/* ---- from /css/v102-share.css ---- */
html[data-mode="light"] .qr-screen { background: var(--qr-bg, linear-gradient(160deg, var(--surface-3), #6d28d9, #db2777)); }
html[data-mode="light"] .qr-close { color: var(--text); background: rgba(15,23,42,.14); }
html[data-mode="light"] .qr-card { background: rgba(15,23,42,.13); box-shadow: 0 20px 50px rgba(0, 0, 0, .28), inset 0 0 0 1px rgba(15,23,42,.2); color: var(--text); }
html[data-mode="light"] .qr-avatar .avatar { box-shadow: 0 0 0 4px rgba(15,23,42,.81), 0 8px 20px rgba(0, 0, 0, .3); }
html[data-mode="light"] .qr-swatch { border: 2px solid rgba(15,23,42,.45); }
html[data-mode="light"] .qr-swatch.on { box-shadow: 0 0 0 3px rgba(15,23,42,.32); }
html[data-mode="light"] .qr-act { background: var(--surface); }
html[data-mode="light"] .pub-tile { background: var(--surface, var(--surface)); }
html[data-mode="light"] .pub-tile-badge { color: var(--text); }
html[data-mode="light"] .save-ready { color: var(--text); background: rgba(255,255,255,.96); border: 1px solid rgba(15,23,42,.11); }
html[data-mode="light"] .save-ready-x { color: #474f7b; }
/* ---- from /css/v104-subs.css ---- */
html[data-mode="light"] .sub-name.sub-t1 { color: #0083c2; }
html[data-mode="light"] .sub-name.sub-t2 { color: #13af97; }
html[data-mode="light"] .sub-state span { color: var(--muted, #474f7b); }
html[data-mode="light"] .sub-step { background: rgba(15,23,42,.03); }
html[data-mode="light"] .rc-pack { background: var(--surface, rgba(15,23,42,.05)); border: 1.5px solid var(--line, rgba(15,23,42,.09)); }
html[data-mode="light"] .rc-price { color: var(--muted, #474f7b); }
html[data-mode="light"] .wallet-earn > div { background: rgba(15,23,42,.05); }
html[data-mode="light"] .subs-gate { background: var(--ink, var(--ink)); }
html[data-mode="light"] .subs-gate-back { color: var(--text); }
html[data-mode="light"] .subs-gate-card { color: var(--text); background: rgba(255,255,255,.72); border: 1px solid rgba(15,23,42,.11); }
html[data-mode="light"] .subs-gate-card p { color: #35408d; }
html[data-mode="light"] .om-quick button { border: 1px solid var(--line, rgba(15,23,42,.11)); background: var(--surface, rgba(15,23,42,.05)); }
html[data-mode="light"] .om-cards > div { background: rgba(15,23,42,.05); }
html[data-mode="light"] .om-check.bad { color: #bd0505; }
html[data-mode="light"] .om-row { border-bottom: 1px solid var(--line, rgba(15,23,42,.05)); }
html[data-mode="light"] .om-row .neg { color: #bd0505; }
/* ---- from /css/v108.css ---- */
html[data-mode="light"] .ptr { background: var(--surface, var(--surface-2)); }
/* ---- from /css/v109.css ---- */
html[data-mode="light"] .pa-btn { color: var(--text); }
html[data-mode="light"] .pa-btn svg { color: var(--text); }
html[data-mode="light"] .pa-primary { box-shadow: 0 6px 18px rgba(var(--violet-rgb, 139, 92, 255), .32), inset 0 1px 0 rgba(15,23,42,.23); }
html[data-mode="light"] .pa-glass { background: rgba(15,23,42,.06); box-shadow: inset 0 0 0 1px rgba(15,23,42,.11); }
html[data-mode="light"] .pa-glass:hover { background: rgba(15,23,42,.1); }
html[data-mode="light"] .skeleton { background: linear-gradient(100deg, rgba(15,23,42,.04) 20%, rgba(var(--violet-rgb, 139, 92, 255), .12) 40%, rgba(15,23,42,.04) 60%) !important; }
/* ---- from /css/v112.css ---- */
html[data-mode="light"] .cover::after { background: linear-gradient(to bottom, rgba(6, 7, 15, 0) 40%, rgba(255,255,255,.65)); }
html[data-mode="light"] .clan-home-cta { background: linear-gradient(135deg, color-mix(in srgb, var(--clan-color, #5865f2) 70%, var(--ink)), color-mix(in srgb, var(--clan-color-2, #a855f7) 70%, var(--ink))); }
html[data-mode="light"] .voice-dock:not(.expanded) { background: linear-gradient(135deg, rgba(255,255,255,.97), rgba(255,255,255,.97)) !important; }
html[data-mode="light"] .room-bar .vn-hint.vn-hint-inline { background: linear-gradient(90deg, var(--surface-2), var(--surface-2)); }
html[data-mode="light"] .vn-hint-inline .vn-rec-wave i { background: rgba(15,23,42,.68); }
html[data-mode="light"] .bubble .dm-image,
html[data-mode="light"] .bubble [data-open-dm-image] img,
html[data-mode="light"] .bubble .bubble-media img { background: rgba(15,23,42,.05); }
html[data-mode="light"] .room-body .bubble-img { background: rgba(15,23,42,.05); }
html[data-mode="light"] .lfx-item { color: var(--text); }
html[data-mode="light"] .lfx-swatch { background: linear-gradient(135deg, #3a3f63, var(--surface-2)); box-shadow: inset 0 0 0 1px rgba(15,23,42,.07); }
html[data-mode="light"] .lfx-none { background: repeating-linear-gradient(45deg, var(--surface-3) 0 6px, var(--surface-2) 6px 12px); }
html[data-mode="light"] .lfx-mono { background: linear-gradient(135deg, #e9e9e9, var(--surface-3)); }
html[data-mode="light"] .lfx-film { background: linear-gradient(135deg, #c9a46b, var(--surface-3)); }
html[data-mode="light"] .lset-group { background: rgba(15,23,42,.05); }
html[data-mode="light"] .lset-row { color: var(--text); }
html[data-mode="light"] .lset-row + .lset-row { border-top: 1px solid rgba(15,23,42,.05); }
html[data-mode="light"] .lset-row small { color: rgba(15,23,42,.62); }
html[data-mode="light"] .lset-seg { background: rgba(15,23,42,.07); }
html[data-mode="light"] .lset-seg button { color: rgba(15,23,42,.7); }
html[data-mode="light"] .lset-seg button.on { background: var(--surface); }
/* ---- from /css/v116.css ---- */
html[data-mode="light"] .xp-search { background: linear-gradient(var(--ink, var(--ink)) 70%, transparent); }
html[data-mode="light"] .xp-search .search-wrap { background: rgba(15,23,42,.05); border: 1px solid rgba(15,23,42,.07); }
html[data-mode="light"] .xp-discovery .explore-person-card { background: rgba(15,23,42,.05); border: 1px solid rgba(15,23,42,.06); }
html[data-mode="light"] .clan-search { background: linear-gradient(var(--ink, var(--ink)) 70%, transparent); }
html[data-mode="light"] .clan-rank-row { background: linear-gradient(135deg, color-mix(in srgb, var(--clan-color, #5865f2) 14%, transparent), rgba(15,23,42,.03)) !important; }
html[data-mode="light"] .clan-rank-no { color: rgba(15,23,42,.7); }
html[data-mode="light"] .clan-hero-v2 { background: linear-gradient(160deg, color-mix(in srgb, var(--clan-color, #5865f2) 40%, var(--surface)), color-mix(in srgb, var(--clan-color-2, #a855f7) 30%, var(--ink))); }
html[data-mode="light"] .clan-hero-emblem { border: 1px solid rgba(15,23,42,.13); box-shadow: inset 0 1px 0 rgba(15,23,42,.07); }
html[data-mode="light"] .clan-hero-desc { color: rgba(15,23,42,.78); }
html[data-mode="light"] .clan-hero-stats { background: rgba(15,23,42,.07); border-top: 1px solid rgba(15,23,42,.07); }
html[data-mode="light"] .clan-hero-stats span { color: rgba(15,23,42,.62); }
html[data-mode="light"] #clanPane .voice-room { background: rgba(15,23,42,.04); border: 1px solid rgba(15,23,42,.07); }
html[data-mode="light"] .dm-actions { background: rgba(255,255,255,.55); }
html[data-mode="light"] .dm-react-bar { background: var(--surface-2); }
html[data-mode="light"] .dm-react-bar button.on { background: rgba(15,23,42,.13); }
html[data-mode="light"] .dm-actions-list { background: var(--surface-2); }
html[data-mode="light"] .dm-actions-list button { color: var(--text); }
html[data-mode="light"] .dm-actions-list button + button { border-top: 1px solid rgba(15,23,42,.05); }
html[data-mode="light"] .dm-actions-list button:active { background: rgba(15,23,42,.06); }
html[data-mode="light"] .dm-reacts { background: var(--surface-2); border: 2px solid var(--ink, rgba(15,23,42,.14)); }
html[data-mode="light"] .room-bar .dm-replying { background: var(--surface-2); border-top: 1px solid rgba(15,23,42,.07); }
html[data-mode="light"] .room-bar .dm-replying b { color: #3304be; }
/* ---- from /css/v118-create.css ---- */
html[data-mode="light"] .cx-icon { background: rgba(15,23,42,.07); color: var(--text); }
html[data-mode="light"] .cx-title span { color: rgba(15,23,42,.62); }
html[data-mode="light"] .cx-progress i { background: rgba(15,23,42,.11); }
html[data-mode="light"] .cx-preview { background: var(--ink); }
html[data-mode="light"] .cx-empty { background: radial-gradient(80% 60% at 50% 30%, rgba(106,43,255,.25), transparent 70%), rgba(15,23,42,.04); border: 1px dashed rgba(15,23,42,.13); }
html[data-mode="light"] .cx-action { border: 1px solid rgba(15,23,42,.09); background: rgba(15,23,42,.05); color: var(--text); }
html[data-mode="light"] .cx-add { border: 1px dashed rgba(15,23,42,.23); background: rgba(15,23,42,.04); color: var(--text); }
html[data-mode="light"] .cx-detail-thumb { background: var(--ink); }
html[data-mode="light"] .cx-detail-hint { color: rgba(15,23,42,.65); }
/* ---- from /css/v122-profile.css ---- */
html[data-mode="light"] .pf-b .cover::after { background: linear-gradient(180deg, rgba(5,6,13,0) 35%, rgba(5,6,13,.75) 75%, var(--ink, var(--ink))); }
html[data-mode="light"] .pf-b .profile-avatar .avatar { border: 3px solid var(--ink, rgba(15,23,42,.14)); }
html[data-mode="light"] .pf-b .pf-display { color: rgba(15,23,42,.75); }
html[data-mode="light"] .pf-b .pf-stats .stat { color: var(--text); }
html[data-mode="light"] .pf-b .pf-stats .stat span { color: rgba(15,23,42,.62); }
html[data-mode="light"] .tile-pin { color: var(--text); }
html[data-mode="light"] .pf-b .pf-facts { color: rgba(15,23,42,.62); }
/* ---- from /css/v134.css ---- */
html[data-mode="light"] .pc-sound { color: var(--text); }
html[data-mode="light"] .vis-chip { background: rgba(15,23,42,.09); }
html[data-mode="light"] .tile-vis { color: var(--text); }
html[data-mode="light"] .tile-views { color: var(--text); }
html[data-mode="light"] .pv-radio { border: 2px solid rgba(15,23,42,.32); }
html[data-mode="light"] .pv-radio.on::after { background: var(--surface); }
html[data-mode="light"] .cover-pick { background: var(--ink); }
html[data-mode="light"] .cvp-stage { background: var(--ink); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-sheet { background: var(--surface-2); color: var(--text); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-tabs { border-bottom: 1px solid rgba(15,23,42,.08); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-tab { color: rgba(15,23,42,.62); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-tab.on { color: var(--text); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-close { color: var(--text); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-empty { color: rgba(15,23,42,.62); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-empty b { color: var(--text); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-name { color: rgba(15,23,42,.7); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-name .link-plain { color: rgba(15,23,42,.75); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-meta { color: rgba(15,23,42,.62); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-meta .link-plain { color: rgba(15,23,42,.62); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-like { color: rgba(15,23,42,.62); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-compose { border-top: 1px solid rgba(15,23,42,.08); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-quick button { background: var(--surface-3); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-bar .input { background: var(--surface-3); color: var(--text); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-reply { color: rgba(15,23,42,.65); }
html[data-mode="light"] .lk-main { color: var(--text); }
html[data-mode="light"] .lk-av.story .avatar { border: 2px solid rgba(15,23,42,.14); }
html[data-mode="light"] .lk-btn.ghost { background: var(--surface-3); }
html[data-mode="light"] .w-slide { background: var(--ink); }
html[data-mode="light"] .w-paused { color: rgba(15,23,42,.85); }
html[data-mode="light"] .w-dots span { background: rgba(15,23,42,.36); }
html[data-mode="light"] .w-dots span.on { background: var(--surface); }
html[data-mode="light"] .w-info { color: var(--text); }
html[data-mode="light"] .w-who .link-plain { color: var(--text); }
html[data-mode="light"] .w-owner { background: var(--ink); color: var(--text); }
html[data-mode="light"] .w-insights { background: var(--surface-3); color: var(--text); }
html[data-mode="light"] .share-brand.x { background: var(--ink); color: var(--text); border: 1px solid rgba(15,23,42,.18); }
html[data-mode="light"] .req-screen { background: var(--ink); color: var(--text); }
html[data-mode="light"] .req-chip { background: var(--surface-2); color: var(--text); }
html[data-mode="light"] .req-chip.on { background: var(--surface-3); color: #0081c2; }
html[data-mode="light"] .req-section { color: rgba(15,23,42,.62); }
html[data-mode="light"] .req-row { color: var(--text); }
html[data-mode="light"] .req-preview { color: rgba(15,23,42,.75); }
html[data-mode="light"] .req-tag { color: #0081c2; }
html[data-mode="light"] .req-foot { color: rgba(15,23,42,.7); border-top: 1px solid rgba(15,23,42,.09); }
html[data-mode="light"] .ghost-avatar { color: #494979; }
html[data-mode="light"] .req-panel { background: var(--surface-2); color: var(--text); }
html[data-mode="light"] .req-panel p { color: rgba(15,23,42,.65); }
html[data-mode="light"] .req-panel-actions { border-top: 1px solid rgba(15,23,42,.09); }
html[data-mode="light"] .req-panel-actions button { color: var(--text); }
html[data-mode="light"] .vr-type { border: 1px solid var(--line, rgba(15,23,42,.07)); background: var(--surface-2, var(--surface-2)); }
html[data-mode="light"] .vr-mine-row { border-bottom: 1px solid var(--line, rgba(15,23,42,.07)); }
html[data-mode="light"] .vr-status { background: rgba(15,23,42,.07); }
html[data-mode="light"] .vr-status.declined { color: #c20013; }
html[data-mode="light"] .vr-file { background: var(--ink); }
html[data-mode="light"] .vr-file .tiny { color: var(--text); }
html[data-mode="light"] .vr-pdf { color: #c20013; }
html[data-mode="light"] .vr-rm { color: var(--text); }
html[data-mode="light"] .ptr { background: var(--surface-2, var(--surface-2)) !important; }
html[data-mode="light"] .vn-hint-inline .vn-cancel { background: rgba(15,23,42,.09); color: #c20023; }
html[data-mode="light"] .swipe-back-shade { background: var(--ink); }
html[data-mode="light"] body.swiping-back #view { background: var(--bg, var(--ink)); }
html[data-mode="light"] .dm-receipt.failed { color: #c20017; }
html[data-mode="light"] .tile .tile-ph { background: linear-gradient(110deg, var(--surface-2) 30%, var(--surface-2) 50%, var(--surface-2) 70%); }
html[data-mode="light"] .share-mini-media { background: var(--surface-2); }
html[data-mode="light"] .share-mini-media i { color: var(--text); }
html[data-mode="light"] .share-mini-copy small { color: var(--muted, #4f5673); }
html[data-mode="light"] .share-apps { border-top: 1px solid rgba(15,23,42,.06); }
html[data-mode="light"] .share-app small { color: var(--muted, #4b5377); }
html[data-mode="light"] .share-app-ic { background: var(--surface-3); color: var(--text); }
html[data-mode="light"] .share-app-ic.x { background: var(--ink); }
html[data-mode="light"] .shared-media { background: var(--surface-2); }
html[data-mode="light"] .shared-media .tile-ph { background: linear-gradient(110deg, var(--surface-2) 30%, var(--surface-2) 50%, var(--surface-2) 70%); }
html[data-mode="light"] .shared-play { color: var(--text); }
html[data-mode="light"] .pub-play { color: var(--text); }
html[data-mode="light"] .sheet.share-v138 { background: var(--surface-2); }
html[data-mode="light"] .sv8-hbtn { color: var(--text); }
html[data-mode="light"] .sheet.share-v138 .share-people { border-bottom: 1px solid rgba(15,23,42,.07); }
html[data-mode="light"] .sheet.share-v138 .share-person { color: var(--text); }
html[data-mode="light"] .sheet.share-v138 .share-person-name { color: #54546e; }
html[data-mode="light"] .sheet.share-v138 .share-person-check { border: 2px solid rgba(15,23,42,.14); }
html[data-mode="light"] .sheet.share-v138 .share-app small { color: #54546e; }
html[data-mode="light"] .share-app-ic.x { background: var(--ink); }
html[data-mode="light"] .sheet.share-v138 .share-tool { color: #54546e; }
html[data-mode="light"] .sheet.share-v138 .share-tool svg { background: var(--surface-3); color: var(--text); }
html[data-mode="light"][data-theme="cyan"] body { background: var(--ink); }
html[data-mode="light"][data-theme="pink"] body { background: var(--ink); }
html[data-mode="light"][data-theme="gold"] body { background: var(--ink); }
html[data-mode="light"][data-theme="silver"] body { background: var(--ink); }
html[data-mode="light"][data-theme="green"] body { background: var(--ink); }
html[data-mode="light"][data-theme="orange"] body { background: var(--ink); }
html[data-mode="light"][data-theme="crimson"] body { background: var(--ink); }
html[data-mode="light"] .sg-update.required { background: var(--ink, var(--ink)); }
html[data-mode="light"] .sg-update-box { background: var(--surface, var(--surface)); }
html[data-mode="light"] body { background: var(--surface); }
html[data-mode="light"][data-theme="cyan"] body { background: var(--surface); }
html[data-mode="light"][data-theme="pink"] body { background: var(--surface); }
html[data-mode="light"][data-theme="gold"] body { background: var(--surface); }
html[data-mode="light"][data-theme="silver"] body { background: var(--surface-2); }
html[data-mode="light"][data-theme="green"] body { background: var(--surface); }
html[data-mode="light"][data-theme="orange"] body { background: var(--surface); }
html[data-mode="light"][data-theme="crimson"] body { background: var(--surface); }
html[data-mode="light"] .dm-invite-card { background: rgba(15,23,42,.11); }
html[data-mode="light"] .dm-invite-go { background: var(--surface); }
html[data-mode="light"] .rt-link,
html[data-mode="light"] .rt-mention { color: #006fc2; }
html[data-mode="light"] .bubble.mine .rt-link,
html[data-mode="light"] .bubble.mine .rt-mention,
html[data-mode="light"] .msg.mine .rt-link,
html[data-mode="light"] .msg.mine .rt-mention { color: var(--text); }
html[data-mode="light"] .rt-card { background: rgba(15,23,42,.11); }
html[data-mode="light"] .rt-card-go { background: var(--surface); }
html[data-mode="light"] .field-count.over { color: #c20023; }
html[data-mode="light"] .share-tool.danger { color: #c20017; }
html[data-mode="light"] .qr-login-code { background: var(--surface); }
html[data-mode="light"] .qr-login-state { background: rgba(15,23,42,.83); }
html[data-mode="light"] .sg-voice-pill { background: rgba(255,255,255,.94); border: 1px solid rgba(15,23,42,.11); }
html[data-mode="light"] .sg-voice-pill .vp-main { color: var(--text); }
html[data-mode="light"] .sg-voice-pill .vp-btn { color: var(--text); background: rgba(15,23,42,.11); }
html[data-mode="light"] .sg-alert-btns { border-top: 1px solid rgba(15,23,42,.09); }
html[data-mode="light"] .sg-alert-btns button { color: var(--text, var(--text)); }
html[data-mode="light"] .sg-alert-btns button.danger { color: #c20023; }
html[data-mode="light"] .sg-alert-btns button:active { background: rgba(15,23,42,.07); }
html[data-mode="light"] .sg-reach-bar { background: var(--surface-2); color: var(--text); }
html[data-mode="light"] .sg-reach-bar span { color: var(--muted, #48485b); }
html[data-mode="light"] .sg-reach-bar button { background: var(--surface); }
html[data-mode="light"] .ins-state { background: rgba(15,23,42,.07); }
html[data-mode="light"] .ins-meter { background: rgba(15,23,42,.07); }
html[data-mode="light"] .ins-ad img,
html[data-mode="light"] .ins-ad .ins-noimg { background: rgba(15,23,42,.05); }
html[data-mode="light"] .ins-top-item { background: rgba(15,23,42,.05); }
html[data-mode="light"] .ins-pick-item { background: rgba(15,23,42,.05); }
html[data-mode="light"] .ins-links-top > div { background: rgba(15,23,42,.04); }
html[data-mode="light"] body:not(.reels-open):not(.watch-open) .cm-pin-tag { color: #0047c2; }
html[data-mode="light"] .sg-upload-card { background: rgba(255,255,255,.92) !important; }
/* ---- from /css/v139-30.css ---- */
html[data-mode="light"] .room-body .bubble-row:not(.mine) .bubble { background-color: var(--surface-3) !important; color: #495279 !important; }
html[data-mode="light"] .room-body .bubble-row.mine .bubble-time,
html[data-mode="light"] .room-body .bubble-row.mine .bubble-time .dm-receipt { color: rgba(15,23,42,.85) !important; }
html[data-mode="light"] .room-body .bubble-row.mine .dm-receipt.seen { color: var(--text) !important; }
html[data-mode="light"] .dm-earlier { background: rgba(15,23,42,.06); color: var(--text, var(--text)); }
html[data-mode="light"] .room .room-bar .msg-input,
html[data-mode="light"] .room .room-bar textarea { border: 1px solid rgba(15,23,42,.09) !important; background: var(--surface-2) !important; }
html[data-mode="light"] .room .room-bar .msg-input:focus { border-color: rgba(15,23,42,.2) !important; }
html[data-mode="light"]:not([data-theme]) body { background: var(--ink); }
html[data-mode="light"] .plus-hero-v2 { background: radial-gradient(120% 90% at 50% 0%, rgba(255, 214, 10, .22), rgba(255, 214, 10, 0) 65%), var(--surface); }
html[data-mode="light"] .plus-perks-v2 { background: var(--surface); }
html[data-mode="light"] .pa-glass { background: rgba(15,23,42,.06) !important; }
html[data-mode="light"] .comment-bar { background: var(--surface, var(--surface)) !important; }
html[data-mode="light"]:not([data-theme]) .topbar { background: rgba(255,255,255,.97) !important; }
html[data-mode="light"] .rail-disc { background: radial-gradient(circle, var(--surface-3) 0 38%, var(--surface) 39% 100%); }
html[data-mode="light"] .sound-art { background: var(--surface-2); }
html[data-mode="light"] .sound-art.song { background: linear-gradient(135deg, var(--surface-3), var(--surface-2)); }
html[data-mode="light"] .sound-tile { background: var(--surface); }
html[data-mode="light"] .sound-tile-likes { color: var(--text); }
html[data-mode="light"] .sound-name { background: var(--surface-2, var(--surface-2)); }
html[data-mode="light"] .csc-icon { background: rgba(15,23,42,.09); }
html[data-mode="light"] .csc-text { color: rgba(15,23,42,.85); }
html[data-mode="light"] .csc-spin { border: 3px solid rgba(15,23,42,.23); }
html[data-mode="light"] .sg-zoom-tag { color: var(--text); }
html[data-mode="light"] .modal-backdrop:has(.mod-panel) { background: var(--ink) !important; }
html[data-mode="light"] .modal:has(.mod-panel) { background: var(--ink) !important; }
html[data-mode="light"] .modal:has(.mod-panel) > .modal-close { background: rgba(15,23,42,.07) !important; }
html[data-mode="light"] .mod-panel .mod-tabs { border-bottom: 1px solid rgba(15,23,42,.06) !important; }
html[data-mode="light"] .mod-panel .mod-tabs button { border: 1px solid rgba(15,23,42,.09) !important; color: var(--muted, #4b4c58) !important; }
html[data-mode="light"] .mod-panel .mod-tabs button.active { background: var(--surface) !important; }
html[data-mode="light"] .mod-panel .mod-note { color: #87723b; }
html[data-mode="light"] .mod-panel .owner-card { background: var(--surface) !important; border: 1px solid rgba(15,23,42,.06) !important; }
html[data-mode="light"] .mod-panel .input { background: var(--surface-2) !important; border: 1px solid rgba(15,23,42,.07) !important; }
html[data-mode="light"] .mod-panel .mod-row { border-bottom: 1px solid rgba(15,23,42,.05) !important; }
@media (min-width: 900px) {
html[data-mode="light"] .modal:has(.mod-panel) { border: 1px solid rgba(15,23,42,.07) !important; }
}
html[data-mode="light"] .shared-ph-av { background: rgba(15,23,42,.09); }
html[data-mode="light"] .shared-ph-line { background: rgba(15,23,42,.09); }
html[data-mode="light"] .shared-ph-media { background: rgba(15,23,42,.06); }
html[data-mode="light"] .sg-clear-hint { color: var(--text); }
html[data-mode="light"] .sgb-ring-track { stroke: rgba(15,23,42,.07); }
html[data-mode="light"] .sgb-levelup { background: radial-gradient(circle at 50% 42%,rgba(255,255,255,.97),rgba(3,4,8,.985) 70%); }
html[data-mode="light"] .sgb-lu-card { color: var(--text); }
html[data-mode="light"] .sgb-lu-sparks i:nth-child(3n) { background: var(--surface); }
html[data-mode="light"] .sgb-lu-meta { color: #505e72; }
html[data-mode="light"] .sgb-lu-next { color: #545f6e; }
html[data-mode="light"] .sgb-lu-btn { background: var(--surface); }
html[data-mode="light"] .sgb-compare-copy span { color: #525e70; }
html[data-mode="light"] .sgb-compare-copy b { color: var(--text); }
html[data-mode="light"] .sgb-lu-kicker { color: #535e6f; }
html[data-mode="light"] .sgb-lu-btn { color: var(--text); border: 1px solid rgba(15,23,42,.45); }
html[data-mode="light"] .sgb-levelup { background: var(--ink) !important; }
html[data-mode="light"] .clan-ban-row { background: rgba(15,23,42,.04); }
html[data-mode="light"] .clan-ban-by { color: #c26500; }
/* ---- from /css/v139-42-business.css ---- */
html[data-mode="light"] .bn-btn.danger.ghost { color: var(--bad, #c20020); }
html[data-mode="light"] .st-open { color: #0052c2; }
html[data-mode="light"] .bn-owner { color: #0052c2; }
html[data-mode="light"] .bn-toggle i::after { background: var(--surface); }
/* ---- from /css/v139-43-fixes.css ---- */
html[data-mode="light"] .clan-hero-stats > .clan-stat-btn:active { background: rgba(15,23,42,.07); }
html[data-mode="light"] .screen > .stack-head { background: var(--ink, var(--ink)); }
html[data-mode="light"] .screen > .stack-head.pf-float .icon-btn { background: rgba(255,255,255,.5) !important; border: 1px solid rgba(15,23,42,.11); color: var(--text); }
html[data-mode="light"] .tile .tile-ph { background: var(--surface-2) !important; }
html[data-mode="light"] .tile .tile-ph::after { border-left: 14px solid rgba(15,23,42,.25); }
html[data-mode="light"] .ptr-freeze { background: var(--ink, var(--ink)); }
/* ---- from /css/v139-43-create.css ---- */
html[data-mode="light"] .ig-flow { background: var(--ink) !important; color: var(--text); }
html[data-mode="light"] .ig-flow .cx-head { background: var(--ink); }
html[data-mode="light"] .ig-flow input[type=range],
html[data-mode="light"] .ig-text-composer input[type=range] { background: rgba(15,23,42,.32); }
html[data-mode="light"] .ig-flow input[type=range]::-webkit-slider-thumb,
html[data-mode="light"] .ig-text-composer input[type=range]::-webkit-slider-thumb { background: var(--surface); }
html[data-mode="light"] .ig-flow input[type=range]::-moz-range-thumb,
html[data-mode="light"] .ig-text-composer input[type=range]::-moz-range-thumb { background: var(--surface); }
html[data-mode="light"] .ig-pick-preview { background: var(--surface); }
html[data-mode="light"] .ig-pick-preview.fit .ig-pick-media { background: var(--ink); }
html[data-mode="light"] .ig-round { background: rgba(255,255,255,.85); color: var(--text); }
html[data-mode="light"] .ig-pick-empty { color: var(--text); }
html[data-mode="light"] .ig-pick-empty span:last-child { color: rgba(15,23,42,.62); }
html[data-mode="light"] .ig-recents { color: var(--text); }
html[data-mode="light"] .ig-select { background: var(--surface-3); color: var(--text); }
html[data-mode="light"] .ig-tile { background: var(--surface-2); color: var(--text); }
html[data-mode="light"] .ig-tile.on::after { background: rgba(15,23,42,.29); }
html[data-mode="light"] .ig-tile-action { background: var(--surface); }
html[data-mode="light"] .ig-tile-x { color: var(--text); }
html[data-mode="light"] .ig-modes { background: rgba(255,255,255,.94); }
html[data-mode="light"] .ig-modes button { color: rgba(15,23,42,.7); }
html[data-mode="light"] .ig-modes button.on { color: var(--text); background: rgba(15,23,42,.14); }
html[data-mode="light"] .ig-edit-frame { background: var(--surface); }
html[data-mode="light"] .ig-grid-lines { border: 1px solid rgba(15,23,42,.63); }
html[data-mode="light"] .ig-grid-lines i { background: rgba(15,23,42,.41); }
html[data-mode="light"] .ig-edit-trash { color: var(--text); }
html[data-mode="light"] .ig-edit-meta .ig-round { background: var(--surface-2); }
html[data-mode="light"] .ig-dots i { background: rgba(15,23,42,.32); }
html[data-mode="light"] .ig-edit-panel { background: var(--ink); }
html[data-mode="light"] .ig-toolbar button { color: var(--text); }
html[data-mode="light"] .ig-tool-head button { color: var(--text); }
html[data-mode="light"] .ig-filter { color: rgba(15,23,42,.65); }
html[data-mode="light"] .ig-filter-thumb { background: var(--surface-2); }
html[data-mode="light"] .ig-filter.on { color: var(--text); }
html[data-mode="light"] .ig-adjust-tool { color: var(--text); }
html[data-mode="light"] .ig-adjust-ic { border: 1.5px solid rgba(15,23,42,.41); }
html[data-mode="light"] .ig-aspects button { border: 1px solid rgba(15,23,42,.25); color: var(--text); }
html[data-mode="light"] .ig-aspects button.on { background: var(--surface); }
html[data-mode="light"] .ig-hint { color: rgba(15,23,42,.62); }
html[data-mode="light"] .ig-text-composer { color: var(--text); }
html[data-mode="light"] .ig-tc-done { color: var(--text); }
html[data-mode="light"] .ig-tc-bg,
html[data-mode="light"] .ig-tc-del { color: var(--text); }
html[data-mode="light"] .ig-tc-bg.bg-box span { background: var(--surface); }
html[data-mode="light"] .ig-tc-bg.bg-soft span { background: rgba(15,23,42,.32); }
html[data-mode="light"] .ig-tc-size-track { border-top: 210px solid rgba(15,23,42,.5); }
html[data-mode="light"] .ig-tc-size-knob { background: var(--surface); }
html[data-mode="light"] #tcText { color: var(--text); }
html[data-mode="light"] #tcText::placeholder { color: rgba(15,23,42,.62); }
html[data-mode="light"] .ig-tc-fonts button { background: rgba(15,23,42,.18); color: var(--text); }
html[data-mode="light"] .ig-tc-fonts button.on { background: var(--surface); }
html[data-mode="light"] .ig-tc-colors button.on { box-shadow: 0 0 0 2px rgba(15,23,42,.32); }
html[data-mode="light"] .ig-post-thumb { background: var(--surface); }
html[data-mode="light"] .ig-cover-btn { background: rgba(255,255,255,.88); color: var(--text); }
html[data-mode="light"] .ig-caption #caption { color: var(--text); }
html[data-mode="light"] .ig-caption #caption::placeholder { color: rgba(15,23,42,.62); }
html[data-mode="light"] .ig-caption .mention-box { background: var(--surface-2); }
html[data-mode="light"] .ig-chip { color: var(--text); }
html[data-mode="light"] .ig-row { color: var(--text); }
html[data-mode="light"] .ig-row:active { background: rgba(15,23,42,.05); }
html[data-mode="light"] .ig-row-val { color: rgba(15,23,42,.62); }
html[data-mode="light"] .ig-row-input { color: var(--text); }
html[data-mode="light"] .ig-row-input::placeholder { color: var(--text); }
html[data-mode="light"] .ig-row-btn { color: var(--text); }
html[data-mode="light"] .ig-field .input { background: var(--surface); color: var(--text); }
html[data-mode="light"] .ig-share-bar { background: linear-gradient(rgba(0, 0, 0, 0), var(--ink) 32%); }
html[data-mode="light"] .ig-share-btn { color: var(--text); }
html[data-mode="light"] .ig-title-row input { color: var(--text); }
html[data-mode="light"] .ig-title-row input::placeholder { color: rgba(15,23,42,.62); }
/* ---- from /css/v139-44.css ---- */
html[data-mode="light"] .inbox-top .request-head { background: var(--surface-2, var(--surface-2)) !important; border: 1px solid var(--line, rgba(15,23,42,.07)) !important; }
html[data-mode="light"] body::before { background: var(--ink, var(--ink)); }
html[data-mode="light"] .pub-appbar { background: var(--surface-2, var(--surface-2)); border: 1px solid var(--line, rgba(15,23,42,.07)); }
html[data-mode="light"] .pub-appbar small { color: var(--muted, #525970); }
html[data-mode="light"] .pub-appbar-btn { background: var(--surface); }
html[data-mode="light"] .dm-invite-card { background: var(--surface-3) !important; }
html[data-mode="light"] .dm-invite-sub { color: rgba(15,23,42,.62); }
html[data-mode="light"] .sg-getapp-card { background: var(--surface, var(--surface)); border-top: 1px solid var(--line, rgba(15,23,42,.07)); }
html[data-mode="light"] .sg-getapp-card p { color: var(--muted, #525970); }
html[data-mode="light"] .plus-plan { background: var(--surface); }
html[data-mode="light"] .snd-tabs button { background: var(--surface-2); color: #4e4e55; }
html[data-mode="light"] .snd-tabs button.on { background: var(--surface); }
html[data-mode="light"] .snd-cover { background: var(--surface-2); }
html[data-mode="light"] .snd-play-ic,
html[data-mode="light"] .snd-pause-ic { color: var(--text); }
html[data-mode="light"] .snd-save.on { color: var(--text); }
html[data-mode="light"] .snd-wave { background: var(--surface-2); }
html[data-mode="light"] .sound-save.on { color: var(--text); }
html[data-mode="light"] .xp-sound-cover { background: var(--surface-2); }
html[data-mode="light"] .aperm-group { background: rgba(15,23,42,.05); border: 1px solid rgba(15,23,42,.07); }
html[data-mode="light"] .aperm-row + .aperm-row { border-top: 1px solid rgba(15,23,42,.07); }
html[data-mode="light"] .aperm-tile { color: var(--text); }
html[data-mode="light"] .aperm-row.is-off .aperm-copy small { color: #c2001d; }
/* ---- from /css/v139-58-chat-light.css ---- */
html[data-mode="light"] .toast,
html[data-mode="light"] .toast.error,
html[data-mode="light"] .toast.success { background: rgba(255,255,255,.96) !important; border: 1px solid rgba(15,23,42,.09) !important; }
html[data-mode="light"].sg-mouse .w-nav:not([hidden]) { background: rgba(15,23,42,.79); }
html[data-mode="light"] .lc-new-pill { background: var(--surface); }
html[data-mode="light"] .lvs { background: var(--surface); color: var(--text); }
html[data-mode="light"] .lvs-grip { background: rgba(15,23,42,.23); }
html[data-mode="light"] .lvs-head { border-bottom: 1px solid rgba(15,23,42,.06); }
html[data-mode="light"] .lvs-count { color: #4d5075; }
html[data-mode="light"] .lvs-x { background: rgba(15,23,42,.06); color: var(--text); }
html[data-mode="light"] .lvs-empty { color: #4e5273; }
html[data-mode="light"] .lvs-row:active,
html[data-mode="light"] .lvs-row:hover { background: rgba(15,23,42,.05); }
html[data-mode="light"] .lvs-rank { color: #4e5273; }
html[data-mode="light"] .lvs-rank.top2 { color: #3800c2; }
html[data-mode="light"] .lvs-name small { color: #4e5273; }
html[data-mode="light"] .lvs-coins { color: #2a00c2; }
html[data-mode="light"] .lvs-me { border-top: 1px solid rgba(15,23,42,.07); }
html[data-mode="light"] .lgj-seat > i { border: 2px dashed rgba(15,23,42,.2); color: rgba(15,23,42,.62); }
html[data-mode="light"] .lgj-seat small { color: #394289; }
html[data-mode="light"] .lgj-body { color: #464c7b; }
html[data-mode="light"] .lgj-btn.ghost { background: rgba(15,23,42,.07); border: 1px solid rgba(15,23,42,.13); }
html[data-mode="light"] .ltt-clear-exit { color: var(--text); }
html[data-mode="light"] .sg-mylvl { color: #38408a; }
html[data-mode="light"] .sg-mylvl-bar { background: rgba(15,23,42,.11); }
/* ---- from /css/v139-59-desktop.css ---- */
html[data-mode="light"] .obs-safety.obs-tip { color: #0051c2; }
/* ---- from /css/v139-60-levels.css ---- */
html[data-mode="light"] .sg-lvl { color: var(--text); box-shadow: inset 0 1px 0 rgba(15,23,42,.2); }
html[data-mode="light"] body :is(#liveChatList, #creatorChatList) .ltt-name.lvl-gold { color: #c29200 !important; }
html[data-mode="light"] .slv { background: radial-gradient(120% 60% at 30% 0%, #3a1d7a 0%, var(--surface-3) 45%, var(--surface) 100%); }
html[data-mode="light"] .slv-x { background: rgba(15,23,42,.09); color: var(--text); }
html[data-mode="light"] .slv-head .avatar { box-shadow: 0 0 0 2px rgba(15,23,42,.23); }
html[data-mode="light"] .slv-head small { color: #3b348e; }
html[data-mode="light"] .slv-dot.on::after { background: var(--surface); }
html[data-mode="light"] .slv-line { background: linear-gradient(90deg, rgba(15,23,42,.32), rgba(15,23,42,.11)); }
html[data-mode="light"] .slv-card { box-shadow: inset 0 1px 0 rgba(15,23,42,.16); }
html[data-mode="light"] .slv-roman .lau { color: rgba(15,23,42,.7); }
html[data-mode="light"] .slv-range { color: rgba(15,23,42,.62); }
html[data-mode="light"] .slv-msg { color: rgba(15,23,42,.88); }
html[data-mode="light"] .slv-msg.dim { color: rgba(15,23,42,.7); }
html[data-mode="light"] .slv-prog { color: rgba(15,23,42,.7); }
html[data-mode="light"] .slv-prog b { color: var(--text); }
html[data-mode="light"] .slv-bar { background: rgba(15,23,42,.16); }
html[data-mode="light"] .slv-bar i { box-shadow: 0 0 10px rgba(15,23,42,.63); }
html[data-mode="light"] .slv-hint { color: rgba(15,23,42,.8); }
html[data-mode="light"] .slv-reward { background: rgba(15,23,42,.05); border: 1px solid rgba(15,23,42,.05); }
html[data-mode="light"] .slv-rt { color: rgba(15,23,42,.62); }
html[data-mode="light"] .slv-lock { background: rgba(15,23,42,.09); color: rgba(15,23,42,.62); }
html[data-mode="light"] .slv-demo.up { box-shadow: inset 0 0 0 1px rgba(15,23,42,.27); }
html[data-mode="light"] .slv-goldname { color: #c29200; }
/* ---- from /css/v139-62-calm.css ---- */
html[data-mode="light"] .topbar .icon-btn.is-current { background: rgba(15,23,42,.07) !important; }
html[data-mode="light"] .shotgram-live-pill { background: rgba(15,23,42,.07) !important; }
html[data-mode="light"] .pa-glass { background: rgba(15,23,42,.08) !important; }
html[data-mode="light"]:not([data-theme]) .cover.default,
html[data-mode="light"]:not([data-theme]) .edit-cover.default { background: linear-gradient(160deg, var(--surface-3) 0%, var(--surface) 60%, var(--surface) 100%) !important; }
html[data-mode="light"] .pf-b .pf-stats .stat + .stat::before { background: rgba(15,23,42,.09) !important; }
html[data-mode="light"] .clan-rank-row,
html[data-mode="light"] .clan-rank-row.podium,
html[data-mode="light"] .clan-rank-row.p1,
html[data-mode="light"] .clan-rank-row.p2,
html[data-mode="light"] .clan-rank-row.p3 { border-color: rgba(15,23,42,.07) !important; }
html[data-mode="light"] .clan-rank-row.podium .clan-rank-no { color: #0053c2; }
html[data-mode="light"] .clan-rank.owner { color: #0053c2 !important; }
html[data-mode="light"] .clan-policy,
html[data-mode="light"] .clan-policy.open { background: rgba(15,23,42,.06) !important; color: rgba(15,23,42,.7) !important; }
html[data-mode="light"] .chip.go { color: #0053c2 !important; }
html[data-mode="light"] .bn-row-icon { color: #0053c2 !important; }
html[data-mode="light"]:not([data-theme]) .tab[data-view="create"].active::before { box-shadow: 0 6px 18px rgba(139, 92, 255, .38), 0 0 0 2px var(--chrome-bg), 0 0 0 3.5px rgba(15,23,42,.77) !important; }
html[data-mode="light"] .w-insights { background: rgba(15,23,42,.11) !important; }
html[data-mode="light"] .snd-skel { background: linear-gradient(90deg, rgba(15,23,42,.04), rgba(15,23,42,.07), rgba(15,23,42,.04)); }
html[data-mode="light"] .snd-cover.is-ph,
html[data-mode="light"] .xp-sound-cover.is-ph { background: var(--surface-2); }
/* ---- from /css/v139-63-login.css ---- */
html[data-mode="light"] .google-btn { background: var(--surface); }
html[data-mode="light"] .guest-btn { color: #0058c2; }
html[data-mode="light"] .guest-view { background: var(--ink); }
html[data-mode="light"] .guest-top button { color: var(--text); }
html[data-mode="light"] .guest-reel { background: var(--ink); }
html[data-mode="light"] .guest-rail button { color: var(--text); }
html[data-mode="light"] .guest-follow { color: var(--text); }
html[data-mode="light"] .guest-load { color: #515d71; }
html[data-mode="light"] .guest-gate-card { background: var(--surface); }
html[data-mode="light"] .guest-gate-card span { color: #515d71; }
html[data-mode="light"] .guest-gate-x { color: #0058c2; }
@media (max-width: 719px) {
html[data-mode="light"] .ph-logo .lw { box-shadow: inset 0 0 0 1px rgba(15,23,42,.07); }
}
@media (min-width: 720px) {
html[data-mode="light"] .ph-logo .lw { box-shadow: inset 0 0 0 1px rgba(15,23,42,.07); }
html[data-mode="light"] .guest-view { background: radial-gradient(70% 60% at 50% 40%, var(--surface-2), var(--ink)); }
html[data-mode="light"] .guest-view .guest-scroll { box-shadow: 0 0 0 1px rgba(15,23,42,.07), 0 30px 120px rgba(0,0,0,.6); }
}
/* ---- hand-made light fixes (things the generator cannot see) ---- */
html[data-mode="light"] body:not(.live-open):not(.reels-open) .tabbar,
html[data-mode="light"][data-theme] body:not(.live-open):not(.reels-open) .tabbar { background: rgba(255, 255, 255, .97) !important; border: 1px solid rgba(15, 23, 42, .08); }
html[data-mode="light"] .tabbar { box-shadow: 0 8px 26px rgba(15, 23, 42, .16) !important; }
html[data-mode="light"] .tabbar .tab { color: #55607f; }
html[data-mode="light"] .tabbar .tab.active { color: #0f1424; }

html[data-mode="light"] .shotgram-live-pill { background: rgba(15, 23, 42, .05); border-color: rgba(15, 23, 42, .16); color: var(--text); }
html[data-mode="light"] .shotgram-live-pill span:last-child { color: var(--text); }
html[data-mode="light"] .shotgram-live-pill svg { color: var(--muted); }

/* profile cover: a soft light fade instead of a dark one */
html[data-mode="light"] .cover::after { background: linear-gradient(to bottom, rgba(244,246,251,0), rgba(244,246,251,.78)) !important; }