/* daylight theme, made by tools/light-theme.mjs from index.html (run node tools/build.mjs). don't edit by hand */
html[data-theme="light"] { color-scheme: light; }
html[data-theme="light"] body { background-color: #eef2f7; color: #0f172a; }
html[data-theme="light"] .ticker-wrap { background: linear-gradient(90deg, #ffffff, #f8fafc, #ffffff); border: 1px solid #38bdf8; box-shadow: 0 0 12px rgba(56, 189, 248, 0.068); }
html[data-theme="light"] .ticker-badge { background-color: #0284c7; color: #fff; border-right: 1px solid #38bdf8; }
html[data-theme="light"] .ticker-item { color: #1e293b; }
html[data-theme="light"] .ticker-item:hover { color: #0680b7; }
html[data-theme="light"] .top-banner { background-color: #ffffff; border: 1px solid #dbe3ec; box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.06); }
html[data-theme="light"] .brand-title { color: #0f172a; }
html[data-theme="light"] .brand-title span { color: #0680b7; }
html[data-theme="light"] .icon-btn { background-color: #f8fafc; border: 1px solid #dbe3ec; color: #0680b7; box-shadow: 0 2px 4px rgba(15, 23, 42, 0.06); }
html[data-theme="light"] .icon-btn:hover { background-color: #0284c7; color: #ffffff; border-color: #38bdf8; }
html[data-theme="light"] .notif-badge { background-color: #ef4444; color: #ffffff; border: 2px solid #e2e8f0; }
html[data-theme="light"] .conv-badge { background-color: #ef4444; color: #ffffff; }
html[data-theme="light"] .thread-banner-container { border-top: 1px solid #dbe3ec; border-bottom: 1px solid #dbe3ec; background-color: #f8fafc; }
html[data-theme="light"] .thread-banner-gradient { background: linear-gradient(to top, #ffffff, transparent); }
html[data-theme="light"] .mobile-tab-bar { background: rgba(255, 255, 255, 0.96); border-top: 1px solid #dbe3ec; box-shadow: 0 -4px 20px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .tab-btn { background: none; border: none; color: #475569; }
html[data-theme="light"] .tab-btn.active { color: #0680b7; }
html[data-theme="light"] .tab-avatar { border: 1px solid #38bdf8; }
html[data-theme="light"] .tab-badge { background-color: #ef4444; color: #fff; border: 2px solid #e2e8f0; }
html[data-theme="light"] .mobile-fab-btn { background-color: #38bdf8; color: #0f172a; border: 5px solid #e2e8f0; box-shadow: 0 4px 16px rgba(56, 189, 248, 0.18); }
html[data-theme="light"] .threads-sidebar { background-color: #ffffff; border: 1px solid #dbe3ec; box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.03); }
html[data-theme="light"] .sidebar-heading { color: #475569; }
html[data-theme="light"] .thread-nav-btn { background-color: #f8fafc; border: 1px solid #dbe3ec; color: #1e293b; }
html[data-theme="light"] .thread-nav-btn:hover { border-color: #38bdf8; color: #0680b7; }
html[data-theme="light"] .thread-nav-btn.active { background-color: #0284c7; border-color: #38bdf8; color: #ffffff; }
html[data-theme="light"] .feed-card { background-color: #ffffff; border: 1px solid #dbe3ec; }
html[data-theme="light"] .thread-role-badge { background: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .btn-thread-action { background: #f8fafc; border: 1px solid #dbe3ec; color: #334155; }
html[data-theme="light"] .btn-thread-action:hover { border-color: #38bdf8; color: #0f172a; background: #ffffff; }
html[data-theme="light"] .feed-toolbar { background-color: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .search-title { color: #475569; }
html[data-theme="light"] .search-title strong { color: #0f172a; }
html[data-theme="light"] .search-close-btn { background: transparent; border: 1px solid #cbd5e1; color: #334155; }
html[data-theme="light"] .search-tabs { border-bottom: 1px solid #dbe3ec; }
html[data-theme="light"] .search-tab { background: none; border: none; border-bottom: 2px solid transparent; color: #475569; }
html[data-theme="light"] .search-tab.active { color: #0f172a; border-bottom-color: #38bdf8; }
html[data-theme="light"] .search-tab:hover:not(.active) { box-shadow: none !important; color: #1e293b !important; border-color: transparent !important; }
html[data-theme="light"] .search-tab .count { color: #334155; background: #e2e8f0; }
html[data-theme="light"] .search-sort { background: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .search-sort-btn { background: none; border: none; color: #475569; }
html[data-theme="light"] .search-sort-btn.active { background: #ffffff; color: #0f172a; box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.45); }
html[data-theme="light"] .search-hint { color: #5b6b80; }
html[data-theme="light"] .sr-item { background: rgba(255, 255, 255, 0.93); border: 1px solid #dbe3ec; color: #1e293b; }
html[data-theme="light"] .sr-meta { color: #475569; }
html[data-theme="light"] .sr-kind { color: #0624b7; border: 1px solid rgba(33, 70, 248, 0.5); }
html[data-theme="light"] .sr-thread { color: #0680b7; }
html[data-theme="light"] .sr-title { color: #0f172a; }
html[data-theme="light"] .sr-snippet { color: #334155; }
html[data-theme="light"] .sr-snippet mark, html[data-theme="light"] .sr-title mark { background: rgba(56, 189, 248, 0.242); color: #0f172a; }
html[data-theme="light"] .sr-user-name { color: #0f172a; }
html[data-theme="light"] .sr-user-bio { color: #475569; }
html[data-theme="light"] .sr-community { background: rgba(255, 255, 255, 0.93); border: 1px solid #dbe3ec; }
html[data-theme="light"] .sr-community-name { background: none; border: none; color: #0680b7; }
html[data-theme="light"] .sr-community-name:hover { box-shadow: none !important; }
html[data-theme="light"] .sr-empty { color: #475569; }
@media (max-width: 768px), (pointer: coarse) and (max-height: 500px) {
html[data-theme="light"] .search-view { background: rgba(255, 255, 255, 0.96); border: 1px solid #dbe3ec; }
}
html[data-theme="light"] .discovery-results-box { background-color: #ffffff; border: 1px solid #38bdf8; }
html[data-theme="light"] .discovery-item { background-color: #f8fafc; }
html[data-theme="light"] .card { background-color: #ffffff; border: 1px solid #dbe3ec; box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.03); }
html[data-theme="light"] h2 { color: #0680b7; }
html[data-theme="light"] label { color: #475569; }
html[data-theme="light"] select, html[data-theme="light"] textarea, html[data-theme="light"] input[type="text"], html[data-theme="light"] input[type="email"], html[data-theme="light"] input[type="password"] { background-color: #ffffff; border: 1px solid #dbe3ec; color: #0f172a; outline: none; }
html[data-theme="light"] select:focus, html[data-theme="light"] textarea:focus, html[data-theme="light"] input:focus { border-color: #38bdf8; box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.068); }
html[data-theme="light"] select:focus, html[data-theme="light"] textarea:focus, html[data-theme="light"] input:focus { border-color: #38bdf8; }
html[data-theme="light"] button { background-color: #0284c7; color: #ffffff; border: none; }
html[data-theme="light"] button:hover { background-color: #0369a1; }
html[data-theme="light"] button.secondary { background-color: transparent; border: 1px solid #cbd5e1; color: #475569; }
html[data-theme="light"] button.secondary:hover { background-color: #e2e8f0; color: #0f172a; }
html[data-theme="light"] button.danger { background-color: #dc2626; color: #ffffff; }
html[data-theme="light"] button.danger:hover { background-color: #b91c1c; }
html[data-theme="light"] .auth-bar { background-color: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .auth-status { color: #475569; }
html[data-theme="light"] .auth-status strong { color: #0680b7; }
html[data-theme="light"] .editor-tool-btn { background-color: #f8fafc; border: 1px solid #cbd5e1; color: #0680b7; }
html[data-theme="light"] .editor-tool-btn:hover { background-color: #e2e8f0; border-color: #38bdf8; color: #0f172a; }
html[data-theme="light"] .post-photo-preview { background-color: #f8fafc; border: 1px dashed #38bdf8; color: #1e293b; }
html[data-theme="light"] .post-media-thumb { background: #ffffff; border: 1px solid #dbe3ec; }
html[data-theme="light"] .post-media-loading { background: linear-gradient(90deg, #ffffff, #e2e8f0, #ffffff); }
html[data-theme="light"] .post-media-badge { background: rgba(255, 255, 255, 0.86); color: #1e293b; }
html[data-theme="light"] .post-media-order { background: rgba(255, 255, 255, 0.86); color: #0680b7; }
html[data-theme="light"] .post-media-btn { border: none; background: rgba(255, 255, 255, 0.86); color: #0f172a; }
html[data-theme="light"] .post-media-remove { background: rgba(127, 29, 29, 0.935); }
html[data-theme="light"] .post-item { background-color: #f8fafc; border: 1px solid #e2e8f0; border-left: 3px solid #0284c7; }
html[data-theme="light"] .post-item:hover { border-color: #dbe3ec; border-left-color: #38bdf8; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.075); }
html[data-theme="light"] .post-item.pinned-post { border: 1px solid rgba(234, 179, 8, 0.35); border-left: 3px solid #eab308; background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); }
html[data-theme="light"] .vote-box { background: #ffffff; border: 1px solid #dbe3ec; }
html[data-theme="light"] .vote-btn { background: transparent; border: none; color: #475569; }
html[data-theme="light"] .vote-btn:hover { color: #0680b7; }
html[data-theme="light"] .vote-btn.upvoted { color: #1aa24c !important; }
html[data-theme="light"] .vote-btn.downvoted { color: #af0e0e !important; }
html[data-theme="light"] .vote-score { color: #0f172a; }
html[data-theme="light"] .post-meta { color: #5b6b80; }
html[data-theme="light"] .post-author-avatar { border: 1px solid #38bdf8; background: #ffffff; }
html[data-theme="light"] .post-author { color: #0680b7; }
html[data-theme="light"] .post-content { color: #1e293b; }
html[data-theme="light"] .post-content a { color: #0680b7; }
html[data-theme="light"] .post-img-thumb { border: 1px solid #dbe3ec; }
html[data-theme="light"] .media-carousel { border: 1px solid #dbe3ec; background: #eef2f7; }
html[data-theme="light"] .media-track { outline: none; }
html[data-theme="light"] .media-track:focus-visible { box-shadow: inset 0 0 0 2px rgba(56, 189, 248, 0.45); }
html[data-theme="light"] .media-nav { border: 1px solid rgba(15, 23, 42, 0.12); background: rgba(255, 255, 255, 0.78); color: #0f172a; }
html[data-theme="light"] .media-counter { background: rgba(255, 255, 255, 0.83); color: #1e293b; }
html[data-theme="light"] .media-dot { border: none; background: rgba(15, 23, 42, 0.12); box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .media-dot.active { background: #38bdf8; }
html[data-theme="light"] .video-wrap { background: #eef2f7; border: 1px solid #dbe3ec; }
html[data-theme="light"] .video-wrap.in-carousel { border: none; }
html[data-theme="light"] .inline-video { background: #eef2f7; }
html[data-theme="light"] .video-center-play { border: 1px solid rgba(15, 23, 42, 0.12); background: rgba(255, 255, 255, 0.68); color: #0f172a; }
html[data-theme="light"] .video-wrap .video-center-play:hover:not(:disabled) { background: rgba(2, 132, 199, 0.935) !important; }
html[data-theme="light"] .video-btn { border: none; background: rgba(255, 255, 255, 0.73); color: #0f172a; }
html[data-theme="light"] .video-btn:hover { background: rgba(2, 132, 199, 0.935); }
html[data-theme="light"] .video-progress::before { background: rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .video-progress-bar { background: #38bdf8; }
html[data-theme="light"] .video-error { background: rgba(255, 255, 255, 0.93); color: #b70606; }
html[data-theme="light"] .video-error a { color: #0680b7; }
html[data-theme="light"] .welcome-diagram { background-color: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .diagram-badge { background-color: #0284c7; color: #fff; }
html[data-theme="light"] .btn-post-action { background: none; border: 1px solid #cbd5e1; color: #475569; }
html[data-theme="light"] .btn-post-action:hover { background-color: #e2e8f0; color: #0f172a; }
html[data-theme="light"] .btn-post-action.danger-text:hover { border-color: #ef4444; color: #af0e0e; background: transparent; }
html[data-theme="light"] .no-posts { color: #5b6b80; }
html[data-theme="light"] .clickable-username:hover, html[data-theme="light"] .clickable-thread:hover { color: #047eb9 !important; }
html[data-theme="light"] .clickable-thread { color: #0680b7; }
html[data-theme="light"] .post-community.clickable-thread { background: #f8fafc; border: 1px solid #dbe3ec; color: #0680b7; }
html[data-theme="light"] .post-community.clickable-thread:hover { border-color: #38bdf8; color: #047eb9 !important; }
html[data-theme="light"] .profile-card-pfp { border: 3px solid #38bdf8; background-color: #f8fafc; }
html[data-theme="light"] .profile-card-user { color: #0f172a; }
html[data-theme="light"] .profile-score-badge { background: #f8fafc; border: 1px solid #dbe3ec; color: #0680b7; }
html[data-theme="light"] button.btn-friend-added { background-color: #ffffff !important; border: 1px solid #22c55e !important; color: #1aa24c !important; }
html[data-theme="light"] button.btn-friend-added:hover { background-color: #f8fafc !important; border-color: #ef4444 !important; color: #af0e0e !important; }
html[data-theme="light"] .unadd-confirm-box { background-color: #f8fafc; border: 1px solid #ef4444; }
html[data-theme="light"] .user-feed-section { border-top: 1px solid #dbe3ec; }
html[data-theme="light"] .user-feed-title { color: #475569; }
html[data-theme="light"] .private-account-notice { background-color: #f8fafc; border: 1px dashed #cbd5e1; color: #475569; }
html[data-theme="light"] .settings-nav-tabs { border-bottom: 1px solid #dbe3ec; }
html[data-theme="light"] .settings-tab-btn { background: none; border: none; border-bottom: 2px solid transparent; color: #475569; }
html[data-theme="light"] .settings-tab-btn.active { color: #0680b7; border-bottom-color: #38bdf8; background: transparent; }
html[data-theme="light"] .setting-toggle-row { background-color: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .setting-toggle-title { color: #0f172a; }
html[data-theme="light"] .setting-toggle-desc { color: #475569; }
html[data-theme="light"] .notif-item { background-color: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .notif-item.unread { border-left: 4px solid #38bdf8; background-color: #172554; }
html[data-theme="light"] .notif-text { color: #1e293b; }
html[data-theme="light"] .notif-mod-tag { color: #a57803; border: 1px solid rgba(251, 191, 36, 0.5); }
html[data-theme="light"] .notif-time { color: #475569; }
html[data-theme="light"] .telemetry-pill { background: #ffffff; border: 1px solid #38bdf8; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.135); color: #0f172a; }
html[data-theme="light"] .telemetry-pill:hover { background: #f8fafc; border-color: #1fb3fa; }
html[data-theme="light"] .telemetry-drawer { background: #ffffff; border: 1px solid #dbe3ec; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.15); }
html[data-theme="light"] .telemetry-drawer-header { color: #0680b7; border-bottom: 1px solid #dbe3ec; }
html[data-theme="light"] .btn-hud-close { background: none; border: none; color: #475569; }
html[data-theme="light"] .desktop-fab { background-color: #38bdf8; color: #0f172a; border: none; box-shadow: 0 4px 14px rgba(56, 189, 248, 0.18); }
html[data-theme="light"] .desktop-fab:hover { background-color: #7dd3fc; }
html[data-theme="light"] .badge-green { background-color: #16a34a; color: #ffffff; }
html[data-theme="light"] .badge-red { background-color: #dc2626; color: #ffffff; }
html[data-theme="light"] .badge-purple { background-color: #9333ea; color: #ffffff; }
html[data-theme="light"] .badge-yellow { background-color: #ca8a04; color: #ffffff; }
html[data-theme="light"] .badge-blue { background-color: #0284c7; color: #ffffff; }
html[data-theme="light"] .msg-pending-banner { background-color: #0c4a6e; border: 1px solid #0284c7; color: #0670b7; }
html[data-theme="light"] .msg-bubble.pending-approval { border: 1px dashed #94a3b8 !important; }
html[data-theme="light"] .pending-tag { background: #e2e8f0; color: #334155; }
html[data-theme="light"] .btn-friend-state.secondary { background: #ffffff !important; border: 1px solid #eab308 !important; color: #a78c02 !important; }
html[data-theme="light"] .btn-friend-state.secondary:hover { background: #78350f !important; color: #a79301 !important; }
html[data-theme="light"] .captcha-canvas-wrap { border: 2px solid #38bdf8; }
html[data-theme="light"] #captchaCanvas { background-color: #f8fafc; }
html[data-theme="light"] .modal-overlay { background: rgba(255, 255, 255, 0.96); }
html[data-theme="light"] .modal-box { background-color: #ffffff; border: 1px solid #dbe3ec; box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.15); }
html[data-theme="light"] .modal-header { border-bottom: 1px solid #dbe3ec; }
html[data-theme="light"] .close-btn { background: transparent; border: none; color: #475569; }
html[data-theme="light"] .close-btn:hover { color: #0f172a; }
html[data-theme="light"] .fab-modal-overlay { background: rgba(255, 255, 255, 0.08); }
html[data-theme="light"] .fab-modal-overlay.active { background: rgba(255, 255, 255, 0.96); }
html[data-theme="light"] .fab-modal-container { background-color: #ffffff; border: 1px solid #dbe3ec; box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.18); }
@media (max-width: 768px), (pointer: coarse) and (max-height: 500px) {
html[data-theme="light"] .fab-modal-container { border: none; }
}
html[data-theme="light"] .suggest-dropdown { background: #f8fafc; border: 1px solid #38bdf8; box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.15); }
html[data-theme="light"] .suggest-item { color: #1e293b; border-bottom: 1px solid #dbe3ec; }
html[data-theme="light"] .suggest-item:hover { background: #ffffff; color: #0680b7; }
html[data-theme="light"] .perm-user-row { background-color: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .perm-user-name { color: #1e293b; }
html[data-theme="light"] .sidebar-pane { background-color: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .sidebar-section-title { color: #5b6b80; }
html[data-theme="light"] .clear-notifs-btn { background: none; border: none; color: #0680b7; }
html[data-theme="light"] .clear-notifs-btn:hover { color: #027cbb; }
html[data-theme="light"] .conv-item:hover { background-color: #ffffff; }
html[data-theme="light"] .conv-item.active { background-color: #0369a1; color: #ffffff; }
html[data-theme="light"] .back-btn { background: transparent; border: none; color: #0680b7; }
html[data-theme="light"] .req-item { background-color: #ffffff; }
html[data-theme="light"] .btn-accept { background-color: #16a34a !important; color: white !important; }
html[data-theme="light"] .btn-deny { background-color: #dc2626 !important; color: white !important; }
html[data-theme="light"] .chat-pane { background-color: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .chat-header-bar { color: #0f172a; border-bottom: 1px solid #dbe3ec; }
html[data-theme="light"] .msg-avatar { background-color: #e2e8f0; border: 1px solid #cbd5e1; }
html[data-theme="light"] .msg-mine { background-color: #0284c7; color: #fff; }
html[data-theme="light"] .msg-theirs { background-color: #e2e8f0; color: #1e293b; }
html[data-theme="light"] .msg-author { color: #0680b7; }
html[data-theme="light"] .upload-photo-label { background-color: #ffffff; border: 1px solid #cbd5e1; }
html[data-theme="light"] .upload-photo-label:hover { border-color: #38bdf8; }
html[data-theme="light"] .profile-avatar-preview { border: 3px solid #38bdf8; background-color: #f8fafc; }
html[data-theme="light"] .profile-section { border-top: 1px solid #dbe3ec; }
html[data-theme="light"] .invite-code-box { background: #f8fafc; border: 1px dashed #38bdf8; color: #1e293b; }
html[data-theme="light"] .btn-copy-invite { background: #38bdf8; color: #0f172a; border: none; }
html[data-theme="light"] .btn-clear-invite { background: transparent; border: 1px solid #cbd5e1; color: #475569; }
html[data-theme="light"] .btn-clear-invite:hover { border-color: #ef4444; color: #af0e0e; background: rgba(239, 68, 68, 0.165); }
html[data-theme="light"] .btn-clear-invite { background: transparent; border: 1px solid #cbd5e1; color: #475569; }
html[data-theme="light"] .btn-clear-invite:hover { border-color: #ef4444; color: #af0e0e; background: rgba(239, 68, 68, 0.165); }
html[data-theme="light"] .live-voice-btn { background: rgba(16, 185, 129, 0.132); border: 1px solid #10b981; color: #0eae79; }
html[data-theme="light"] .live-voice-btn:hover { background: #10b981; color: #0f172a; }
html[data-theme="light"] .voice-pulse-dot { background: #10b981; box-shadow: 0 0 8px rgba(16, 185, 129, 0.45); }
html[data-theme="light"] .voice-participant-card { background: #f8fafc; border: 1px solid #e2e8f0; }
html[data-theme="light"] .voice-participant-card.is-speaking { border-color: #22c55e !important; box-shadow: 0 0 18px rgba(34, 197, 94, 0.203); }
html[data-theme="light"] .voice-participant-avatar { border: 2px solid #dbe3ec; }
html[data-theme="light"] .voice-participant-card.is-speaking .voice-participant-avatar { border-color: #22c55e; box-shadow: 0 0 12px rgba(34, 197, 94, 0.27); }
html[data-theme="light"] .voice-speaking-indicator { background: #ffffff; border: 1px solid #dbe3ec; }
html[data-theme="light"] .voice-participant-name { color: #0f172a; }
html[data-theme="light"] .voice-mod-actions-btn { background: none; border: none; color: #5b6b80; }
html[data-theme="light"] .voice-mod-actions-btn:hover { color: #0f172a; background: #ffffff; }
html[data-theme="light"] .mic-meter-wrap { background: #ffffff; border: 1px solid #dbe3ec; }
html[data-theme="light"] .mic-meter-fill { background: linear-gradient(90deg, #10b981, #38bdf8, #ef4444); }
html[data-theme="light"] .live-chat-btn { background: rgba(16, 185, 129, 0.11); border: 1px solid #10b981; color: #0eae79; }
html[data-theme="light"] .live-chat-btn:hover { background: #10b981; color: #0f172a; }
html[data-theme="light"] .live-pulse { background: #10b981; box-shadow: 0 0 8px rgba(16, 185, 129, 0.45); }
html[data-theme="light"] .live-chat-btn.locked { background: rgba(220, 38, 38, 0.11); border-color: #dc2626; color: #a41919; }
html[data-theme="light"] .live-chat-btn.locked:hover { background: #dc2626; color: #0f172a; }
html[data-theme="light"] .live-pulse.locked { background: #dc2626; box-shadow: 0 0 8px rgba(220, 38, 38, 0.45); }
html[data-theme="light"] .edited-badge { background: #ffffff; border: 1px dashed #cbd5e1; color: #475569; }
html[data-theme="light"] .edited-badge:hover { color: #0680b7; border-color: #38bdf8; }
html[data-theme="light"] .mention { color: #047eb9; background: rgba(56, 189, 248, 0.11); }
html[data-theme="light"] .mention:hover { background: rgba(56, 189, 248, 0.242); }
html[data-theme="light"] #mention-popup { background: #f8fafc; border: 1px solid #38bdf8; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.165); }
html[data-theme="light"] #mention-popup .mention-opt { background: transparent; border: 0; color: #1e293b; }
html[data-theme="light"] #mention-popup .mention-opt.active, html[data-theme="light"] #mention-popup .mention-opt:hover { background: #ffffff; color: #047eb9; }
html[data-theme="light"] .reaction-chip, html[data-theme="light"] .reaction-add { background: #f8fafc; border: 1px solid #dbe3ec; color: #334155; }
html[data-theme="light"] .reaction-chip:hover, html[data-theme="light"] .reaction-add:hover { background: #ffffff; border-color: #cbd5e1; }
html[data-theme="light"] .reaction-chip.mine { border-color: #38bdf8; background: rgba(56, 189, 248, 0.154); color: #0670b7; }
html[data-theme="light"] .reaction-add { color: #475569; }
html[data-theme="light"] #reaction-picker { background: #f8fafc; border: 1px solid #38bdf8; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.165); }
html[data-theme="light"] #reaction-picker button { background: transparent; border: 0; }
html[data-theme="light"] #reaction-picker button:hover, html[data-theme="light"] #reaction-picker button:focus-visible, html[data-theme="light"] #reaction-picker button.mine { background: #ffffff; }
html[data-theme="light"] .btn-post-action.saved { color: #a57803; }
html[data-theme="light"] .saved-note { color: #475569; }
html[data-theme="light"] .saved-row { background: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .saved-head { color: #475569; }
html[data-theme="light"] .saved-text { color: #1e293b; }
html[data-theme="light"] .new-chip { background: rgba(34, 197, 94, 0.165); border: 1px solid #22c55e; color: #1ca14c; }
html[data-theme="light"] .composer-draft-status { color: #5b6b80; }
html[data-theme="light"] .composer-drafts-btn { background: transparent; border: 1px solid #cbd5e1; color: #334155; }
html[data-theme="light"] .composer-drafts-btn .count { background: #e2e8f0; color: #1e293b; }
html[data-theme="light"] .composer-review-note { color: #a68503; background: rgba(251, 191, 36, 0.088); border: 1px solid rgba(251, 191, 36, 0.35); }
html[data-theme="light"] .drafts-panel-head strong { color: #0f172a; }
html[data-theme="light"] .drafts-back-btn { background: transparent; border: 1px solid #cbd5e1; color: #334155; }
html[data-theme="light"] .draft-row { background: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .draft-row.current { border-color: #38bdf8; }
html[data-theme="light"] .draft-open { background: none; border: none; color: #1e293b; }
html[data-theme="light"] .draft-meta { color: #475569; }
html[data-theme="light"] .draft-del { background: none; border: none; color: #475569; }
html[data-theme="light"] .draft-del:hover { color: #b40808 !important; }
html[data-theme="light"] .drafts-empty { color: #475569; }
html[data-theme="light"] .drafts-note { color: #5b6b80; }
html[data-theme="light"].pond-first body { background: radial-gradient(ellipse at 50% 40%, #0e4a5c 0%, #0a2f3e 55%, #f8fafc 100%) fixed; }
html[data-theme="light"].pond-first body::after { color: rgba(6, 112, 183, 0.75); }
html[data-theme="light"] .pond-view-back { background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; }
html[data-theme="light"] .pond-view-title { background: rgba(255, 255, 255, 0.63); }
html[data-theme="light"] .pond-view-title strong { color: #0f172a; }
html[data-theme="light"] .pond-view-title span { color: #334155; }
html[data-theme="light"] .pond-swimmer { background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; }
html[data-theme="light"] .pond-swimmer.mine { border-color: rgba(250, 204, 21, 0.6); }
html[data-theme="light"] .pond-swimmer small { color: #475569; }
html[data-theme="light"] .pond-view-hint { background: rgba(255, 255, 255, 0.63); color: #1e293b; }
html[data-theme="light"] .swim-back { background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(15, 23, 42, 0.12); color: #0f172a; }
html[data-theme="light"] .swim-title { background: rgba(255, 255, 255, 0.8); }
html[data-theme="light"] .swim-title strong { color: #0f172a; }
html[data-theme="light"] .swim-sub { color: #334155; }
html[data-theme="light"] .swim-zone { color: #4b9b6c; background: #4ade80; }
html[data-theme="light"] .swim-zone[data-zone="pve"] { color: #431407; background: #fbbf24; }
html[data-theme="light"] .swim-zone[data-zone="pvp"] { color: #bd000d; background: #e11d48; box-shadow: 0 0 8px rgba(225, 29, 72, 0.248); }
html[data-theme="light"] .swim-zone[data-zone="duel"] { color: #5e00bd; background: #9333ea; }
html[data-theme="light"] .swim-title[data-zone="safe"] { box-shadow: inset 3px 0 0 rgba(74, 222, 128, 0.45); }
html[data-theme="light"] .swim-title[data-zone="pve"] { box-shadow: inset 3px 0 0 rgba(251, 191, 36, 0.45); }
html[data-theme="light"] .swim-title[data-zone="pvp"] { box-shadow: inset 3px 0 0 rgba(225, 29, 72, 0.45); }
html[data-theme="light"] .swim-title[data-zone="duel"] { box-shadow: inset 3px 0 0 rgba(147, 51, 234, 0.45); }
html[data-theme="light"] .swim-shop-btn { background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(250, 204, 21, 0.6); color: #a58403; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12), 0 0 12px rgba(250, 204, 21, 0.113); }
html[data-theme="light"] .swim-shop-btn svg { filter: drop-shadow(0 0 3px rgba(250, 204, 21, 0.27)); }
html[data-theme="light"] .swim-shop-btn[aria-expanded="true"] { background: #facc15; color: #1e293b; }
html[data-theme="light"] .swim-gear-btn { background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .swim-gear-btn[aria-expanded="true"] { background: #334155; color: #1e293b; }
html[data-theme="light"] .swim-gear-btn.muted { color: #475569; }
html[data-theme="light"] .swim-settings { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(15, 23, 42, 0.12); box-shadow: 0 12px 28px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .swim-set-row { background: transparent; border: none; color: #0f172a; }
html[data-theme="light"] .swim-set-row:hover, html[data-theme="light"] .swim-set-row:focus-visible { background: rgba(15, 23, 42, 0.098); }
html[data-theme="light"] .swim-set-text small { color: #475569; }
html[data-theme="light"] .swim-switch { background: #cbd5e1; }
html[data-theme="light"] .swim-switch::after { background: #0f172a; }
html[data-theme="light"] .swim-set-row[aria-checked="true"] .swim-switch { background: #22c55e; }
html[data-theme="light"] .swim-set-go { color: #475569; }
html[data-theme="light"] .swim-pad-cursor { border: 3px solid #facc15; box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.18), 0 4px 14px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .swim-pad-cursor::after { background: #facc15; }
html[data-theme="light"] .swim.pad-active :focus { outline: 3px solid #facc15 !important; }
html[data-theme="light"] .swim-padhelp { background: rgba(255, 255, 255, 0.68); }
html[data-theme="light"] .swim-padhelp-box { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(15, 23, 42, 0.12); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18); color: #1e293b; }
html[data-theme="light"] .swim-padhelp-box h2 { color: #0f172a; }
html[data-theme="light"] .padhelp-head { color: #475569; }
html[data-theme="light"] .padhelp-list dt { background: rgba(15, 23, 42, 0.112); border: 1px solid rgba(15, 23, 42, 0.12); color: #0f172a; }
html[data-theme="light"] .padhelp-list dd { color: #334155; }
html[data-theme="light"] .swim-padhelp-ok { background: #0284c7; border: none; color: #fff; }
html[data-theme="light"] .swim-story { background: #eef2f7; }
html[data-theme="light"] .swim-story.world { background: transparent; }
html[data-theme="light"] .story-kicker { color: #1e293b; text-shadow: 0 2px 6px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .story-skip { background: rgba(255, 255, 255, 0.83); border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; }
html[data-theme="light"] .story-box { background: #f1f1e4; border: 4px solid #dbe3ec; box-shadow: inset 0 0 0 3px rgba(253, 253, 251, 0.45), inset 0 0 0 6px rgba(15, 23, 42, 0.12), 0 10px 24px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .story-name { background: #e2e8f0; color: #0f172a; }
html[data-theme="light"] .story-name.pip { background: #c2410c; }
html[data-theme="light"] .story-name.gloam { background: #312e81; }
html[data-theme="light"] .story-text { color: #1e293b; }
html[data-theme="light"] .story-more { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid #dbe3ec; }
html[data-theme="light"] .story-card { color: #0f172a; text-shadow: 0 2px 12px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .story-card small { color: #a68503; }
html[data-theme="light"] .story-card span { border-top: 1px solid rgba(15, 23, 42, 0.12); color: #334155; }
html[data-theme="light"] .swim-goal { background: rgba(255, 255, 255, 0.82); border: 1px solid rgba(251, 191, 36, 0.6); color: #a68503; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .swim-join-pill { background: rgba(255, 255, 255, 0.9); border: 1px solid rgba(56, 189, 248, 0.55); color: #0670b7; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .swim-join-pill .pill-go, html[data-theme="light"] .swim-join-go { background: #0284c7; border: 1px solid #38bdf8; color: #fff; }
html[data-theme="light"] .swim-join-pill .pill-login, html[data-theme="light"] .swim-join-login { background: none !important; border: none !important; color: #047eb9; }
html[data-theme="light"] .swim-join-pill .pill-x { background: none !important; border: none !important; color: #475569; }
html[data-theme="light"] .goal-mark { background: #fbbf24; box-shadow: 0 0 8px rgba(251, 191, 36, 0.36); }
html[data-theme="light"] .goal-sub { color: #334155; }
html[data-theme="light"] .swim-story-row { background: rgba(251, 191, 36, 0.11); border: 1px solid rgba(251, 191, 36, 0.4); }
html[data-theme="light"] .story-row-title { color: #a57803; }
html[data-theme="light"] .swim-story-row strong { color: #0f172a; }
html[data-theme="light"] .swim-story-row small { color: #334155; }
html[data-theme="light"] .story-again { background: none; border: 1px solid rgba(251, 191, 36, 0.6); color: #a68503; }
html[data-theme="light"] .swim-talk-box { background: #f1f1e4; border: 4px solid #dbe3ec; box-shadow: inset 0 0 0 3px rgba(253, 253, 251, 0.45), inset 0 0 0 6px rgba(15, 23, 42, 0.12), 0 10px 24px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .swim-talk-name { background: #e2e8f0; color: #0f172a; }
html[data-theme="light"] .swim-talk-text { color: #1e293b; }
html[data-theme="light"] .swim-talk-more { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid #dc2626; }
html[data-theme="light"] .swim-talk-menu { background: #f1f1e4; border: 4px solid #dbe3ec; box-shadow: inset 0 0 0 3px rgba(253, 253, 251, 0.45), inset 0 0 0 6px rgba(15, 23, 42, 0.12), 0 10px 24px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .swim-talk-choice { background: transparent; border: none; color: #1e293b; }
html[data-theme="light"] .swim-talk-choice.sel::before, html[data-theme="light"] .swim-talk-choice:hover::before, html[data-theme="light"] .swim-talk-choice:focus-visible::before { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #e2e8f0; }
html[data-theme="light"] .swim-talk-choice:focus-visible { outline: 2px solid #94a3b8; }
html[data-theme="light"] .swim-bag-btn { background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(217, 160, 91, 0.7); color: #935f16; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .swim-bag-btn[aria-expanded="true"] { background: #e9b872; color: #3b2412; }
html[data-theme="light"] .swim-board-btn { background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(163, 230, 53, 0.65); color: #74af0e; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .swim-board-btn[aria-expanded="true"] { background: #a3e635; color: #749b4b; }
html[data-theme="light"] .swim-garden-btn { background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(52, 228, 116, 0.7); color: #15a84a; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .swim-garden-btn[aria-expanded="true"] { background: #86efac; color: #4b9b6c; }
html[data-theme="light"] .swim-garden-btn.fresh::after { background: #4ade80; box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .swim-games-btn { background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(88, 35, 246, 0.7); color: #2a05b8; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .swim-games-btn[aria-expanded="true"] { background: #a78bfa; color: #1e1b4b; }
html[data-theme="light"] .swim-games-btn.live { box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.158), 0 4px 14px rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .swim-games-btn.fresh::after { background: #a78bfa; box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .swim-bag-btn.news { box-shadow: 0 0 0 2px rgba(233, 184, 114, 0.45), 0 0 16px rgba(233, 184, 114, 0.338); }
html[data-theme="light"] .swim-bag { background: rgba(255, 255, 255, 0.68); }
html[data-theme="light"] .swim-bag-box { background: linear-gradient(180deg, #7a4f2a, #5c3a1d); border: 3px solid #3b2412; box-shadow: inset 0 2px 0 rgba(255, 220, 170, 0.113), 0 24px 60px rgba(15, 23, 42, 0.18); outline: none; }
html[data-theme="light"] .swim-bag-head h2 { color: #a36706; text-shadow: 2px 2px 0 rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .swim-bag-x { background: rgba(255, 255, 255, 0.28); border: 1px solid rgba(247, 166, 34, 0.45); color: #a36706; }
html[data-theme="light"] .swim-bag-shelves { border: 4px solid #3b2412; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.22) 0 2px, transparent 2px 26px), linear-gradient(180deg, #f0e8e2, #3d2512); box-shadow: inset 0 6px 12px rgba(15, 23, 42, 0.15); }
html[data-theme="light"] .swim-bag-slot { border: none; background: linear-gradient(180deg, transparent 70px, #b07a48 70px, #8b5a2b 73px, #6b4320 80px, rgba(255, 255, 255, 0.48) 80px, transparent 84px); color: inherit; }
html[data-theme="light"] .swim-bag-slot canvas { filter: drop-shadow(0 3px 2px rgba(15, 23, 42, 0.15)); }
html[data-theme="light"] .swim-bag-slot[data-key]::before { background: radial-gradient(ellipse at 50% 75%, rgba(253, 224, 160, 0.44), transparent 72%); }
html[data-theme="light"] .swim-bag-slot[aria-pressed="true"]::before { box-shadow: 0 0 0 2px rgba(253, 233, 200, 0.45); }
html[data-theme="light"] .swim-bag-slot:focus-visible { outline: 2px solid #f7a622; }
html[data-theme="light"] .swim-bag-n { color: #a36706; text-shadow: 1px 1px 0 rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .swim-bag-info { background: #f9f0dc; border: 3px solid #3b2412; box-shadow: inset 0 0 0 2px rgba(224, 196, 143, 0.45); color: #3b2412; }
html[data-theme="light"] .swim-bag-name { color: #3b2412; }
html[data-theme="light"] .swim-bag-qty { color: #7c5a36; }
html[data-theme="light"] .swim-bag-about { color: #4a2f17; }
html[data-theme="light"] .swim-bag-use { background: #16a34a; border: 2px solid #14532d; color: #15a842; box-shadow: 0 3px 0 rgba(20, 83, 45, 0.45); }
html[data-theme="light"] .swim-bag-use.off { background: #a39d99; border-color: #ccc9c5; box-shadow: 0 3px 0 rgba(15, 23, 42, 0.18); color: #0f172a; }
html[data-theme="light"] .swim-read { background: rgba(255, 255, 255, 0.63); }
html[data-theme="light"] .swim-read-box { background: linear-gradient(180deg, #7b736e, #a39d99); border: 4px solid #ccc9c5; box-shadow: inset 0 2px 0 rgba(15, 23, 42, 0.03), inset 0 -3px 0 rgba(15, 23, 42, 0.075), 0 20px 50px rgba(15, 23, 42, 0.18); color: #0f172a; outline: none; }
html[data-theme="light"] .swim-read-title { color: #7a6e6b; text-shadow: 0 1px 0 rgba(15, 23, 42, 0.042); }
html[data-theme="light"] .swim-read-text { color: #0f172a; text-shadow: 0 1px 0 rgba(15, 23, 42, 0.036); }
html[data-theme="light"] .swim-read-count { color: #7a736c; }
html[data-theme="light"] .swim-read-x { background: #ccc9c5; border: 2px solid #e0dddc; color: #0f172a; }
html[data-theme="light"] .swim-bag-worn { background: rgba(255, 255, 255, 0.3); border: 2px solid #3b2412; }
html[data-theme="light"] .swim-bag-worn-label { color: #a36706; }
html[data-theme="light"] .swim-bag-worn-slot { background: radial-gradient(circle, rgba(253, 224, 160, 0.242), rgba(255, 255, 255, 0.38)); border: 2px solid #e9b872; }
html[data-theme="light"] .swim-bag-worn-slot:disabled { border-color: rgba(233, 184, 114, 0.45); background: rgba(255, 255, 255, 0.33); }
html[data-theme="light"] .swim-bag-worn-slot[aria-pressed="true"] { box-shadow: 0 0 0 2px rgba(253, 233, 200, 0.45), 0 0 12px rgba(253, 224, 160, 0.27); }
html[data-theme="light"] .swim-bag-worn-slot canvas { filter: drop-shadow(0 2px 1px rgba(15, 23, 42, 0.15)); }
html[data-theme="light"] .swim-bag-worn.swap .swim-bag-worn-label { color: #a57803; }
html[data-theme="light"] .swim-bag-worn.swap .swim-bag-worn-slot:not(:disabled) { box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.45), 0 0 12px rgba(251, 191, 36, 0.248); }
html[data-theme="light"] .swim-bag-slot:hover:not(:disabled), html[data-theme="light"] .swim-talk-choice:hover:not(:disabled) { box-shadow: none !important; border-color: transparent !important; }
html[data-theme="light"] .swim-talk-choice:hover:not(:disabled) { color: #1e293b !important; }
html[data-theme="light"] .swim-bag-use:hover:not(:disabled) { box-shadow: 0 3px 0 rgba(20, 83, 45, 0.45) !important; border-color: #14532d !important; color: #15a842 !important; background: #15803d; }
html[data-theme="light"] .swim-buff { background: rgba(255, 255, 255, 0.8); border: 1px solid var(--c); color: #0f172a; }
html[data-theme="light"] .swim-buff::before { background: var(--c); box-shadow: 0 0 6px var(--c); }
html[data-theme="light"] .swim-map { border: 1px solid rgba(15, 23, 42, 0.12); box-shadow: 0 6px 16px rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .swim-pearls, html[data-theme="light"] .swim-quests-btn { background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(15, 23, 42, 0.12); color: #0f172a; }
html[data-theme="light"] .swim-pearls.all { border-color: #f9203f; }
html[data-theme="light"] .swim-level { background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(15, 23, 42, 0.12); color: #0f172a; }
html[data-theme="light"] .lv-ring circle { fill: none; }
html[data-theme="light"] .lv-track { stroke: rgba(71, 85, 105, 0.28); }
html[data-theme="light"] .lv-fill { stroke: #6eab11; filter: drop-shadow(0 0 2px rgba(163, 230, 53, 0.248)); }
html[data-theme="light"] .swim-level-num { color: #74af0e; text-shadow: 1px 1px 0 rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .swim-level[aria-expanded="true"] { border-color: #a3e635; }
html[data-theme="light"] .swim-level.up { border-color: #a3e635; box-shadow: 0 0 0 0 rgba(163, 230, 53, 0.27); }
html[data-theme="light"] .swim-prog { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(15, 23, 42, 0.12); box-shadow: 0 12px 28px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .swim-prog-x, html[data-theme="light"] .room-x { background: none; border: 1px solid rgba(15, 23, 42, 0.12); color: #334155; }
html[data-theme="light"] .prog-badge { background: radial-gradient(circle at 35% 30%, #d9f99d, #65a30d 70%); box-shadow: inset 0 -3px 0 rgba(15, 23, 42, 0.075), 0 0 14px rgba(132, 204, 22, 0.158); }
html[data-theme="light"] .prog-num { color: #749b4b; text-shadow: 1px 1px 0 rgba(15, 23, 42, 0.042); }
html[data-theme="light"] .prog-title { color: #0f172a; }
html[data-theme="light"] .prog-bar { background: rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .prog-bar i { background: linear-gradient(90deg, #65a30d, #a3e635); }
html[data-theme="light"] .prog-xp { color: #475569; }
html[data-theme="light"] .prog-list { border-top: 1px solid rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .prog-list li { border-top: 1px solid rgba(15, 23, 42, 0.084); }
html[data-theme="light"] .prog-list li:first-child { border-top: none; }
html[data-theme="light"] .prog-lv { border: 2px solid rgba(163, 230, 53, 0.55); color: #74af0e; }
html[data-theme="light"] .prog-what strong { color: #0f172a; }
html[data-theme="light"] .prog-what small { color: #70a914; }
html[data-theme="light"] .prog-note { border-top: 1px solid rgba(15, 23, 42, 0.105); color: #475569; }
html[data-theme="light"] .prog-tabs { background: rgba(15, 23, 42, 0.098); }
html[data-theme="light"] .prog-tab { background: none; border: 0; color: #334155; }
html[data-theme="light"] .prog-tab[aria-selected="true"] { background: #a3e635; color: #749b4b; }
html[data-theme="light"] .board-kinds button { background: rgba(15, 23, 42, 0.07); border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; }
html[data-theme="light"] .board-kinds button[aria-checked="true"] { border-color: #a3e635; color: #78b20a; background: rgba(163, 230, 53, 0.132); }
html[data-theme="light"] .board-row + .board-row { border-top: 1px solid rgba(15, 23, 42, 0.07); }
html[data-theme="light"] .board-row.mine { background: rgba(163, 230, 53, 0.143); box-shadow: inset 0 0 0 1px rgba(163, 230, 53, 0.203); }
html[data-theme="light"] .board-place { color: #334155; }
html[data-theme="light"] .board-place[data-medal="1"] { background: linear-gradient(#fde68a, #f59e0b); color: #422006; }
html[data-theme="light"] .board-place[data-medal="2"] { background: linear-gradient(#1e293b, #64748b); color: #1e293b; }
html[data-theme="light"] .board-place[data-medal="3"] { background: linear-gradient(#fed7aa, #c2410c); color: #431407; }
html[data-theme="light"] .board-pfp { background: #e2e8f0 center / cover no-repeat; color: #1e293b; }
html[data-theme="light"] .board-name { color: #0f172a; }
html[data-theme="light"] .board-val { color: #74af0e; }
html[data-theme="light"] .board-gap { color: #5b6b80; }
html[data-theme="light"] .board-note { color: #475569; }
html[data-theme="light"] .swim-quests-btn svg { color: #a57803; }
html[data-theme="light"] .swim-quests-btn.all, html[data-theme="light"] .swim-quests-btn[aria-expanded="true"] { border-color: #fbbf24; }
html[data-theme="light"] .swim-quests { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(15, 23, 42, 0.12); box-shadow: 0 12px 28px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .swim-quests-head strong { color: #0f172a; }
html[data-theme="light"] .swim-quests-x { background: none; border: 1px solid rgba(15, 23, 42, 0.12); color: #334155; }
html[data-theme="light"] .swim-quests-list li { border-top: 1px solid rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .swim-quests-list li:first-child { border-top: none; }
html[data-theme="light"] .swim-quest-mark { border: 2px solid rgba(15, 23, 42, 0.12); color: #0f172a; }
html[data-theme="light"] .swim-quests-list li.done .swim-quest-mark { background: #fbbf24; border-color: #fbbf24; }
html[data-theme="light"] .swim-quest-text strong { color: #0f172a; }
html[data-theme="light"] .swim-quests-list li.done .swim-quest-text strong { color: #475569; }
html[data-theme="light"] .swim-quest-text small { color: #475569; }
html[data-theme="light"] .swim-quests-note { border-top: 1px solid rgba(15, 23, 42, 0.105); color: #475569; }
html[data-theme="light"] .swim-quest-head { color: #a68503; }
html[data-theme="light"] .swim-quest-head small { color: #475569; }
html[data-theme="light"] .swim-quest-pay { color: #b90303; }
html[data-theme="light"] .swim-elsewhere { background: rgba(255, 255, 255, 0.9); }
html[data-theme="light"] .swim-elsewhere-box { background: #f8fafc; border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; }
html[data-theme="light"] .swim-elsewhere-box strong { color: #0f172a; }
html[data-theme="light"] .swim-elsewhere-box p { color: #334155; }
html[data-theme="light"] .swim-bigmap { background: rgba(255, 255, 255, 0.63); }
html[data-theme="light"] .bigmap-box { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(15, 23, 42, 0.12); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .bigmap-prev, html[data-theme="light"] .bigmap-next { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(15, 23, 42, 0.12); color: #0f172a; }
html[data-theme="light"] .bigmap-name { color: #0f172a; text-shadow: 2px 2px 0 rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .bigmap-sub { color: #a68503; }
html[data-theme="light"] .bigmap-note { color: #475569; }
html[data-theme="light"] .bigmap-go { border: 1px solid rgba(31, 179, 250, 0.6); background: rgba(14, 116, 144, 0.385); color: #0670b7; }
html[data-theme="light"] .bigmap-go::before { color: #047eb9; }
html[data-theme="light"] .swim-shop { background: rgba(255, 255, 255, 0.68); }
html[data-theme="light"] .swim-garden { background: rgba(255, 255, 255, 0.68); }
html[data-theme="light"] .swim-garden-box { background: linear-gradient(180deg, #13304a 0%, #f8fafc 100%); border: 1px solid rgba(52, 228, 116, 0.35); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .garden-view { background: #14506f; }
html[data-theme="light"] .garden-sheet { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(15, 23, 42, 0.12); box-shadow: 0 10px 26px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .gsheet-title { color: #0f172a; }
html[data-theme="light"] .gsheet-title small { color: #15a84a; }
html[data-theme="light"] .gsheet-text { color: #334155; }
html[data-theme="light"] .gacts button, html[data-theme="light"] .gsel button { background: none; border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; }
html[data-theme="light"] .gacts button.primary { background: #16a34a; border-color: #4ade80; color: #fff; }
html[data-theme="light"] .gacts button.confirm { background: #facc15; border-color: #facc15; color: #0f172a; }
html[data-theme="light"] .gseed { background: rgba(255, 255, 255, 0.88); border: 1px solid rgba(15, 23, 42, 0.12); color: #0f172a; }
html[data-theme="light"] .gseed.locked { background: rgba(255, 255, 255, 0.58); }
html[data-theme="light"] .gseed.locked .gseed-art { filter: grayscale(1) brightness(0.55); }
html[data-theme="light"] .gseed.locked .gseed-name { color: #475569; }
html[data-theme="light"] .gseed.dear b { color: #475569; }
html[data-theme="light"] .gseed-lock { background: rgba(255, 255, 255, 0.93); color: #a68503; }
html[data-theme="light"] .gseed-new { background: #16a34a; color: #15a842; }
html[data-theme="light"] .gseed-more { color: #475569; }
html[data-theme="light"] .gseed-art { background: radial-gradient(circle at 50% 70%, rgba(34, 197, 94, 0.22), rgba(255, 255, 255, 0.48)); }
html[data-theme="light"] .gseed small { color: #475569; }
html[data-theme="light"] .gseed b { color: #b90303; }
html[data-theme="light"] .gfloor { background: rgba(255, 255, 255, 0.88); border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; }
html[data-theme="light"] .gfloor.on { border-color: #34e474; box-shadow: inset 0 0 0 1.5px rgba(134, 239, 172, 0.315); }
html[data-theme="light"] .gfloor-swatch { background: linear-gradient(180deg, var(--a), var(--b)); border: 1px solid rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .gfloor small, html[data-theme="light"] .gdecor small { color: #475569; }
html[data-theme="light"] .gdecor { background: rgba(255, 255, 255, 0.88); border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; }
html[data-theme="light"] .gdecor.on { border-color: #facc15; box-shadow: inset 0 0 0 1.5px rgba(250, 204, 21, 0.315); }
html[data-theme="light"] .gsel { background: rgba(250, 204, 21, 0.132); color: #a79301; }
html[data-theme="light"] .garden-tip { color: #334155; }
html[data-theme="light"] .garden-bar button { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(52, 228, 116, 0.45); color: #0eaf45; }
html[data-theme="light"] .garden-bar button.on { background: #16a34a; color: #fff; }
html[data-theme="light"] .garden-visit { background: rgba(255, 255, 255, 0.68); }
html[data-theme="light"] .garden-visit-box { background: linear-gradient(180deg, #13304a 0%, #f8fafc 100%); border: 1px solid rgba(52, 228, 116, 0.35); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .garden-visit-x:hover { background: rgba(15, 23, 42, 0.112) !important; }
html[data-theme="light"] .garden-visit-view { background: #14506f; }
html[data-theme="light"] .garden-visit-note { color: #334155; }
html[data-theme="light"] .garden-note { color: #5b6b80; }
html[data-theme="light"] .swim-shop-box { background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%); border: 1px solid rgba(250, 204, 21, 0.28); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18); outline: none; }
html[data-theme="light"] .swim-shop-head h2 { color: #0f172a; }
html[data-theme="light"] .swim-shop-wallet { background: rgba(255, 255, 255, 0.78); border: 1px solid rgba(244, 36, 36, 0.45); color: #b70606; }
html[data-theme="light"] .swim-shop-x, html[data-theme="light"] .garden-x, html[data-theme="light"] .garden-visit-x { background: none; border: 1px solid rgba(15, 23, 42, 0.12); color: #334155; }
html[data-theme="light"] .swim-shop-note { color: #475569; }
html[data-theme="light"] .koi-edit-head strong { color: #0f172a; }
html[data-theme="light"] .koi-edit-back { background: none; border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; }
html[data-theme="light"] .koi-edit-art { background: radial-gradient(ellipse at 50% 40%, rgba(255, 255, 255, 0.63), rgba(255, 255, 255, 0.93)); box-shadow: inset 0 0 18px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .koi-edit-kinds button { background: rgba(255, 255, 255, 0.58); border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; }
html[data-theme="light"] .koi-edit-kinds button[aria-checked="true"], html[data-theme="light"] .koi-edit-sizes button[aria-checked="true"] { border-color: #facc15; background: rgba(250, 204, 21, 0.154); color: #a68503; }
html[data-theme="light"] .koi-edit-sizes { background: rgba(255, 255, 255, 0.63); }
html[data-theme="light"] .koi-edit-sizes button { border: 1px solid transparent; background: none; color: #475569; }
html[data-theme="light"] .koi-edit-remove { background: none; border: none; color: #475569; }
html[data-theme="light"] .koi-edit-status { color: #475569; }
html[data-theme="light"] .koi-edit-status.bad { color: #b70606; }
html[data-theme="light"] .swim-shop-tabs { background: rgba(255, 255, 255, 0.63); }
html[data-theme="light"] .swim-shop-tab { border: none; background: none; color: #475569; }
html[data-theme="light"] .swim-shop-tab[aria-selected="true"] { background: linear-gradient(180deg, #fde047, #eab308); color: #1e293b; box-shadow: 0 2px 0 rgba(161, 98, 7, 0.45); }
html[data-theme="light"] .swim-shop-tab:hover:not([aria-selected="true"]) { background: rgba(15, 23, 42, 0.098); color: #1e293b; }
html[data-theme="light"] .fit-stage { box-shadow: 0 8px 16px rgba(15, 23, 42, 0.165); background: radial-gradient(ellipse at 50% 40%, #1d4a6b, #f8fafc); border: 1px solid rgba(31, 179, 250, 0.3); }
html[data-theme="light"] .fit-note { color: #475569; }
html[data-theme="light"] .tank-slot { background: rgba(255, 255, 255, 0.78); border: 1px solid rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .tank-pick { color: #475569; }
html[data-theme="light"] .tank-pick.kind { color: #a78c02; }
html[data-theme="light"] .tank-pick select { border: 1px solid rgba(15, 23, 42, 0.12); background: #f8fafc; color: #1e293b; }
html[data-theme="light"] .tank-status { color: #334155; }
html[data-theme="light"] .wpn-note { color: #475569; }
html[data-theme="light"] .wpn-card { background: linear-gradient(180deg, #ffffff, #12223a); border: 1px solid rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .wpn-card.held { border-color: #facc15; box-shadow: inset 0 0 0 2px rgba(250, 204, 21, 0.338); }
html[data-theme="light"] .wpn-art { background: radial-gradient(ellipse at 50% 55%, rgba(56, 189, 248, 0.198), rgba(255, 255, 255, 0.53) 70%); }
html[data-theme="light"] .wpn-name { color: #0f172a; }
html[data-theme="light"] .wpn-blurb { color: #334155; }
html[data-theme="light"] .wpn-card.owned .shop-price { color: #15a84a; }
html[data-theme="light"] .swim-bite.armed { box-shadow: 0 0 0 3px rgba(250, 204, 21, 0.248), 0 6px 18px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .fit-head { color: #334155; }
html[data-theme="light"] .fit-card { background: linear-gradient(180deg, #ffffff, #12223a); border: 1px solid rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .fit-try { background: rgba(255, 255, 255, 0.48); border: none; }
html[data-theme="light"] .fit-name { color: #0f172a; }
html[data-theme="light"] .fit-card[data-rarity="uncommon"] { border-color: rgba(74, 222, 128, 0.45); }
html[data-theme="light"] .fit-card[data-rarity="rare"] { border-color: rgba(96, 165, 250, 0.55); }
html[data-theme="light"] .fit-card[data-rarity="epic"] { border-color: rgba(140, 31, 250, 0.6); background: linear-gradient(180deg, #2a1f4d, #f8fafc); }
html[data-theme="light"] .fit-card[data-rarity="exclusive"] { border-color: rgba(238, 42, 145, 0.7); background: linear-gradient(160deg, #3b1740, #172554 60%, #0f2a3d); box-shadow: 0 0 14px rgba(244, 114, 182, 0.072); }
html[data-theme="light"] .fit-card[data-rarity="exclusive"] .fit-try { background: radial-gradient(ellipse at 50% 60%, rgba(244, 114, 182, 0.264), rgba(255, 255, 255, 0.53) 70%); }
html[data-theme="light"] .fit-card[data-rarity="exclusive"] .fit-rarity { background: linear-gradient(90deg, #f472b6, #67e8f9, #dfd7fe, #f472b6); color: transparent; }
html[data-theme="light"] .fit-card[data-rarity="exclusive"] .shop-buy:disabled { background: rgba(255, 255, 255, 0.63) !important; border: 1px dashed rgba(238, 42, 145, 0.55) !important; color: #af0e69 !important; }
html[data-theme="light"] .fit-card .shop-buy.claim { background: linear-gradient(180deg, #f472b6, #db2777) !important; color: #fff !important; border-color: #f02895 !important; }
html[data-theme="light"] .swim-shop-btn.fresh::after { background: #f472b6; box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .fit-card[data-rarity="legendary"] { border-color: rgba(251, 191, 36, 0.7); background: linear-gradient(180deg, #3a2a0e, #1c1a2e); box-shadow: 0 0 14px rgba(251, 191, 36, 0.081); }
html[data-theme="light"] .fit-card.wearing { border-color: #facc15; box-shadow: inset 0 0 0 2px rgba(250, 204, 21, 0.338); }
html[data-theme="light"] .fit-card.trying { border-color: #1fb3fa; box-shadow: inset 0 0 0 2px rgba(125, 211, 252, 0.315); }
html[data-theme="light"] .fit-rarity { color: var(--rar); }
html[data-theme="light"] .fit-card[data-rarity="legendary"] .fit-try { background: radial-gradient(ellipse at 50% 60%, rgba(251, 191, 36, 0.308), rgba(255, 255, 255, 0.53) 70%); }
html[data-theme="light"] .fit-card[data-rarity="epic"] .fit-try { background: radial-gradient(ellipse at 50% 60%, rgba(192, 132, 252, 0.242), rgba(255, 255, 255, 0.53) 70%); }
html[data-theme="light"] .fit-card[data-rarity="legendary"] .fit-rarity { background: linear-gradient(90deg, #fbbf24, #fff7ae, #fbbf24); color: transparent; }
html[data-theme="light"] .fit-for { color: #475569; }
html[data-theme="light"] .fit-skins-note { color: #475569; }
html[data-theme="light"] .shop-area { --area-bg: linear-gradient(120deg, #1d3a5c, #0f2136); --area-ink: #047eb9; background: var(--area-bg); border: 1px solid var(--area-edge); box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.012), 0 8px 18px rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .shop-area[data-id="lantern"] { --area-bg: linear-gradient(120deg, #4a3415, #f2ede7); --area-ink: #a67f03; }
html[data-theme="light"] .shop-area[data-id="shrine"] { --area-bg: linear-gradient(120deg, #3a3326, #eef2f7); --area-ink: #936f15; }
html[data-theme="light"] .shop-area[data-id="marsh"] { --area-bg: linear-gradient(120deg, #2c3f1d, #eef2f7); --area-ink: #74af0e; }
html[data-theme="light"] .shop-area[data-id="lagoon"] { --area-bg: linear-gradient(120deg, #ffffff, #ffffff); --area-ink: #0328ba; }
html[data-theme="light"] .shop-area-art { background: rgba(255, 255, 255, 0.38); color: var(--area-ink); box-shadow: inset 0 0 12px rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .shop-area-n { background: #fbbf24; color: #0f172a; box-shadow: 0 1px 4px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .shop-area-blurb { color: #334155; }
html[data-theme="light"] .shop-area.owned .shop-price { color: #15a84a; }
html[data-theme="light"] .shop-card { --card-bg: linear-gradient(160deg, #1d3a5c, #0f2136); --card-edge: rgba(125, 211, 252, 0.495); --card-glow: rgba(56, 189, 248, 0.275); outline: none; }
html[data-theme="light"] .shop-card[data-id="koi"] { --card-bg: linear-gradient(160deg, #5a2416, #efe3e2); --card-edge: rgba(251, 146, 60, 0.605); --card-glow: rgba(249, 115, 22, 0.308); }
html[data-theme="light"] .shop-card[data-id="carpenter"] { --card-bg: linear-gradient(160deg, #5b2a3d, #ffffff); --card-edge: rgba(244, 114, 182, 0.55); --card-glow: rgba(236, 72, 153, 0.275); }
html[data-theme="light"] .shop-card[data-id="turtle"] { --card-bg: linear-gradient(160deg, #1f4a31, #eef2f7); --card-edge: rgba(74, 222, 128, 0.55); --card-glow: rgba(34, 197, 94, 0.275); }
html[data-theme="light"] .shop-card[data-id="axolotl"] { --card-bg: linear-gradient(160deg, #57284f, #ffffff); --card-edge: rgba(240, 171, 252, 0.55); --card-glow: rgba(232, 121, 249, 0.275); }
html[data-theme="light"] .shop-card[data-id="seal"] { --card-bg: linear-gradient(160deg, #e2e8f0, #f8fafc); --card-edge: rgba(15, 23, 42, 0.12); --card-glow: rgba(125, 211, 252, 0.242); }
html[data-theme="light"] .shop-card[data-id="alligator"] { --card-bg: linear-gradient(160deg, #3d421f, #eef2f7); --card-edge: rgba(250, 204, 21, 0.66); --card-glow: rgba(234, 179, 8, 0.33); }
html[data-theme="light"] .shop-face { background: var(--card-bg); border: 1px solid var(--card-edge); box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.014), 0 10px 22px rgba(15, 23, 42, 0.12), 0 0 18px var(--card-glow); }
html[data-theme="light"] .shop-card.wearing .shop-face { border-color: #facc15; box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.014), 0 10px 22px rgba(15, 23, 42, 0.12), 0 0 0 2px rgba(250, 204, 21, 0.248); }
html[data-theme="light"] .shop-card:focus-visible .shop-face { outline: 3px solid #facc15; }
html[data-theme="light"] .shop-tag { background: rgba(255, 255, 255, 0.38); color: rgba(15, 23, 42, 0.78); }
html[data-theme="light"] .shop-art { background: radial-gradient(ellipse at 50% 40%, rgba(255, 255, 255, 0.63), rgba(255, 255, 255, 0.93)); box-shadow: inset 0 0 18px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .shop-name { color: #0f172a; }
html[data-theme="light"] .shop-price { color: #a68503; }
html[data-theme="light"] .shop-price.cant { color: #b40808; }
html[data-theme="light"] .shop-card.owned .shop-price { color: #15a84a; }
html[data-theme="light"] .shop-buy { border: none; background: linear-gradient(180deg, #fde047, #eab308); color: #1e293b; box-shadow: 0 3px 0 rgba(161, 98, 7, 0.45); }
html[data-theme="light"] .shop-buy.confirm { background: linear-gradient(180deg, #fb923c, #ea580c); color: #fff; box-shadow: 0 3px 0 rgba(154, 52, 18, 0.45); }
html[data-theme="light"] .shop-buy.equip { background: linear-gradient(180deg, #7dd3fc, #0ea5e9); color: #082f49; box-shadow: 0 3px 0 rgba(3, 105, 161, 0.45); }
html[data-theme="light"] .shop-buy.on { background: rgba(250, 204, 21, 0.176); color: #a68503; box-shadow: none; }
html[data-theme="light"] .shop-buy:disabled:not(.on) { background: rgba(15, 23, 42, 0.12); color: #b70606; box-shadow: none; }
html[data-theme="light"] .shop-colours { background: none; border: none; color: #ba6003; }
html[data-theme="light"] .shop-flip-hint { color: rgba(30, 41, 59, 0.55); }
html[data-theme="light"] .shop-stat-name { color: #1e293b; }
html[data-theme="light"] .shop-stat b { color: #0f172a; }
html[data-theme="light"] .shop-stat b small { color: #475569; }
html[data-theme="light"] .shop-bar { background: rgba(255, 255, 255, 0.63); }
html[data-theme="light"] .shop-bar::after { background: repeating-linear-gradient(90deg, transparent 0 calc(5% - 1px), rgba(255, 255, 255, 0.68) calc(5% - 1px) 5%); }
html[data-theme="light"] .stat-speed { background: linear-gradient(90deg, #38bdf8, #7dd3fc); }
html[data-theme="light"] .stat-strength { background: linear-gradient(90deg, #ef4444, #fb7185); }
html[data-theme="light"] .stat-durability { background: linear-gradient(90deg, #22c55e, #86efac); }
html[data-theme="light"] .stat-endurance { background: linear-gradient(90deg, #eab308, #fde047); }
html[data-theme="light"] .shop-blurb { color: #334155; }
html[data-theme="light"] .swim-chat-feed { background: rgba(255, 255, 255, 0.4); color: #0f172a; text-shadow: 0 1px 2px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .swim-chat-line b { color: #047eb9; }
html[data-theme="light"] .swim-chat-line.mine b { color: #a78c02; }
html[data-theme="light"] .swim-chat-line.note { color: #475569; }
html[data-theme="light"] .games-join { color: #334155; }
html[data-theme="light"] .swim-chat-toggle, html[data-theme="light"] .swim-chat-send { background: rgba(255, 255, 255, 0.78); border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; }
html[data-theme="light"] .swim-chat-send { background: #0284c7; border-color: #38bdf8; color: #fff; }
html[data-theme="light"] .swim-chat-input { background: rgba(255, 255, 255, 0.78) !important; border: 1px solid rgba(15, 23, 42, 0.12) !important; color: #0f172a !important; }
html[data-theme="light"] .swim-chat-input::placeholder { color: #475569; }
html[data-theme="light"] .swim-chat-unread { background: #e11d48; color: #fff; }
html[data-theme="light"] .swim-rooms .swim-room, html[data-theme="light"] .swim-rooms .swim-room-add { background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(15, 23, 42, 0.12); color: #334155; }
html[data-theme="light"] .swim-rooms .swim-room[aria-selected="true"] { background: #0284c7; border-color: #38bdf8; color: #fff; }
html[data-theme="light"] .swim-rooms .swim-room:not([data-room=""])[aria-selected="true"] { background: #4f46e5; border-color: #2146f8; }
html[data-theme="light"] .swim-room-n { background: #e11d48; color: #fff; }
html[data-theme="light"] .swim-rooms .swim-room-add { color: #0328ba; border-color: rgba(38, 57, 243, 0.55); background: rgba(49, 46, 129, 0.605); }
html[data-theme="light"] .swim-rooms .swim-room-add[aria-expanded="true"] { background: #4f46e5; color: #fff; }
html[data-theme="light"] .swim-chat.in-room .swim-chat-feed { background: rgba(30, 27, 75, 0.462); }
html[data-theme="light"] .swim-chat.in-room .swim-chat-send { background: #4f46e5; border-color: #2146f8; }
html[data-theme="light"] .swim-room-sheet { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(15, 23, 42, 0.12); box-shadow: 0 12px 28px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .room-head strong { color: #0f172a; }
html[data-theme="light"] .room-about { color: #475569; }
html[data-theme="light"] .room-row { background: rgba(15, 23, 42, 0.056); border: 1px solid transparent; }
html[data-theme="light"] .room-row.on { background: rgba(79, 70, 229, 0.176); border-color: rgba(38, 57, 243, 0.55); }
html[data-theme="light"] .room-row .room-open { background: none; border: 0; color: #0f172a; }
html[data-theme="light"] .room-open small { color: #475569; }
html[data-theme="light"] .room-row .room-invite { background: #4f46e5; border: 1px solid #2639f3; color: #fff; }
html[data-theme="light"] .room-row .room-leave { background: none; border: 1px solid rgba(15, 23, 42, 0.12); color: #334155; }
html[data-theme="light"] .room-row .room-leave.sure { background: #be123c; border-color: #f9203f; color: #fff; }
html[data-theme="light"] .room-form input { background: rgba(255, 255, 255, 0.63) !important; border: 1px solid rgba(15, 23, 42, 0.12) !important; color: #0f172a !important; }
html[data-theme="light"] .room-form input::placeholder { color: #475569; }
html[data-theme="light"] .room-form button { background: #4f46e5; border: 1px solid #2639f3; color: #fff; }
html[data-theme="light"] .room-full { color: #a68503; }
html[data-theme="light"] .room-err { color: #b9041a; }
html[data-theme="light"] .swim-ask.swim-room-ask { border-color: rgba(38, 57, 243, 0.75); }
html[data-theme="light"] .swim-room-ask .swim-ask-bar i { background: #818cf8; }
html[data-theme="light"] .swim-room-ask [data-room-ask="yes"] { background: linear-gradient(180deg, #6366f1, #4338ca) !important; color: #fff !important; }
html[data-theme="light"] .swim-rooms .swim-room.dm { color: #0fae8f; border-color: rgba(45, 212, 191, 0.5); }
html[data-theme="light"] .swim-rooms .swim-room.dm[aria-selected="true"] { background: #0f766e; border-color: #5eead4; color: #fff; }
html[data-theme="light"] .swim-room-lock { color: #15a84a; }
html[data-theme="light"] .swim-room.dm[aria-selected="true"] .swim-room-lock { color: #0f172a; }
html[data-theme="light"] .swim-rooms .swim-dm-x { background: #115e59; border: 1px solid #5eead4; color: #0db08d; }
html[data-theme="light"] .swim-dm-bar { background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(45, 212, 191, 0.4); color: #0db08d; }
html[data-theme="light"] .swim-dm-bar button { background: rgba(255, 255, 255, 0.73); border: 1px solid rgba(94, 234, 212, 0.55); color: #0db08d; }
html[data-theme="light"] .swim-dm-bar [data-dmact="accept"] { background: #0f766e; border-color: #5eead4; color: #fff; }
html[data-theme="light"] .swim-dm-bar [data-dmact="decline"] { border-color: rgba(244, 36, 36, 0.65); color: #b90303; }
html[data-theme="light"] .swim-dm-bar.ask { background: rgba(66, 32, 6, 0.935); border-color: rgba(250, 204, 21, 0.55); color: #a58503; }
html[data-theme="light"] .swim-dm-bar.warn { background: rgba(69, 10, 10, 0.88); border-color: rgba(244, 36, 36, 0.55); color: #b90303; }
html[data-theme="light"] .swim-dm-bar.safe .dm-bar-text { color: #15a84a; }
html[data-theme="light"] .swim-chat.in-dm .swim-chat-feed { background: rgba(255, 255, 255, 0.53); }
html[data-theme="light"] .swim-chat.in-dm .swim-chat-send { background: #0f766e; border-color: #5eead4; }
html[data-theme="light"] .swim-chat-line.pending::after { color: #a67f03; }
html[data-theme="light"] .swim-chat-line.locked { color: #334155; }
html[data-theme="light"] .swim-chat-line.note.dm-note { color: #15a891; }
html[data-theme="light"] .swim-card-actions .swim-card-dm { background: linear-gradient(180deg, #14b8a6, #0f766e) !important; border: 0; color: #fff !important; }
html[data-theme="light"] .swim-card-rooms button { background: rgba(79, 70, 229, 0.275); border: 1px solid #2639f3; color: #002bbd; }
html[data-theme="light"] .swim-card-report { background: none; border: none; color: #b70606; }
html[data-theme="light"] .swim-pearl-dot { background: radial-gradient(circle at 35% 30%, #ffd6d6, #e2384a 45%, #6e0b1a); }
html[data-theme="light"] .swim-banner { color: #0f172a; text-shadow: 0 2px 14px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .swim-banner-sub { color: #1e293b; text-shadow: 2px 2px 0 rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .swim-banner-sub[data-zone="safe"] { color: #15a84a; }
html[data-theme="light"] .swim-banner-sub[data-zone="pve"] { color: #a67f03; }
html[data-theme="light"] .swim-banner-sub[data-zone="pvp"] { color: #b9041a; }
html[data-theme="light"] .swim-banner-sub[data-zone="duel"] { color: #5c02ba; }
html[data-theme="light"] .swim-toast { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(15, 23, 42, 0.12); color: #0f172a; }
html[data-theme="light"] .swim-fade { background: #eef2f7; }
html[data-theme="light"] .swim-stick { background: rgba(15, 23, 42, 0.028); border: 1.5px solid rgba(15, 23, 42, 0.112); }
html[data-theme="light"] .swim-knob { background: rgba(15, 23, 42, 0.12); border: 1px solid rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .swim-emote-btn { color: #1e293b; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .swim-emote-btn:hover, html[data-theme="light"] .swim-emote-btn[aria-expanded="true"] { background: rgba(255, 255, 255, 0.96); border-color: #1fb3fa; color: #047eb9; }
html[data-theme="light"] .swim-emote-btn.fresh::after { background: #a3e635; box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .swim-boost { color: #fff; background: radial-gradient(circle at 35% 30%, #a5f3fc, #0891b2 55%, #155e75); border: 2px solid rgba(30, 232, 250, 0.55); box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .swim-bite { color: #fff; background: radial-gradient(circle at 35% 30%, #fca5a5, #dc2626 55%, #7f1d1d); border: 2px solid rgba(251, 30, 30, 0.6); box-shadow: 0 6px 18px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .swim-bite.cool { filter: saturate(0.45) brightness(0.72); }
html[data-theme="light"] .swim-aim-knob { background: rgba(15, 23, 42, 0.12); border: 2px solid rgba(15, 23, 42, 0.12); box-shadow: 0 2px 8px rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .swim-bite.aiming { box-shadow: 0 0 0 4px rgba(254, 202, 202, 0.158), 0 6px 18px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .swim-boost.held { background: radial-gradient(circle at 35% 30%, #d7fbfe, #06b6d4 55%, #0e7490); }
html[data-theme="light"] .boost-ring circle { fill: none; }
html[data-theme="light"] .boost-track { stroke: rgba(15, 23, 42, 0.16); }
html[data-theme="light"] .boost-level { stroke: #0f172a; filter: drop-shadow(0 0 3px rgba(15, 23, 42, 0.054)); }
html[data-theme="light"] .swim-boost[data-level="low"] .boost-level { stroke: #a58403; filter: drop-shadow(0 0 3px rgba(250, 204, 21, 0.248)); }
html[data-theme="light"] .swim-boost[data-level="red"] .boost-level { stroke: #af0e0e; filter: drop-shadow(0 0 3px rgba(239, 68, 68, 0.27)); }
html[data-theme="light"] .swim-emote-menu { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(15, 23, 42, 0.12); box-shadow: 0 12px 28px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .emo-tabs { background: rgba(15, 23, 42, 0.098); }
html[data-theme="light"] .emo-tabs .emo-tab { background: none; border: 0; filter: grayscale(0.6); }
html[data-theme="light"] .emo-tabs .emo-tab[aria-selected="true"] { background: rgba(56, 189, 248, 0.242); box-shadow: inset 0 0 0 1.5px rgba(125, 211, 252, 0.45); filter: none; }
html[data-theme="light"] .swim-emote-menu .emo-cell { background: rgba(255, 255, 255, 0.83); border: 1px solid transparent; color: #0f172a; }
html[data-theme="light"] .swim-emote-menu .emo-cell:hover { background: rgba(56, 189, 248, 0.176); border-color: rgba(31, 179, 250, 0.55); }
html[data-theme="light"] .emo-act .emo-name { color: #334155; }
html[data-theme="light"] .swim-emote-menu .emo-cell.locked { background: rgba(255, 255, 255, 0.53); }
html[data-theme="light"] .emo-cell.locked > :not(.emo-lock) { filter: grayscale(1); }
html[data-theme="light"] .emo-lock { background: rgba(255, 255, 255, 0.93); color: #a68503; }
html[data-theme="light"] .swim-emote-menu .emo-paint { background: var(--c); border: 2px solid rgba(15, 23, 42, 0.16); }
html[data-theme="light"] .swim-emote-menu .emo-paint[aria-checked="true"] { box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.18), 0 0 0 4px rgba(125, 211, 252, 0.45); }
html[data-theme="light"] .emo-note { color: #475569; }
html[data-theme="light"] .emo-head { color: #a67f03; }
html[data-theme="light"] .swim-emote-menu .swim-emote-say { background: rgba(255, 255, 255, 0.83); border: 1px solid transparent; color: #0f172a; }
html[data-theme="light"] .swim-emote-menu .swim-emote-say:hover { background: rgba(56, 189, 248, 0.176); border-color: rgba(31, 179, 250, 0.55); }
html[data-theme="light"] .swim-card { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(15, 23, 42, 0.12); box-shadow: 0 10px 26px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .swim-card-pfp { background: #e2e8f0 center / cover no-repeat; color: #1e293b; border: 2px solid rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .swim-card-who .swim-card-x { background: none; border: 1px solid rgba(15, 23, 42, 0.12); color: #334155; }
html[data-theme="light"] .swim-card-duel { background: linear-gradient(180deg, #ef4444, #b91c1c) !important; color: #fff !important; }
html[data-theme="light"] .swim-card-bet-q { color: #334155; }
html[data-theme="light"] .swim-card-bet-opts button { border: 1px solid rgba(15, 23, 42, 0.12); background: rgba(255, 255, 255, 0.96); color: #1e293b; }
html[data-theme="light"] .swim-card-bet-opts button.on { background: #facc15; border-color: #facc15; color: #0f172a; }
html[data-theme="light"] .swim-card-bet > .swim-card-duel { border: 0; }
html[data-theme="light"] .swim-card-name { color: #0f172a; }
html[data-theme="light"] .swim-card-koi { color: #475569; }
html[data-theme="light"] .swim-card-actions .swim-card-x { background: none; border: 1px solid rgba(15, 23, 42, 0.12); color: #334155; }
html[data-theme="light"] .swim-ask { background: rgba(255, 255, 255, 0.96); border: 2px solid rgba(239, 68, 68, 0.6); box-shadow: 0 10px 26px rgba(15, 23, 42, 0.15); }
html[data-theme="light"] .swim-ask-text { color: #0f172a; }
html[data-theme="light"] .swim-ask-bar { background: rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .swim-ask-bar i { background: #ef4444; }
html[data-theme="light"] .swim-ask-actions button { border: 1px solid transparent; }
html[data-theme="light"] .swim-ask-actions button.secondary { border-color: #cbd5e1; }
html[data-theme="light"] .swim-ask-actions [data-ask="yes"] { background: linear-gradient(180deg, #ef4444, #b91c1c) !important; color: #fff !important; }
html[data-theme="light"] .swim-again { border-color: rgba(250, 204, 21, 0.6); }
html[data-theme="light"] .swim-again [data-again="yes"] { background: linear-gradient(180deg, #f59e0b, #b45309) !important; color: #fff !important; }
html[data-theme="light"] .swim-pick { background: rgba(255, 255, 255, 0.96); border: 2px solid rgba(250, 204, 21, 0.55); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.165); }
html[data-theme="light"] .swim-pick-head { color: #a68503; }
html[data-theme="light"] .swim-pick-left { color: #b40808; }
html[data-theme="light"] .swim-pick-one { background: rgba(255, 255, 255, 0.93); border: 2px solid transparent; color: #1e293b; }
html[data-theme="light"] .swim-pick-one.on { border-color: #facc15; background: rgba(250, 204, 21, 0.154); }
html[data-theme="light"] .swim-duel { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(239, 68, 68, 0.5); }
html[data-theme="light"] .duel-name { color: #0f172a; }
html[data-theme="light"] .duel-side.won .duel-name { color: #a58403; }
html[data-theme="light"] .duel-hp { background: rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .duel-hp i { background: linear-gradient(90deg, #22c55e, #86efac); }
html[data-theme="light"] .duel-time { color: #a68503; }
html[data-theme="light"] .duel-pot { color: #b70606; }
html[data-theme="light"] .swim-game-bar { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(88, 35, 246, 0.55); }
html[data-theme="light"] .gbar-name { color: #2404b8; }
html[data-theme="light"] .gbar-time { color: #a68503; }
html[data-theme="light"] .gbar-chip { background: rgba(15, 23, 42, 0.105); color: #1e293b; }
html[data-theme="light"] .gbar-chip b { color: #a78c02; }
html[data-theme="light"] .gbar-chip.me { box-shadow: inset 0 0 0 1.5px rgba(196, 181, 253, 0.45); }
html[data-theme="light"] .gbar-chip.won { background: rgba(250, 204, 21, 0.275); color: #a79301; }
html[data-theme="light"] .gbar-chip.shark { background: rgba(239, 68, 68, 0.242); }
html[data-theme="light"] .gbar-chip.fish { background: rgba(56, 189, 248, 0.198); }
html[data-theme="light"] .swim-bite.idle { filter: saturate(0.3) brightness(0.8); }
html[data-theme="light"] .swim-games { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(15, 23, 42, 0.12); box-shadow: 0 12px 28px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .games-now { background: rgba(124, 58, 237, 0.176); border: 1px solid rgba(88, 35, 246, 0.6); }
html[data-theme="light"] .games-now strong { color: #2908b5; }
html[data-theme="light"] .games-now small { color: #2a05b8; }
html[data-theme="light"] .games-who { color: #334155; }
html[data-theme="light"] .games-acts button { background: none; border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; }
html[data-theme="light"] .games-acts button.primary { background: #7c3aed; border-color: #5823f6; color: #fff; }
html[data-theme="light"] .game-mode { background: rgba(15, 23, 42, 0.056); border: 1px solid rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .game-mode-top strong { color: #0f172a; }
html[data-theme="light"] .game-mode-top small { color: #475569; }
html[data-theme="light"] .game-mode p { color: #334155; }
html[data-theme="light"] .game-mode .game-start { background: #7c3aed; border: 1px solid #5823f6; color: #fff; }
html[data-theme="light"] .game-mode .game-start:disabled { background: none; color: #475569; border-color: rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .games-note { color: #475569; }
html[data-theme="light"] .swim-hint { background: rgba(255, 255, 255, 0.68); color: #1e293b; }
html[data-theme="light"] .swim-guide { background: rgba(255, 255, 255, 0.96); border: 2px solid rgba(15, 23, 42, 0.12); box-shadow: 0 10px 26px rgba(15, 23, 42, 0.135); color: #1e293b; }
html[data-theme="light"] .swim-guide.nice { border-color: #4ade80; }
html[data-theme="light"] .swim-guide-title { color: #a68503; }
html[data-theme="light"] .swim-guide.nice .swim-guide-title { color: #15a84a; }
html[data-theme="light"] .swim-guide-n { color: #475569; }
html[data-theme="light"] .swim-guide-bar { background: rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .swim-guide-bar i { background: #facc15; }
html[data-theme="light"] .swim-guide.nice .swim-guide-bar i { background: #4ade80; }
@media (prefers-reduced-motion: reduce) {
html[data-theme="light"] .guide-glow { box-shadow: 0 0 0 4px rgba(250, 204, 21, 0.45); }
}
html[data-theme="light"] .swim-guide-skip { background: none !important; border: none !important; color: #475569; }
html[data-theme="light"] .swim-tip { background: rgba(255, 255, 255, 0.96); border: 2px solid rgba(250, 204, 21, 0.55); box-shadow: 0 10px 26px rgba(15, 23, 42, 0.135); color: #1e293b; }
html[data-theme="light"] .swim-tip-title { color: #a68503; }
html[data-theme="light"] .swim-tip-acts button { background: none; border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; }
html[data-theme="light"] .swim-tip-acts [data-tip="go"] { background: #ca8a04; border-color: #facc15; color: #fff; }
html[data-theme="light"] .swim-tip-x { background: none !important; border: none !important; color: #475569; }
html[data-theme="light"] .swim-qtabs { background: rgba(15, 23, 42, 0.098); }
html[data-theme="light"] .swim-qtab { background: none; border: 0; color: #334155; }
html[data-theme="light"] .swim-qtab[aria-selected="true"] { background: #fbbf24; color: #0f172a; }
html[data-theme="light"] .gtip-head { color: #a68503; }
html[data-theme="light"] .gtip { border-top: 1px solid rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .gtip:first-child { border-top: none; }
html[data-theme="light"] .gtip strong { color: #0f172a; }
html[data-theme="light"] .gtip p { color: #334155; }
html[data-theme="light"] .gtip small { color: #475569; }
html[data-theme="light"] .gtip.locked strong { color: #5b6b80; }
html[data-theme="light"] .gtip-go { background: none; border: 1px solid rgba(250, 204, 21, 0.6); color: #a68503; }
html[data-theme="light"] .gtip-foot { color: #475569; }
html[data-theme="light"] .swim-quest-later { color: #475569; }
html[data-theme="light"] .swim.pill-on .swim-chat-bar.guest .swim-join-go { background: none !important; border: none !important; color: #047eb9; }
html[data-theme="light"] .swim-banner { text-shadow: 3px 3px 0 rgba(15, 23, 42, 0.165); }
html[data-theme="light"] .swim-title strong, html[data-theme="light"] .swim-sub, html[data-theme="light"] .swim-toast, html[data-theme="light"] .swim-hint, html[data-theme="light"] .swim-chat-feed { text-shadow: 2px 2px 0 rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .swim-hurt { box-shadow: inset 0 0 90px 24px rgba(220, 38, 38, 0.315); }
html[data-theme="light"][data-theme="light"] .pond-view-back, html[data-theme="light"][data-theme="light"] .pond-swimmer, html[data-theme="light"][data-theme="light"] .pond-view-title, html[data-theme="light"][data-theme="light"] .pond-view-hint { background: rgba(15, 23, 42, 0.12); border-color: #94a3b8; color: #0f172a; }
html[data-theme="light"][data-theme="light"] .pond-view-title strong { color: #0f172a; }
html[data-theme="light"][data-theme="light"] .pond-view-title span, html[data-theme="light"][data-theme="light"] .pond-swimmer small { color: #475569; }
html[data-theme="light"] .koi-swatch { border: 1px solid rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .koi-sw-kohaku { background: radial-gradient(circle at 35% 35%, #ff4d38 0 30%, transparent 32%), radial-gradient(circle at 70% 70%, #ff7449 0 22%, transparent 24%), #d6efff; }
html[data-theme="light"] .koi-sw-sanke { background: radial-gradient(circle at 35% 35%, #f8472f 0 28%, transparent 30%), radial-gradient(circle at 70% 65%, #f8fafc 0 18%, transparent 20%), #d6edff; }
html[data-theme="light"] .koi-sw-ogon { background: radial-gradient(circle at 35% 30%, #fff6d6 0 20%, #e0ad43 55%, #a8741f 100%); }
html[data-theme="light"] .koi-sw-showa { background: radial-gradient(circle at 35% 35%, #ff5340 0 26%, transparent 28%), radial-gradient(circle at 70% 70%, #f0e5e7 0 18%, transparent 20%), #16274a; }
html[data-theme="light"] .koi-sw-asagi { background: radial-gradient(circle at 30% 70%, #f38d4c 0 26%, transparent 28%), #698cae; }
html[data-theme="light"] .koi-sw-tancho { background: radial-gradient(circle at 50% 40%, #ff3b30 0 26%, transparent 28%), #d6f0ff; }
html[data-theme="light"] .koi-sw-beni { background: radial-gradient(circle at 35% 30%, #ffd7aa 0 14%, #f2682f 50%, #c9431d 100%); }
html[data-theme="light"] .koi-sw-ghost { background: radial-gradient(circle at 40% 40%, #38bdf8 0 18%, transparent 40%), #082440; box-shadow: 0 0 10px rgba(56, 189, 248, 0.225); }
html[data-theme="light"] .held-chip { background: rgba(251, 191, 36, 0.132); border: 1px solid rgba(251, 191, 36, 0.55); color: #a57803; }
html[data-theme="light"] .comment-when { color: #5b6b80; }
html[data-theme="light"] .cw-said { border: 0; }
html[data-theme="light"] .tg-quote { border-left: 3px solid #38bdf8; background: rgba(56, 189, 248, 0.077); color: #334155; }
html[data-theme="light"] .tg-quote-cite { color: #475569; }
html[data-theme="light"] .quote-draft { border-left: 3px solid #38bdf8; background: rgba(56, 189, 248, 0.088); }
html[data-theme="light"] .quote-draft-body { color: #334155; }
html[data-theme="light"] .quote-draft-who { color: #047eb9; }
html[data-theme="light"] .quote-draft-x { background: none; border: none; color: #475569; }
html[data-theme="light"] .btn-quote-comment { background: none; border: none; color: #5b6b80; }
html[data-theme="light"] .quote-pill { background: #f8fafc; border: 1px solid #38bdf8; color: #1e293b; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .quote-pill span { color: #0680b7; }
html[data-theme="light"] .toggle-comments-btn.has-draft::after { background: #fbbf24; }
html[data-theme="light"] .thread-new-count { background: #0284c7; color: #fff; }
html[data-theme="light"] .history-item { background: #f8fafc; border-left: 2px solid #38bdf8; color: #1e293b; }
html[data-theme="light"] .history-time { color: #5b6b80; }
html[data-theme="light"] .poll-container { background: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .poll-option-btn { background: #ffffff; border: 1px solid #cbd5e1; color: #0f172a; }
html[data-theme="light"] .poll-option-btn:hover { background: #e2e8f0; border-color: #38bdf8; }
html[data-theme="light"] .poll-result-bar-wrap { background: #ffffff; border: 1px solid #dbe3ec; }
html[data-theme="light"] .poll-result-fill { background: rgba(56, 189, 248, 0.22); border-right: 2px solid #38bdf8; }
html[data-theme="light"] .poll-result-fill.winner { background: rgba(34, 197, 94, 0.22); border-color: #22c55e; }
html[data-theme="light"] .poll-result-text { color: #0f172a; }
html[data-theme="light"] .poll-meta { color: #475569; }
html[data-theme="light"] .link-preview-card { background: #ffffff; border: 1px solid #dbe3ec; }
html[data-theme="light"] .link-preview-card:hover { border-color: #38bdf8; background: #f8fafc; }
html[data-theme="light"] .link-icon { background: #f8fafc; border: 1px solid #cbd5e1; }
html[data-theme="light"] .link-domain { color: #0f172a; }
html[data-theme="light"] .link-url { color: #475569; }
html[data-theme="light"] .thread-nav-btn.is-dragging { border: 1px dashed #38bdf8 !important; background: #f8fafc !important; }
html[data-theme="light"] .thread-drag-handle { color: #5b6b80; }
html[data-theme="light"] .thread-drag-handle:hover, html[data-theme="light"] .thread-drag-handle:active { color: #0680b7; }
html[data-theme="light"] .post-title-text { color: #0f172a; }
html[data-theme="light"] .btn-post-action { background: none; border: 1px solid #cbd5e1; color: #475569; }
html[data-theme="light"] #live-chat-modal { background: rgba(255, 255, 255, 0.96); }
html[data-theme="light"] #live-chat-modal .modal-box { background-color: #ffffff; border: 1px solid #dbe3ec; }
html[data-theme="light"] .call-action-btn { background: #f8fafc; border: 1px solid #dbe3ec; color: #1aa24c; }
html[data-theme="light"] .call-action-btn:hover { background: #16a34a; color: #ffffff; border-color: #22c55e; }
html[data-theme="light"] .active-call-window { background: rgba(255, 255, 255, 0.96); border: 1.5px solid #22c55e; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18), 0 0 20px rgba(34, 197, 94, 0.158); }
html[data-theme="light"] .active-call-window.connecting { border-color: #eab308; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18), 0 0 20px rgba(234, 179, 8, 0.158); }
html[data-theme="light"] .active-call-window.dragging { box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18), 0 0 24px rgba(34, 197, 94, 0.203); }
html[data-theme="light"] .call-drag { background: none !important; border: none !important; box-shadow: none !important; color: #5b6b80; }
html[data-theme="light"] .call-drag:hover { color: #334155; }
html[data-theme="light"] .call-drag:focus-visible { outline: 2px solid #22c55e; }
html[data-theme="light"] .call-participants { border-top: 1px solid rgba(15, 23, 42, 0.16); }
html[data-theme="light"] .call-chip { background: #ffffff; border: 1px solid #dbe3ec; color: #334155; }
html[data-theme="light"] .call-chip-connected { border-color: rgba(34, 197, 94, 0.6); }
html[data-theme="light"] .call-chip-connecting, html[data-theme="light"] .call-chip-reconnecting { border-color: rgba(234, 179, 8, 0.65); color: #a68503; }
html[data-theme="light"] .call-chip.speaking { border-color: #22c55e; box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.203); color: #0f172a; }
html[data-theme="light"] .call-info { color: #0f172a; }
html[data-theme="light"] .call-pulse-dot { background: #22c55e; box-shadow: 0 0 8px rgba(34, 197, 94, 0.45); }
html[data-theme="light"] .call-pulse-dot.connecting { background: #eab308; box-shadow: 0 0 8px rgba(234, 179, 8, 0.45); }
html[data-theme="light"] .call-timer { color: #475569; }
html[data-theme="light"] .call-ctrl-btn.danger { background: #dc2626 !important; color: #ffffff !important; }
html[data-theme="light"] .call-ctrl-btn.danger:hover { background: #b91c1c !important; }
html[data-theme="light"] .call-ctrl-btn.muted { background: #ca8a04 !important; color: #ffffff !important; }
html[data-theme="light"] .call-ambient-backdrop { background: radial-gradient(circle at center, rgba(34, 197, 94, 0.275) 0%, rgba(16, 185, 129, 0.154) 45%, transparent 75%); }
html[data-theme="light"] .incoming-call-popout { background: rgba(255, 255, 255, 0.96); border: 2px solid #22c55e; box-shadow: 0 12px 36px rgba(15, 23, 42, 0.18), 0 0 24px rgba(34, 197, 94, 0.158); }
html[data-theme="light"] .phone-buzz-icon { filter: drop-shadow(0 0 8px rgba(34, 197, 94, 0.45)); }
html[data-theme="light"] .call-popout-title { color: #1aa24c; }
html[data-theme="light"] .call-popout-caller { color: #0f172a; }
html[data-theme="light"] .call-popout-btn { border: none; }
html[data-theme="light"] .call-popout-btn.accept-btn { background: #16a34a; color: #ffffff; box-shadow: 0 0 10px rgba(34, 197, 94, 0.18); }
html[data-theme="light"] .call-popout-btn.accept-btn:hover { background: #22c55e; }
html[data-theme="light"] .call-popout-btn.decline-btn { background: #dc2626; color: #ffffff; }
html[data-theme="light"] .call-popout-btn.decline-btn:hover { background: #ef4444; }
html[data-theme="light"] .tech-toast { background: rgba(255, 255, 255, 0.96); border: 1px solid #38bdf8; border-left: 4px solid #38bdf8; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18), 0 0 16px rgba(56, 189, 248, 0.113); color: #0f172a; }
html[data-theme="light"] .tech-toast:hover { box-shadow: 0 10px 28px rgba(15, 23, 42, 0.18), 0 0 22px rgba(56, 189, 248, 0.18); border-color: #1fb3fa; }
html[data-theme="light"] .tech-toast-title { color: #0680b7; }
html[data-theme="light"] .tech-toast-msg { color: #1e293b; }
html[data-theme="light"] .tech-toast-progress { background: linear-gradient(90deg, #38bdf8, #818cf8); }
html[data-theme="light"] .tech-toast.toast-success { border-left-color: #22c55e; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18), 0 0 16px rgba(34, 197, 94, 0.113); }
html[data-theme="light"] .tech-toast.toast-success .tech-toast-title { color: #1aa24c; }
html[data-theme="light"] .tech-toast.toast-success .tech-toast-progress { background: linear-gradient(90deg, #22c55e, #38bdf8); }
html[data-theme="light"] .tech-toast.toast-error { border-left-color: #ef4444; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18), 0 0 16px rgba(239, 68, 68, 0.113); }
html[data-theme="light"] .tech-toast.toast-error .tech-toast-title { color: #af0e0e; }
html[data-theme="light"] .tech-toast.toast-error .tech-toast-progress { background: linear-gradient(90deg, #ef4444, #f97316); }
html[data-theme="light"] .thread-title-heading { color: #0f172a !important; }
html[data-theme="light"] .thread-title-heading span { color: #0f172a !important; }
html[data-theme="light"] #open-thread-options-btn { border-color: #38bdf8 !important; color: #0680b7 !important; }
html[data-theme="light"] #open-thread-options-btn:hover { background: rgba(56, 189, 248, 0.165) !important; color: #0f172a !important; }
@media (max-width: 768px), (pointer: coarse) and (max-height: 500px) {
html[data-theme="light"] #open-thread-options-btn { border: 1px solid #38bdf8 !important; color: #0680b7 !important; background: #f8fafc !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.09) !important; }
html[data-theme="light"] #open-thread-options-btn:hover { background: rgba(56, 189, 248, 0.165) !important; color: #0f172a !important; }
}
html[data-theme="light"] { --cyber-bg: #eef2f7; --cyber-card: #f1f5f9; --cyber-card-alt: #f8fafc; --cyber-border: #e2e8f0; --cyber-text: #0f172a; }
html[data-theme="light"] body { background-color: var(--cyber-bg) !important; background-image: radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.088) 0%, transparent 65%) !important; color: var(--cyber-text) !important; }
html[data-theme="light"]::-webkit-scrollbar-track, html[data-theme="light"] ::-webkit-scrollbar-track { background: #eef2f7; border-left: 1px solid rgba(56, 189, 248, 0.1); }
html[data-theme="light"]::-webkit-scrollbar-thumb, html[data-theme="light"] ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #0284c7, #00f0ff); box-shadow: 0 0 8px rgba(0, 240, 255, 0.18); }
html[data-theme="light"]::-webkit-scrollbar-thumb:hover, html[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #00f0ff, #ff2a5f); }
html[data-theme="light"] button:hover:not(:disabled), html[data-theme="light"] .btn-thread-action:hover:not(:disabled), html[data-theme="light"] .thread-nav-btn:hover:not(.active), html[data-theme="light"] .conv-item:hover:not(.active), html[data-theme="light"] .opt-modal-item:hover { border-color: #00f0ff !important; box-shadow: 0 0 16px rgba(0, 240, 255, 0.18), inset 0 0 8px rgba(0, 240, 255, 0.054) !important; }
html[data-theme="light"] .btn-thread-action { background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; color: #334155 !important; }
html[data-theme="light"] .thread-nav-btn:focus-visible { outline: 2px solid #38bdf8; }
html[data-theme="light"] .notif-prefs-note { color: #475569; }
html[data-theme="light"] .opt-modal-item { background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; color: #1e293b !important; }
html[data-theme="light"] .biomech-incubator-panel { background: linear-gradient(180deg, #f1f5f9 0%, #eef2f7 100%); border: 1px solid rgba(255, 42, 95, 0.35); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18), inset 0 0 20px rgba(255, 42, 95, 0.027); }
html[data-theme="light"] .biomech-incubator-panel::before { background: linear-gradient(90deg, #ff2a5f, #00f0ff, #ff2a5f); }
html[data-theme="light"] .biomech-core-icon { color: #bd002f; text-shadow: 0 0 12px rgba(255, 42, 95, 0.45); }
html[data-theme="light"] .biomech-title { color: #0f172a; }
html[data-theme="light"] .biomech-subtitle { color: #475569; }
html[data-theme="light"] .btn-quantum-overdrive { background: linear-gradient(135deg, #0284c7 0%, #00f0ff 100%) !important; color: #040711 !important; border: 1px solid #38bdf8 !important; box-shadow: 0 0 14px rgba(0, 240, 255, 0.203) !important; }
html[data-theme="light"] .btn-quantum-overdrive:hover { background: linear-gradient(135deg, #00f0ff 0%, #38bdf8 100%) !important; box-shadow: 0 0 22px rgba(0, 240, 255, 0.338) !important; }
html[data-theme="light"] .pearl-pod { background: #ffffff; border: 1px solid #e2e8f0; box-shadow: inset 0 0 14px rgba(15, 23, 42, 0.15); }
html[data-theme="light"] .pearl-pod.state-ready { border-color: rgba(255, 42, 95, 0.45); }
html[data-theme="light"] .pearl-pod.state-ready:hover { border-color: #ff2a5f; box-shadow: 0 0 16px rgba(255, 42, 95, 0.158); }
html[data-theme="light"] .pearl-pod.state-incubating { border-color: rgba(0, 240, 255, 0.35); background: #eef2f7; }
html[data-theme="light"] .pearl-pod.state-incubating:hover { border-color: #00f0ff; box-shadow: 0 0 14px rgba(0, 240, 255, 0.135); }
html[data-theme="light"] .pod-badge-bar { color: #5b6b80; }
html[data-theme="light"] .pod-status-ready { background: rgba(255, 42, 95, 0.198); color: #bd002f; border: 1px solid rgba(255, 42, 95, 0.4); }
html[data-theme="light"] .pod-status-incubating { background: rgba(0, 240, 255, 0.165); color: #00b2bd; border: 1px solid rgba(0, 240, 255, 0.3); }
html[data-theme="light"] .pod-chamber { background: radial-gradient(circle, #ffffff 0%, #eef2f7 100%); border: 2px solid #e2e8f0; box-shadow: inset 0 0 16px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .pearl-pod.state-ready .pod-chamber { border-color: rgba(255, 42, 95, 0.55); box-shadow: 0 0 16px rgba(255, 42, 95, 0.135), inset 0 0 12px rgba(255, 42, 95, 0.113); }
html[data-theme="light"] .pearl-pod.state-incubating .pod-chamber { border-color: rgba(0, 240, 255, 0.4); box-shadow: 0 0 14px rgba(0, 240, 255, 0.09), inset 0 0 12px rgba(0, 240, 255, 0.09); }
html[data-theme="light"] .red-pearl { background: radial-gradient(circle at 35% 30%, #ff80a0, #ff1a53 40%, #b3002b 75%, #4a0011 100%); box-shadow: 0 0 18px rgba(255, 42, 95, 0.338), inset 0 0 10px rgba(15, 23, 42, 0.072); }
html[data-theme="light"] .red-pearl:hover { box-shadow: 0 0 26px rgba(255, 42, 95, 0.427), inset 0 0 14px rgba(15, 23, 42, 0.096); }
html[data-theme="light"] .bio-particles { background: radial-gradient(circle, rgba(0, 240, 255, 0.165) 0%, transparent 70%); }
html[data-theme="light"] .nano-nucleus { background: radial-gradient(circle at 35% 30%, #ff80a0, #ff2a5f 60%, #4a0011 100%); box-shadow: 0 0 10px rgba(255, 42, 95, 0.27); }
html[data-theme="light"] .pod-code-label { color: #0f172a; background: #eef2f7; border: 1px solid #e2e8f0; }
html[data-theme="light"] .pod-timer-text { color: #00b2bd; }
html[data-theme="light"] .pod-progress-bar-wrap { background: #eef2f7; border: 1px solid #e2e8f0; }
html[data-theme="light"] .pod-progress-bar-fill { background: linear-gradient(90deg, #ff2a5f, #00f0ff); box-shadow: 0 0 6px rgba(0, 240, 255, 0.45); }
html[data-theme="light"] .invite-ledger-section { border-top: 1px solid #e2e8f0; }
html[data-theme="light"] .ledger-header { background: #ffffff; border: 1px solid #e2e8f0; }
html[data-theme="light"] .ledger-header:hover { border-color: #38bdf8; background: #ffffff; }
html[data-theme="light"] .ledger-row { background: #eef2f7; border: 1px solid #e2e8f0; }
html[data-theme="light"] .ledger-row.is-tainted { border-color: #ef4444; background: rgba(239, 68, 68, 0.088); }
html[data-theme="light"] .ledger-code { color: #0f172a; }
html[data-theme="light"] .ledger-meta { color: #475569; }
html[data-theme="light"] body { background-color: #eef2f7 !important; background-image: radial-gradient(ellipse 1100px 600px at 50% 0%, rgba(56, 189, 248, 0.154) 0%, rgba(2, 132, 199, 0.033) 60%, transparent 85%),
                radial-gradient(circle 800px at 85% 45%, rgba(0, 240, 255, 0.066) 0%, transparent 70%) !important; }
html[data-theme="light"] .top-banner, html[data-theme="light"] .feed-card, html[data-theme="light"] .threads-sidebar, html[data-theme="light"] .card, html[data-theme="light"] .modal-box, html[data-theme="light"] .biomech-incubator-panel { box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.18), 0 0 25px -4px rgba(56, 189, 248, 0.072) !important; }
html[data-theme="light"] .top-banner:hover, html[data-theme="light"] .feed-card:hover, html[data-theme="light"] .threads-sidebar:hover, html[data-theme="light"] .card:hover, html[data-theme="light"] .biomech-incubator-panel:hover { box-shadow: 0 12px 35px -5px rgba(15, 23, 42, 0.18), 0 0 32px -2px rgba(0, 240, 255, 0.113) !important; }
html[data-theme="light"] .feed-card::after, html[data-theme="light"] .threads-sidebar::after, html[data-theme="light"] .top-banner::after, html[data-theme="light"] .biomech-incubator-panel::after { background: radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.242), transparent 70%); }
html[data-theme="light"] .cyber-scroll-tracker { background: linear-gradient(90deg, #00f0ff, #38bdf8, #a855f7, #ec4899, #00ff9d, #00f0ff); box-shadow: 0 0 12px rgba(0, 240, 255, 0.338), 0 0 20px rgba(168, 85, 247, 0.203); }
html[data-theme="light"] .btn-post-action { background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; }
html[data-theme="light"] .btn-post-action:hover { border-color: #00f0ff !important; color: #0f172a !important; background: #f8fafc !important; box-shadow: 0 0 12px rgba(0, 240, 255, 0.158) !important; }
html[data-theme="light"] .btn-post-action.danger-text:hover { border-color: #ef4444 !important; color: #af0e0e !important; box-shadow: 0 0 12px rgba(239, 68, 68, 0.158) !important; }
html[data-theme="light"] .vote-btn { background: transparent; border: none; color: #5b6b80; }
html[data-theme="light"] .vote-btn:hover { color: #00b2bd; }
html[data-theme="light"] .vote-btn.upvoted { color: #0eae79 !important; filter: drop-shadow(0 0 6px rgba(16, 185, 129, 0.45)); }
html[data-theme="light"] .vote-btn.downvoted { color: #af0e0e !important; filter: drop-shadow(0 0 6px rgba(239, 68, 68, 0.45)); }
html[data-theme="light"] .icon-btn:hover { border-color: #00f0ff !important; box-shadow: 0 0 16px rgba(0, 240, 255, 0.225) !important; }
html[data-theme="light"] .tab-btn:hover svg, html[data-theme="light"] .tab-btn.active svg { stroke: #00b2bd !important; filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.225)); }
html[data-theme="light"] .share-chip { background: rgba(2, 132, 199, 0.22); border: 1px solid #0284c7; color: #0670b7; }
html[data-theme="light"] .share-chip:hover { background: rgba(2, 132, 199, 0.385); }
html[data-theme="light"] .share-recipient-list { border: 1px solid #dbe3ec; background: #f8fafc; }
html[data-theme="light"] .share-recipient { background: transparent; border: none; border-bottom: 1px solid #e2e8f0; color: #1e293b; }
html[data-theme="light"] .share-recipient:last-child { border-bottom: none; }
html[data-theme="light"] .share-recipient:hover, html[data-theme="light"] .share-recipient:focus-visible { background: #ffffff; }
html[data-theme="light"] .share-recipient.selected { background: rgba(2, 132, 199, 0.198); }
html[data-theme="light"] .share-recipient-avatar { background: #ffffff; border: 1px solid #38bdf8; color: #0680b7; }
html[data-theme="light"] .share-recipient-avatar.is-group { border-color: #5823f6; color: #3307b5; }
html[data-theme="light"] .share-recipient-sub { color: #475569; }
html[data-theme="light"] .share-check { border: 1.5px solid #cbd5e1; color: #0f172a; }
html[data-theme="light"] .share-recipient.selected .share-check { background: #0284c7; border-color: #38bdf8; }
html[data-theme="light"] .share-empty { color: #475569; }
html[data-theme="light"] .share-card { border: 1px solid #dbe3ec; background: #ffffff; color: #1e293b; }
html[data-theme="light"] .share-card:hover { border-color: #38bdf8; }
html[data-theme="light"] .share-card-thumb { background-color: #ffffff; }
html[data-theme="light"] .share-card-kicker { color: #0680b7; }
html[data-theme="light"] .share-card-title { color: #0f172a; }
html[data-theme="light"] .share-card-snippet { color: #475569; }
html[data-theme="light"] .share-card-cta { color: #0680b7; }
html[data-theme="light"] .share-card-badge { background: rgba(255, 255, 255, 0.86); color: #1e293b; }
html[data-theme="light"] .sc-nav { background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(15, 23, 42, 0.12); color: #0f172a; }
html[data-theme="light"] .sc-nav:hover { background: rgba(255, 255, 255, 0.96); }
html[data-theme="light"] .msg-bubble.has-share-card.card-only { background: transparent !important; border: none !important; box-shadow: none; }
@media (max-width: 860px), (pointer: coarse) and (max-height: 500px) {
html[data-theme="light"] .sidebar-toggle { background: none; border: none; box-shadow: none; color: #475569; }
html[data-theme="light"] .sidebar-toggle:hover, html[data-theme="light"] .sidebar-toggle:focus, html[data-theme="light"] .sidebar-toggle:active { background: none !important; box-shadow: none !important; color: #334155; }
html[data-theme="light"] .sidebar-toggle:focus-visible { outline: 2px solid #38bdf8; }
html[data-theme="light"] .sidebar-active-name { color: #0680b7; }
}
html[data-theme="light"] #backend-banner { background: #78350f; color: #a58503; border-bottom: 1px solid #f59e0b; }
html[data-theme="light"] #politics-panel .pp-min { border: 1px solid #dbe3ec; background: #f8fafc; color: #475569; }
html[data-theme="light"] #politics-panel .pp-min:hover, html[data-theme="light"] #politics-panel .pp-min:focus-visible { color: #1e293b; border-color: #38bdf8; }
html[data-theme="light"] #politics-panel .pp-min svg, html[data-theme="light"] #politics-panel .pp-bar svg { fill: none; stroke: currentColor; }
html[data-theme="light"] #politics-panel .pp-bar { background: #f8fafc; border: 1px solid #dbe3ec; color: #1e293b; }
html[data-theme="light"] #politics-panel .pp-bar:hover, html[data-theme="light"] #politics-panel .pp-bar:focus-visible { border-color: #38bdf8; }
html[data-theme="light"] #politics-panel .pp-bar-text b { color: #0f172a; }
html[data-theme="light"] #politics-panel .pp-bar-text span { color: #475569; }
html[data-theme="light"] #politics-panel .pp-bar-show { background: rgba(56, 189, 248, 0.132); color: #047eb9; }
html[data-theme="light"] #update-bar { background: #0c4a6e; color: #0670b7; border-bottom: 1px solid #38bdf8; }
html[data-theme="light"] #update-bar .update-bar-go { background: #38bdf8; color: #082f49; border: none; }
html[data-theme="light"] #update-bar .update-bar-later { background: transparent; color: #057ab8; border: 1px solid #38bdf8; }
html[data-theme="light"] .founder-badge { background: rgba(251, 75, 107, 0.132); border: 1px solid rgba(251, 75, 107, 0.45); color: #b9041a; }
html[data-theme="light"] .founder-badge .pearl-dot, html[data-theme="light"] .welcome-pearl { background: radial-gradient(circle at 35% 28%, #ffd6dd, #fb4b6b 30%, #be123c 70%, #650a22); box-shadow: 0 0 12px rgba(251, 113, 133, 0.27); }
html[data-theme="light"] .founder-share-btn { background: transparent !important; border: 1px solid currentColor !important; color: inherit !important; }
html[data-theme="light"] .welcome-progress span { background: #e2e8f0; }
html[data-theme="light"] .welcome-progress span.on { background: #38bdf8; }
html[data-theme="light"] .welcome-body { color: #334155; }
html[data-theme="light"] .welcome-body h3 { color: #0f172a; }
html[data-theme="light"] .welcome-founder { background: rgba(251, 75, 107, 0.11); border: 1px solid rgba(251, 75, 107, 0.4); }
html[data-theme="light"] .welcome-founder strong { color: #b9041a; }
html[data-theme="light"] .welcome-community { border: 1px solid #dbe3ec; background: rgba(255, 255, 255, 0.68); }
html[data-theme="light"] .welcome-community span { color: #0f172a; }
html[data-theme="light"] .welcome-community small { color: #475569; }
html[data-theme="light"] .welcome-body p.welcome-invite-note { color: #475569; }
html[data-theme="light"] .install-banner { background: #f8fafc; border: 1px solid #38bdf8; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.165); color: #1e293b; }
html[data-theme="light"] .install-banner-text strong { color: #0f172a; }
html[data-theme="light"] .install-banner-text span { color: #475569; }
html[data-theme="light"] .install-banner-actions .install-never { background: none; border: none; color: #475569; }
html[data-theme="light"] .install-steps li { color: #334155; }
html[data-theme="light"] .install-steps li::before { background: #0284c7; color: #fff; }
html[data-theme="light"] .install-steps strong { color: #0f172a; }
html[data-theme="light"] .install-glyph { border: 1px solid #cbd5e1; background: #ffffff; }
html[data-theme="light"] .install-note { background: rgba(56, 189, 248, 0.088); border: 1px solid rgba(56, 189, 248, 0.35); color: #334155; }
html[data-theme="light"] .install-link { border: 1px dashed #cbd5e1; color: #047eb9; }
html[data-theme="light"] .notif-check-out pre { background: #eef2f7; border: 1px solid #e2e8f0; color: #334155; }
html[data-theme="light"] .modtour-badge-row { color: #475569; }
html[data-theme="light"] .modtour-list li { border: 1px solid #dbe3ec; background: rgba(255, 255, 255, 0.68); }
html[data-theme="light"] .modtour-owner { border: 1px solid rgba(147, 51, 234, 0.45); background: rgba(147, 51, 234, 0.11); }
html[data-theme="light"] .modtour-owner strong { color: #5a00bd; }
html[data-theme="light"] .thread-tag-bar { background: rgba(255, 255, 255, 0.93); border: 1px solid #dbe3ec; color: #334155; }
html[data-theme="light"] .thread-tag-bar .ttb-text strong { color: #0f172a; }
html[data-theme="light"] .member-tag.bnet-tag { background: rgba(14, 165, 233, 0.165); border: 1px solid rgba(56, 189, 248, 0.5); color: #047eb9; box-shadow: none !important; }
html[data-theme="light"] .member-tag.phone-tag { background: rgba(250, 204, 21, 0.132); border: 1px solid rgba(250, 204, 21, 0.45); color: #a68503; }
html[data-theme="light"] .member-tag:hover { filter: brightness(1.2); }
html[data-theme="light"] #tag-modal-body label { color: #334155; }
html[data-theme="light"] #tag-modal-body .tag-note { color: #475569; }
html[data-theme="light"] #tag-modal-body .tag-check { color: #1e293b; }
html[data-theme="light"] #tag-modal-body .tag-error { color: #b70606; }
html[data-theme="light"] button.auth-forgot-link { background: none; border: none; color: #047eb9; }
html[data-theme="light"] button.auth-forgot-link:hover { background: none; color: #057ab8; }
html[data-theme="light"] .auth-reset-note { color: #334155; }
html[data-theme="light"] .new-password-note { color: #334155; }
html[data-theme="light"] .new-password-error { color: #b70606; }
html[data-theme="light"] .photo-viewer { background: rgba(255, 255, 255, 0.96); }
html[data-theme="light"] .pv-msg { color: #334155; }
html[data-theme="light"] .pv-top { background: linear-gradient(rgba(255, 255, 255, 0.83), rgba(255, 255, 255, 0.08)); }
html[data-theme="light"] .pv-count { color: #1e293b; }
html[data-theme="light"] button.pv-btn, html[data-theme="light"] button.pv-nav { background: rgba(255, 255, 255, 0.83); border: 1px solid rgba(15, 23, 42, 0.12); color: #0f172a; }
html[data-theme="light"] button.pv-btn:hover, html[data-theme="light"] button.pv-nav:hover { background: rgba(255, 255, 255, 0.96); }
html[data-theme="light"] .pv-hint { color: #1e293b; background: rgba(255, 255, 255, 0.88); border: 1px solid rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .ck-item:hover { background: rgba(56, 189, 248, 0.077); }
html[data-theme="light"] .ck-item:focus-visible { outline: 2px solid #38bdf8; }
html[data-theme="light"] .ck-box { border: 2px solid #94a3b8; background: rgba(255, 255, 255, 0.88); }
html[data-theme="light"] .ck-item.done .ck-box { background: #0ea5e9; border-color: #0ea5e9; }
html[data-theme="light"] .ck-item.done .ck-box::after { border: solid #1e293b; }
html[data-theme="light"] .ck-meter { background: #ffffff; }
html[data-theme="light"] .ck-meter span { background: linear-gradient(90deg, #0ea5e9, #22c55e); }
html[data-theme="light"] .ck-count { color: #475569; }
html[data-theme="light"] .ck-bar.complete .ck-count { color: #1ca14c; }
html[data-theme="light"] button.ck-share { background: transparent; border: 1px solid #dbe3ec; color: #047eb9; }
html[data-theme="light"] button.ck-share:hover { background: #ffffff; }
html[data-theme="light"] .getting-started { background: linear-gradient(160deg, rgba(14, 165, 233, 0.154), rgba(255, 255, 255, 0.96) 55%); border: 1px solid rgba(56, 189, 248, 0.35); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .gs-head strong { color: #0f172a; }
html[data-theme="light"] .gs-count { color: #047eb9; }
html[data-theme="light"] .gs-hide { background: none !important; border: 0 !important; color: #475569 !important; box-shadow: none !important; }
html[data-theme="light"] .gs-bar { background: #ffffff; }
html[data-theme="light"] .gs-bar span { background: linear-gradient(90deg, #38bdf8, #22c55e); }
html[data-theme="light"] .gs-item { color: #1e293b; }
html[data-theme="light"] .gs-check { border: 2px solid #cbd5e1; }
html[data-theme="light"] .gs-item.done .gs-check { background: #22c55e; border-color: #22c55e; }
html[data-theme="light"] .gs-item.done .gs-check::after { border: solid #e2e8f0; }
html[data-theme="light"] .gs-item.done .gs-text { color: #475569; text-decoration-color: rgba(71, 85, 105, 0.5); }
html[data-theme="light"] .gs-done-note { color: #13aa48; }
html[data-theme="light"] .first-reply { background: linear-gradient(160deg, rgba(34, 197, 94, 0.132), rgba(255, 255, 255, 0.96) 55%); border: 1px solid rgba(74, 222, 128, 0.32); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .fr-head strong { color: #0f172a; }
html[data-theme="light"] .fr-sub { color: #475569; }
html[data-theme="light"] .fr-item { border-top: 1px solid rgba(15, 23, 42, 0.098); }
html[data-theme="light"] .fr-meta { color: #475569; }
html[data-theme="light"] .fr-meta .clickable-username { color: #0680b7; }
html[data-theme="light"] .fr-line { color: #1e293b; }
html[data-theme="light"] #forum-feed:focus { outline: none; }
html[data-theme="light"] .stale-feed-note { background: rgba(120, 53, 15, 0.385); border: 1px solid rgba(245, 158, 11, 0.5); color: #a68503; }
html[data-theme="light"] #offline-banner { background: #7c2d12; color: #bd6c00; border-bottom: 1px solid #fb923c; }
html[data-theme="light"] .founder-box { border: 1px solid #7f1d3a; background: radial-gradient(120% 70% at 50% 0%, #eef2f7 0%, #f8fafc 62%); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18), 0 0 40px rgba(244, 63, 94, 0.081); }
html[data-theme="light"] .founder-kicker { color: #b9041a; background: rgba(244, 63, 94, 0.154); border: 1px solid rgba(244,63,94,.35); }
html[data-theme="light"] .founder-head h2 { color: #bd000d; border: none; }
html[data-theme="light"] .founder-sub { color: #334155; }
html[data-theme="light"] .founder-counter { color: #b9041a; }
html[data-theme="light"] .founder-counter strong { color: #b8051f; text-shadow: 0 0 18px rgba(251, 113, 133, 0.225); }
html[data-theme="light"] .founder-meter { background: #ffffff; }
html[data-theme="light"] .founder-meter > div { background: linear-gradient(90deg, #be123c, #fb7185); }
html[data-theme="light"] .founder-bowl { background: none !important; border: none !important; outline: none; }
html[data-theme="light"] .founder-bowl:focus-visible .founder-svg { filter: drop-shadow(0 0 10px rgba(251, 113, 133, 0.45)) drop-shadow(0 14px 22px rgba(15, 23, 42, 0.135)); }
html[data-theme="light"] .founder-svg { filter: drop-shadow(0 14px 22px rgba(15, 23, 42, 0.135)); }
html[data-theme="light"] .founder-hint { color: #b9041a; }
html[data-theme="light"] .founder-result { background: linear-gradient(180deg, rgba(190, 18, 60, 0.242), rgba(255, 255, 255, 0.96)); border: 1px solid #be123c; }
html[data-theme="light"] .founder-result .label { color: #b9041a; }
html[data-theme="light"] .founder-code { color: #0f172a; }
html[data-theme="light"] #founder-use-btn { background: linear-gradient(180deg, #fb4b6b, #be123c); color: #fff; border: none; }
html[data-theme="light"] .founder-status { color: #b9041a; }
html[data-theme="light"] .founder-explainer { background: #ffffff; border: 1px solid #dbe3ec; border-left: 3px solid #f9203f; color: #334155; }
html[data-theme="light"] .founder-explainer strong { color: #b9041a; }
html[data-theme="light"] .founder-links button { background: none !important; border: none !important; color: #047eb9; }
html[data-theme="light"] .profile-card-bio { color: #334155; }
html[data-theme="light"] .profile-aquarium-head { color: #475569; }
html[data-theme="light"] .profile-aquarium-tank { background: #245a70; }
html[data-theme="light"] .profile-aquarium-hint { color: #475569; }
html[data-theme="light"] .profile-garden-btn { background: rgba(22, 163, 74, 0.154); border: 1px solid rgba(52, 228, 116, 0.5); color: #13aa48; }
html[data-theme="light"] .profile-garden-btn:hover:not(:disabled) { background: rgba(22, 163, 74, 0.286); }
html[data-theme="light"] .profile-add-bio { background: transparent; border: 1px dashed #cbd5e1; color: #475569; }
html[data-theme="light"] .profile-add-bio:hover { color: #1e293b; }
html[data-theme="light"] .bio-help { color: #475569; }
html[data-theme="light"] #profile-bio-input { background: #f8fafc; color: #1e293b; border: 1px solid #dbe3ec; }
html[data-theme="light"] #profile-bio-input:focus { border-color: #38bdf8; outline: none; }
html[data-theme="light"] .bio-count { color: #5b6b80; }
html[data-theme="light"] .bio-count.is-over { color: #b40808; }
html[data-theme="light"] .bio-status { color: #0eae79; }
html[data-theme="light"] .bio-status.is-error { color: #b40808; }
html[data-theme="light"] .uname-field::before { color: #5b6b80; }
html[data-theme="light"] .uname-check { color: #475569; }
html[data-theme="light"] .uname-check.is-ok { color: #0eae79; }
html[data-theme="light"] .uname-check.is-bad { color: #b40808; }
html[data-theme="light"] .ptt-key-row { color: #475569; }
html[data-theme="light"] .ptt-key-row kbd { background: #ffffff; border: 1px solid #cbd5e1; color: #0f172a; }
html[data-theme="light"] .ptt-key-row kbd.is-waiting { color: #a57803; border-color: #fbbf24; }
html[data-theme="light"] .ptt-btn { background: #f8fafc; color: #334155; border: 1px solid #cbd5e1; }
html[data-theme="light"] .ptt-btn.is-live { background: #10b981; color: #0f172a; border-color: #10b981; }
html[data-theme="light"] .ptt-toggle { background: transparent; color: #5b6b80; border: 1px dashed #cbd5e1; }
html[data-theme="light"] .ptt-toggle.is-on { color: #0eae79; border: 1px solid #10b981; background: rgba(16, 185, 129, 0.11); }
html[data-theme="light"] .voice-strip { background: rgba(255, 255, 255, 0.96); border: 1px solid #10b981; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.135); }
html[data-theme="light"] .vs-open { background: transparent; border: none; color: #1e293b; }
html[data-theme="light"] .vs-dot { background: #10b981; }
html[data-theme="light"] .vs-face { border: 2px solid #dbe3ec; }
html[data-theme="light"] .vs-face.is-speaking { border-color: #22c55e; box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.158), 0 0 10px rgba(34, 197, 94, 0.315); }
html[data-theme="light"] .vs-more { color: #475569; }
html[data-theme="light"] .vs-btn { background: #f8fafc; color: #334155; border: 1px solid #cbd5e1; }
html[data-theme="light"] .vs-btn.is-muted { color: #b40808; border-color: #ef4444; }
html[data-theme="light"] .vs-leave { background: #dc2626; border-color: #dc2626; color: #fff; }
html[data-theme="light"] .perms-owner-row { background: #ffffff; border: 1px solid #dbe3ec; color: #334155; }
html[data-theme="light"] .perms-owner-row strong { color: #a57803; }
html[data-theme="light"] .perms-section-title { color: #475569; }
html[data-theme="light"] .chk-note { color: #475569; }
html[data-theme="light"] .thread-rules-pill { color: #047eb9; background: rgba(56, 189, 248, 0.088); border: 1px solid rgba(56, 189, 248, 0.45); }
html[data-theme="light"] .thread-rules-pill:hover, html[data-theme="light"] .thread-rules-pill:focus-visible { background: rgba(56, 189, 248, 0.198); border-color: #38bdf8; color: #0670b7; }
html[data-theme="light"] .pond-pill { color: #fff; background: linear-gradient(135deg, #fb923c, #f43f5e); border: 1px solid rgba(252, 148, 28, 0.6); box-shadow: 0 4px 14px rgba(244, 63, 94, 0.158), inset 0 1px 0 rgba(15, 23, 42, 0.036); text-shadow: 0 1px 1px rgba(124, 45, 18, 0.225); }
html[data-theme="light"] .pond-pill:hover, html[data-theme="light"] .pond-pill:focus-visible { background: linear-gradient(135deg, #fdba74, #fb7185); border-color: #fc941c; color: #fff; box-shadow: 0 6px 18px rgba(244, 63, 94, 0.225), inset 0 1px 0 rgba(15, 23, 42, 0.042); }
html[data-theme="light"] .pond-pill.unfound::after { border: 2px solid rgba(251, 146, 60, 0.85); }
html[data-theme="light"] .pond-invite { background: linear-gradient(160deg, rgba(251, 146, 60, 0.176), rgba(255, 255, 255, 0.96) 55%); border: 1px solid rgba(251, 146, 60, 0.5); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .pond-invite-art { background: #0f4a4a; }
html[data-theme="light"] .pond-invite-kicker { color: #ba6003; }
html[data-theme="light"] .pond-invite-title { color: #0f172a; }
html[data-theme="light"] .pond-invite-text { color: #334155; }
html[data-theme="light"] button.pond-invite-go { color: #fff; background: linear-gradient(135deg, #fb923c, #f43f5e); border: 1px solid rgba(252, 148, 28, 0.6); box-shadow: 0 4px 14px rgba(244, 63, 94, 0.158); text-shadow: 0 1px 1px rgba(124, 45, 18, 0.225); }
html[data-theme="light"] button.pond-invite-go:hover, html[data-theme="light"] button.pond-invite-go:focus-visible { background: linear-gradient(135deg, #fdba74, #fb7185); color: #fff; }
html[data-theme="light"] .pond-invite-where { color: #475569; }
html[data-theme="light"] .pond-invite-where b { color: #ba6003; }
html[data-theme="light"] button.pond-invite-hide { background: rgba(255, 255, 255, 0.63) !important; border: 0 !important; color: #334155 !important; box-shadow: none !important; }
@media (max-width: 600px) {
html[data-theme="light"] button.pond-invite-hide { background: rgba(255, 255, 255, 0.78) !important; }
}
html[data-theme="light"] .thread-rules-pill.is-empty { color: #475569; border-color: #cbd5e1; background: transparent; }
html[data-theme="light"] .rules-text { color: #1e293b; background: #ffffff; border: 1px solid #e2e8f0; }
html[data-theme="light"] .rules-text a { color: #0680b7; }
html[data-theme="light"] .rules-text:focus-visible { outline: 2px solid #38bdf8; }
html[data-theme="light"] .rules-empty { color: #475569; }
html[data-theme="light"] .rules-meta { color: #5b6b80; }
html[data-theme="light"] .rules-site { color: #5b6b80; }
html[data-theme="light"] .rules-site a { color: #047eb9; }
html[data-theme="light"] .rules-site a:hover, html[data-theme="light"] .rules-site a:focus-visible { color: #0670b7; }
html[data-theme="light"] .rules-label { color: #475569; }
html[data-theme="light"] #rules-input { background: #f8fafc; color: #1e293b; border: 1px solid #dbe3ec; }
html[data-theme="light"] #rules-input:focus { border-color: #38bdf8; outline: none; }
html[data-theme="light"] .rules-count { color: #5b6b80; }
html[data-theme="light"] .rules-count.is-near { color: #a57803; }
html[data-theme="light"] .rules-status { color: #475569; }
html[data-theme="light"] .rules-status.is-error { color: #b40808; }
html[data-theme="light"] .gif-btn { background: transparent; border: 1px solid #cbd5e1; color: #334155; }
html[data-theme="light"] .gif-btn:hover { border-color: #38bdf8; color: #0680b7; background: transparent; }
html[data-theme="light"] #gif-search { background: #f8fafc; color: #1e293b; border: 1px solid #dbe3ec; }
html[data-theme="light"] #gif-search:focus { border-color: #38bdf8; outline: none; }
html[data-theme="light"] .gif-pick { background: #ffffff; border: 1px solid #e2e8f0; }
html[data-theme="light"] .gif-pick:hover, html[data-theme="light"] .gif-pick:focus-visible { border-color: #38bdf8; background: #ffffff; }
html[data-theme="light"] .gif-status { color: #475569; }
html[data-theme="light"] .gif-attrib { color: #5b6b80; }
html[data-theme="light"] img.gif-embed { background: #ffffff; }
html[data-theme="light"] .auth-optional { color: #5b6b80; }
html[data-theme="light"] .auth-pond-return { border-color: rgba(56, 189, 248, 0.6); }
html[data-theme="light"] .auth-pond-return span { color: #0670b7; }
html[data-theme="light"] .gi-text { color: #334155; }
html[data-theme="light"] .gi-text strong { color: #0f172a; }
html[data-theme="light"] .gi-foot { color: #b9041a; }
html[data-theme="light"] .gi-foot a, html[data-theme="light"] .join-card-about { color: #047eb9; }
html[data-theme="light"] .join-card { background: #f8fafc; border: 1px solid #38bdf8; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18), 0 0 22px rgba(56, 189, 248, 0.081); }
html[data-theme="light"] .join-card strong { color: #0f172a; }
html[data-theme="light"] .join-card p { color: #334155; }
html[data-theme="light"] .join-card-close { background: transparent; color: #475569; }
html[data-theme="light"] .join-card-close:hover { background: #ffffff; color: #0f172a; }
html[data-theme="light"] .post-item.linked-post { border-color: rgba(56, 189, 248, 0.6) !important; }
html[data-theme="light"] .founder-ribbon { background: linear-gradient(90deg, rgba(190, 18, 60, 0.385), rgba(251, 113, 133, 0.198)) !important; border: 1px solid #be123c !important; color: #bd000e !important; }
html[data-theme="light"] .founder-ribbon .dot { background: radial-gradient(circle at 35% 30%, #ffd6dd, #fb4b6b 35%, #9f1239); box-shadow: 0 0 10px rgba(251, 113, 133, 0.36); }
html[data-theme="light"] .founder-ribbon b { color: #b8051f; }
html[data-theme="light"] .founder-closed-note { color: #334155; background: #ffffff; border: 1px solid #dbe3ec; border-left: 3px solid #f9203f; }
html[data-theme="light"] .report-reason { background: #f8fafc; border: 1px solid #dbe3ec; color: #334155; }
html[data-theme="light"] .report-reason input { accent-color: #0680b7; }
html[data-theme="light"] .report-reason:has(input:checked) { border-color: #38bdf8; background: #0c2a3f; color: #f8fafc; }
html[data-theme="light"] .report-context { color: #475569; background: #f8fafc; border-left: 3px solid #cbd5e1; }
html[data-theme="light"] .report-status { color: #b40808; }
html[data-theme="light"] .report-status.ok { color: #209d6f; }
html[data-theme="light"] .btn-report-link { background: none; border: none; color: #5b6b80; }
html[data-theme="light"] .btn-report-link:hover { color: #b40808; }
html[data-theme="light"] .msg-report-btn { background: none; border: none; color: #475569; }
html[data-theme="light"] .msg-report-btn:hover { color: #b40808; }
html[data-theme="light"] .profile-safety-row button { background: transparent; border: 1px solid #cbd5e1; color: #334155; }
html[data-theme="light"] .profile-safety-row button:hover { border-color: #ef4444; color: #b70606; background: transparent; }
html[data-theme="light"] .profile-modlog { border: 1px solid #cbd5e1; color: #047eb9; }
html[data-theme="light"] .profile-modlog:hover { border-color: #38bdf8; }
html[data-theme="light"] .blocked-row { background: #ffffff; }
html[data-theme="light"] .legal-links a { color: #047eb9; }
html[data-theme="light"] .terms-consent { color: #334155; }
html[data-theme="light"] .terms-consent input { accent-color: #0680b7; }
html[data-theme="light"] .terms-consent a { color: #047eb9; }
html[data-theme="light"] .ui-dialog-box { border: 1px solid #38bdf8; background: #f8fafc; box-shadow: 0 20px 40px rgba(15, 23, 42, 0.18), 0 0 24px rgba(56, 189, 248, 0.099); }
html[data-theme="light"] .ui-dialog-box.danger { border-color: #ef4444; box-shadow: 0 20px 40px rgba(15, 23, 42, 0.18), 0 0 24px rgba(239, 68, 68, 0.09); }
html[data-theme="light"] .ui-dialog-title { color: #0680b7; border: none; }
html[data-theme="light"] .ui-dialog-box.danger .ui-dialog-title { color: #b40808; }
html[data-theme="light"] .ui-dialog-message { color: #334155; }
html[data-theme="light"] .ui-dialog-box.danger #ui-dialog-ok { background: #dc2626; color: #fff; border-color: #dc2626; }
html[data-theme="light"] .banner-editor-help { color: #475569; }
html[data-theme="light"] .banner-crop-frame { background: #eef2f7; border: 2px solid #38bdf8; }
html[data-theme="light"] .banner-crop-frame:focus-visible { outline: 3px solid #1fb3fa; }
html[data-theme="light"] .banner-crop-guides::before, html[data-theme="light"] .banner-crop-guides::after { background: rgba(255, 255, 255, 0.63); }
html[data-theme="light"] .banner-crop-guides::before { border-bottom: 1px dashed rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .banner-crop-guides::after { border-top: 1px dashed rgba(15, 23, 42, 0.12); }
html[data-theme="light"] .banner-zoom-row { color: #475569; }
html[data-theme="light"] .banner-zoom-row input[type="range"] { accent-color: #0680b7; }
html[data-theme="light"] .banner-hint { color: #5b6b80; }
html[data-theme="light"] .banner-previews canvas { border: 1px solid #dbe3ec; background: #eef2f7; }
html[data-theme="light"] .banner-previews figcaption { color: #475569; }
html[data-theme="light"] .psc-card { background-color: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .psc-promises { border-color: #0e7490; background: linear-gradient(180deg, rgba(14, 116, 144, 0.154), #f8fafc); }
html[data-theme="light"] .psc-title { color: #0f172a; border: none; }
html[data-theme="light"] .psc-note { color: #475569; }
html[data-theme="light"] .psc-list li { color: #334155; }
html[data-theme="light"] .psc-links a { color: #047eb9; }
html[data-theme="light"] .passkey-row { background: #f8fafc; border: 1px solid #dbe3ec; }
html[data-theme="light"] .passkey-name { color: #1e293b; }
html[data-theme="light"] .passkey-meta { color: #475569; }
html[data-theme="light"] #mfa-qr { background: #0f172a; }
html[data-theme="light"] #mfa-secret { background: #eef2f7; border: 1px solid #dbe3ec; color: #1e293b; }
html[data-theme="light"] .mfa-help { color: #475569; }
html[data-theme="light"] .ui-dialog-choices button.current { border-color: #38bdf8; color: #047eb9; }
html[data-theme="light"] .chat-privacy-banner { color: #057ab8; background: rgba(2, 132, 199, 0.154); border: 1px solid rgba(56,189,248,.35); }
html[data-theme="light"] .chat-options-btn { background: transparent; border: 1px solid #dbe3ec; color: #475569; }
html[data-theme="light"] .chat-options-btn:hover { color: #0f172a; border-color: #38bdf8; }
html[data-theme="light"] .chat-e2ee-banner { border: 1px solid; }
html[data-theme="light"] .chat-e2ee-banner.ok { color: #13aa48; background: rgba(22, 163, 74, 0.132); border-color: rgba(34, 197, 94, 0.4); }
html[data-theme="light"] .chat-e2ee-banner.warn { color: #a68503; background: rgba(217, 119, 6, 0.154); border-color: rgba(234, 179, 8, 0.45); }
html[data-theme="light"] .chat-e2ee-banner .e2ee-btn { background: transparent; border: 1px solid currentColor; color: inherit; }
html[data-theme="light"] .chat-e2ee-lock { border: 1px solid transparent; background: transparent; color: var(--lock); }
html[data-theme="light"] .chat-e2ee-lock svg { fill: none; stroke: currentColor; }
html[data-theme="light"] .chat-e2ee-lock:focus-visible, html[data-theme="light"] .chat-e2ee-lock[aria-expanded="true"] { border-color: var(--lock); background: rgba(15, 23, 42, 0.056); }
html[data-theme="light"] #chat-e2ee-lock:hover:not(:disabled) { color: var(--lock) !important; border-color: var(--lock) !important; box-shadow: none !important; background: rgba(15, 23, 42, 0.056); }
html[data-theme="light"] .msg-lock.old-key { color: #a67f03; }
html[data-theme="light"] .msg-unverified { color: #a67f03; }
html[data-theme="light"] .msg-reveal-btn { background: transparent; border: 1px solid currentColor; color: inherit; }
html[data-theme="light"] .psc-secure { border-color: rgba(34, 197, 94, 0.45); background: rgba(22, 163, 74, 0.066); }
html[data-theme="light"] .yn-text-btn { border: none; }
@media (max-width: 768px), (pointer: coarse) and (max-height: 500px) {
html[data-theme="light"] .feed-card { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
html[data-theme="light"] .threads-sidebar, html[data-theme="light"] .top-banner, html[data-theme="light"] .ticker-wrap, html[data-theme="light"] .feed-toolbar { background: rgba(255, 255, 255, 0.88) !important; }
html[data-theme="light"] .post-item { background: rgba(255, 255, 255, 0.8) !important; border-color: rgba(15, 23, 42, 0.16) !important; }
html[data-theme="light"] .post-item.pinned-post { background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.82)) !important; border-color: rgba(234, 179, 8, 0.4) !important; }
html[data-theme="light"] .thread-header-bar { text-shadow: 0 1px 8px rgba(15, 23, 42, 0.18); }
}
@media (max-width: 768px), (pointer: coarse) and (max-height: 500px) {
html[data-theme="light"] .ptr-pill { background: rgba(255, 255, 255, 0.96); border: 1px solid #38bdf8; color: #1e293b; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.15); }
html[data-theme="light"] .ptr-pill.ptr-armed { border-color: #22c55e; color: #13aa48; }
}
@media (hover: none) {
html[data-theme="light"] .post-item:hover { box-shadow: none !important; }
}
html[data-theme="light"] :is(#mfa-modal, #rules-modal, #gif-modal, #banner-editor-modal, #report-modal, #problem-modal, #welcome-modal, #modtour-modal, #install-modal, #tag-modal, #new-password-modal, #delete-confirm-modal, #thread-delete-modal, #updates-modal, #perms-modal, #saved-modal, #edit-history-modal, #chat-config-modal, #voice-invite-modal) .modal-header > :is(h2, h3)::before { background-color: currentColor; }
html[data-theme="light"] .post-more-btn[aria-expanded="true"] { border-color: #38bdf8 !important; color: #0f172a !important; }
html[data-theme="light"] .post-more-menu { background: #f8fafc; border: 1px solid #dbe3ec; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.15); }
html[data-theme="light"] .post-more-item { background: none; border: none; color: #1e293b; }
html[data-theme="light"] .post-more-item:hover, html[data-theme="light"] .post-more-item:focus-visible { background: #ffffff; color: #0f172a; }
html[data-theme="light"] .post-more-item svg { color: #475569; }
html[data-theme="light"] .post-more-item.is-danger, html[data-theme="light"] .post-more-item.is-danger svg { color: #b40808; }
html[data-theme="light"] .post-more-item.is-danger:hover, html[data-theme="light"] .post-more-item.is-danger:focus-visible { background: rgba(239, 68, 68, 0.132); color: #b70606; }
html[data-theme="light"] .post-more-item.saved svg { color: #a57803; }
html[data-theme="light"] .pol { --pol-bg: #f8fafc; --pol-line: #e2e8f0; --pol-ink: #1e293b; --pol-dim: #475569; background: var(--pol-bg); border: 1px solid #dbe3ec; color: var(--pol-ink); }
html[data-theme="light"] .pol-title { color: #0f172a; }
html[data-theme="light"] .pol-live { color: #209d6f; }
html[data-theme="light"] .pol-live::before { background: #34d399; box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.09); }
html[data-theme="light"] .pol-updated { color: var(--pol-dim); }
html[data-theme="light"] .pol-tabs { border-bottom: 1px solid var(--pol-line); }
html[data-theme="light"] .pol-tabs button { background: none; border: 0; border-bottom: 2px solid transparent; color: var(--pol-dim); }
html[data-theme="light"] .pol-tabs button[aria-selected="true"] { color: #0f172a; border-bottom-color: #38bdf8; }
html[data-theme="light"] .pol-tabs button:hover { color: #0f172a; background: none; }
html[data-theme="light"] .pol h4 { color: #0f172a; }
html[data-theme="light"] .pol-sub { color: var(--pol-dim); }
html[data-theme="light"] .pol-dim { color: var(--pol-dim); }
html[data-theme="light"] .pol-big span { color: var(--pol-dim); }
html[data-theme="light"] .pol-lead { background: #ffffff; }
html[data-theme="light"] .pol-tip { background: #ffffff; border: 1px solid #dbe3ec; color: var(--pol-ink); box-shadow: 0 10px 30px rgba(15, 23, 42, 0.15); }
html[data-theme="light"] .pol-legend { color: var(--pol-dim); }
html[data-theme="light"] .pol-list li { border-bottom: 1px solid var(--pol-line); }
html[data-theme="light"] .pol-list a { color: #047eb9; }
html[data-theme="light"] .pol-race { background: none; border: 0; color: inherit; }
html[data-theme="light"] .pol-race:hover .pol-track { outline: 1px solid #cbd5e1; }
html[data-theme="light"] .pol-race .st { color: #0f172a; }
html[data-theme="light"] .pol-track { background: #ffffff; }
html[data-theme="light"] .pol-track em { color: #0f172a; text-shadow: 0 1px 2px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .pol-bar { background: var(--pol-bg); }
html[data-theme="light"] .pol-bar .notup-D { background: repeating-linear-gradient(45deg, #1e3a8a 0 4px, #1d4ed8 4px 8px); }
html[data-theme="light"] .pol-bar .notup-R { background: repeating-linear-gradient(45deg, #7f1d1d 0 4px, #b91c1c 4px 8px); }
html[data-theme="light"] .pol-mark { background: #0f172a; }
html[data-theme="light"] .pol-counts { color: var(--pol-dim); }
html[data-theme="light"] .pol-counts b { color: #0f172a; }
html[data-theme="light"] .pol-map .shape:focus { outline: none; }
html[data-theme="light"] .pol-map .shape.sel, html[data-theme="light"] .pol-map .shape:focus-visible { stroke: #0f172a; }
html[data-theme="light"] .pol-card { background: #ffffff; border: 1px solid #dbe3ec; }
html[data-theme="light"] .pol-card h5 { color: #0f172a; }
html[data-theme="light"] .pol-chip { color: #0f172a; }
html[data-theme="light"] .pol-chip.dark { color: #0f172a; }
html[data-theme="light"] .pol-raters { color: var(--pol-dim); }
html[data-theme="light"] .pol-pick button { background: #ffffff; border: 1px solid #dbe3ec; color: var(--pol-ink); }
html[data-theme="light"] .pol-pick button:hover { border-color: #94a3b8; }
html[data-theme="light"] .pol-foot { border-top: 1px solid var(--pol-line); color: var(--pol-dim); }
html[data-theme="light"] .pol-foot a { color: #047eb9; }
html[data-theme="light"] .pol-foot details summary { color: #334155; }
html[data-theme="light"] .pol-msg { color: var(--pol-dim); }
html[data-theme="light"] .pol-swipe { color: var(--pol-dim); }
html[data-theme="light"] .ca-bar .tr { background: #ffffff; }
html[data-theme="light"] .ca-bar b { color: #0f172a; }
html[data-theme="light"] .ca-prov a, html[data-theme="light"] .ca-list a { color: #047eb9; }
html[data-theme="light"] .ca-prov { border: 1px solid #dbe3ec; background: #ffffff; }
html[data-theme="light"] .ca-prov.hot { border-color: #38bdf8; box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.113); }
html[data-theme="light"] .ca-prov h5 { color: #0f172a; }
html[data-theme="light"] .ca-when { color: var(--pol-dim); }
html[data-theme="light"] .ca-when.soon { color: #047eb9; }
html[data-theme="light"] .ca-tag { background: #0c4a6e; color: #057ab8; }
html[data-theme="light"] .ca-list li { border-bottom: 1px solid var(--pol-line); }
html[data-theme="light"] .ca-list li b { color: #0f172a; }
html[data-theme="light"] .ca-table th, html[data-theme="light"] .ca-table td { border-bottom: 1px solid var(--pol-line); }
html[data-theme="light"] .ca-table th { color: var(--pol-dim); }
html[data-theme="light"] .ca-senate button { border: 0; }
html[data-theme="light"] .ca-senate button.vac { background: transparent; border: 1.5px dashed #94a3b8; }
html[data-theme="light"] .ca-senate button.sel { outline: 2px solid #1e293b; }
html[data-theme="light"] .ca-views button { background: #ffffff; border: 1px solid #dbe3ec; color: var(--pol-ink); }
html[data-theme="light"] .ca-views button:hover { border-color: #94a3b8; }
html[data-theme="light"] .ca-find input { border: 1px solid #dbe3ec; background: #ffffff; color: var(--pol-ink); }
html[data-theme="light"] .ca-geo-box { background: #ffffff; }
html[data-theme="light"] .ca-geo .shape { stroke: #0f172a; }
html[data-theme="light"] .ca-geo .shape:hover { filter: brightness(1.18); }
html[data-theme="light"] .ca-geo .ca-borders { fill: none; stroke: #0f172a; }
html[data-theme="light"] .ca-geo .ca-mark { fill: #0f172a; stroke: #0f172a; }
html[data-theme="light"] .ca-geo .ca-labels { fill: #0f172a; stroke: #0f172a; }
html[data-theme="light"] .ca-zoom button { background: rgba(255, 255, 255, 0.96); border: 1px solid #dbe3ec; color: #0f172a; }
html[data-theme="light"] .ca-vac-key { background: repeating-linear-gradient(45deg, #64748b 0 2px, #ffffff 2px 5px) !important; }
/* colours written into style="" */
html[data-theme="light"] [style^="color: #00f0ff"], html[data-theme="light"] [style^="color:#00f0ff"], html[data-theme="light"] [style*=" color: #00f0ff"], html[data-theme="light"] [style*=";color: #00f0ff"], html[data-theme="light"] [style*=";color:#00f0ff"], html[data-theme="light"] [style^="color: rgb(0, 240, 255)"], html[data-theme="light"] [style^="color:rgb(0, 240, 255)"], html[data-theme="light"] [style*=" color: rgb(0, 240, 255)"], html[data-theme="light"] [style*=";color: rgb(0, 240, 255)"], html[data-theme="light"] [style*=";color:rgb(0, 240, 255)"] { color: #00b2bd !important; }
html[data-theme="light"] [style^="color: #10b981"], html[data-theme="light"] [style^="color:#10b981"], html[data-theme="light"] [style*=" color: #10b981"], html[data-theme="light"] [style*=";color: #10b981"], html[data-theme="light"] [style*=";color:#10b981"], html[data-theme="light"] [style^="color: rgb(16, 185, 129)"], html[data-theme="light"] [style^="color:rgb(16, 185, 129)"], html[data-theme="light"] [style*=" color: rgb(16, 185, 129)"], html[data-theme="light"] [style*=";color: rgb(16, 185, 129)"], html[data-theme="light"] [style*=";color:rgb(16, 185, 129)"] { color: #0eae79 !important; }
html[data-theme="light"] [style^="color: #22c55e"], html[data-theme="light"] [style^="color:#22c55e"], html[data-theme="light"] [style*=" color: #22c55e"], html[data-theme="light"] [style*=";color: #22c55e"], html[data-theme="light"] [style*=";color:#22c55e"], html[data-theme="light"] [style^="color: rgb(34, 197, 94)"], html[data-theme="light"] [style^="color:rgb(34, 197, 94)"], html[data-theme="light"] [style*=" color: rgb(34, 197, 94)"], html[data-theme="light"] [style*=";color: rgb(34, 197, 94)"], html[data-theme="light"] [style*=";color:rgb(34, 197, 94)"] { color: #1aa24c !important; }
html[data-theme="light"] [style^="color: #38bdf8"], html[data-theme="light"] [style^="color:#38bdf8"], html[data-theme="light"] [style*=" color: #38bdf8"], html[data-theme="light"] [style*=";color: #38bdf8"], html[data-theme="light"] [style*=";color:#38bdf8"], html[data-theme="light"] [style^="color: rgb(56, 189, 248)"], html[data-theme="light"] [style^="color:rgb(56, 189, 248)"], html[data-theme="light"] [style*=" color: rgb(56, 189, 248)"], html[data-theme="light"] [style*=";color: rgb(56, 189, 248)"], html[data-theme="light"] [style*=";color:rgb(56, 189, 248)"] { color: #0680b7 !important; }
html[data-theme="light"] [style^="color: #64748b"], html[data-theme="light"] [style^="color:#64748b"], html[data-theme="light"] [style*=" color: #64748b"], html[data-theme="light"] [style*=";color: #64748b"], html[data-theme="light"] [style*=";color:#64748b"], html[data-theme="light"] [style^="color: rgb(100, 116, 139)"], html[data-theme="light"] [style^="color:rgb(100, 116, 139)"], html[data-theme="light"] [style*=" color: rgb(100, 116, 139)"], html[data-theme="light"] [style*=";color: rgb(100, 116, 139)"], html[data-theme="light"] [style*=";color:rgb(100, 116, 139)"] { color: #5b6b80 !important; }
html[data-theme="light"] [style^="color: #7dd3fc"], html[data-theme="light"] [style^="color:#7dd3fc"], html[data-theme="light"] [style*=" color: #7dd3fc"], html[data-theme="light"] [style*=";color: #7dd3fc"], html[data-theme="light"] [style*=";color:#7dd3fc"], html[data-theme="light"] [style^="color: rgb(125, 211, 252)"], html[data-theme="light"] [style^="color:rgb(125, 211, 252)"], html[data-theme="light"] [style*=" color: rgb(125, 211, 252)"], html[data-theme="light"] [style*=";color: rgb(125, 211, 252)"], html[data-theme="light"] [style*=";color:rgb(125, 211, 252)"] { color: #047eb9 !important; }
html[data-theme="light"] [style^="color: #94a3b8"], html[data-theme="light"] [style^="color:#94a3b8"], html[data-theme="light"] [style*=" color: #94a3b8"], html[data-theme="light"] [style*=";color: #94a3b8"], html[data-theme="light"] [style*=";color:#94a3b8"], html[data-theme="light"] [style^="color: rgb(148, 163, 184)"], html[data-theme="light"] [style^="color:rgb(148, 163, 184)"], html[data-theme="light"] [style*=" color: rgb(148, 163, 184)"], html[data-theme="light"] [style*=";color: rgb(148, 163, 184)"], html[data-theme="light"] [style*=";color:rgb(148, 163, 184)"] { color: #475569 !important; }
html[data-theme="light"] [style^="color: #cbd5e1"], html[data-theme="light"] [style^="color:#cbd5e1"], html[data-theme="light"] [style*=" color: #cbd5e1"], html[data-theme="light"] [style*=";color: #cbd5e1"], html[data-theme="light"] [style*=";color:#cbd5e1"], html[data-theme="light"] [style^="color: rgb(203, 213, 225)"], html[data-theme="light"] [style^="color:rgb(203, 213, 225)"], html[data-theme="light"] [style*=" color: rgb(203, 213, 225)"], html[data-theme="light"] [style*=";color: rgb(203, 213, 225)"], html[data-theme="light"] [style*=";color:rgb(203, 213, 225)"] { color: #334155 !important; }
html[data-theme="light"] [style^="color: #e0f2fe"], html[data-theme="light"] [style^="color:#e0f2fe"], html[data-theme="light"] [style*=" color: #e0f2fe"], html[data-theme="light"] [style*=";color: #e0f2fe"], html[data-theme="light"] [style*=";color:#e0f2fe"], html[data-theme="light"] [style^="color: rgb(224, 242, 254)"], html[data-theme="light"] [style^="color:rgb(224, 242, 254)"], html[data-theme="light"] [style*=" color: rgb(224, 242, 254)"], html[data-theme="light"] [style*=";color: rgb(224, 242, 254)"], html[data-theme="light"] [style*=";color:rgb(224, 242, 254)"] { color: #0670b7 !important; }
html[data-theme="light"] [style^="color: #e2e8f0"], html[data-theme="light"] [style^="color:#e2e8f0"], html[data-theme="light"] [style*=" color: #e2e8f0"], html[data-theme="light"] [style*=";color: #e2e8f0"], html[data-theme="light"] [style*=";color:#e2e8f0"], html[data-theme="light"] [style^="color: rgb(226, 232, 240)"], html[data-theme="light"] [style^="color:rgb(226, 232, 240)"], html[data-theme="light"] [style*=" color: rgb(226, 232, 240)"], html[data-theme="light"] [style*=";color: rgb(226, 232, 240)"], html[data-theme="light"] [style*=";color:rgb(226, 232, 240)"] { color: #1e293b !important; }
html[data-theme="light"] [style^="color: #eab308"], html[data-theme="light"] [style^="color:#eab308"], html[data-theme="light"] [style*=" color: #eab308"], html[data-theme="light"] [style*=";color: #eab308"], html[data-theme="light"] [style*=";color:#eab308"], html[data-theme="light"] [style^="color: rgb(234, 179, 8)"], html[data-theme="light"] [style^="color:rgb(234, 179, 8)"], html[data-theme="light"] [style*=" color: rgb(234, 179, 8)"], html[data-theme="light"] [style*=";color: rgb(234, 179, 8)"], html[data-theme="light"] [style*=";color:rgb(234, 179, 8)"] { color: #a37d05 !important; }
html[data-theme="light"] [style^="color: #ef4444"], html[data-theme="light"] [style^="color:#ef4444"], html[data-theme="light"] [style*=" color: #ef4444"], html[data-theme="light"] [style*=";color: #ef4444"], html[data-theme="light"] [style*=";color:#ef4444"], html[data-theme="light"] [style^="color: rgb(239, 68, 68)"], html[data-theme="light"] [style^="color:rgb(239, 68, 68)"], html[data-theme="light"] [style*=" color: rgb(239, 68, 68)"], html[data-theme="light"] [style*=";color: rgb(239, 68, 68)"], html[data-theme="light"] [style*=";color:rgb(239, 68, 68)"] { color: #af0e0e !important; }
html[data-theme="light"] [style^="color: #f59e0b"], html[data-theme="light"] [style^="color:#f59e0b"], html[data-theme="light"] [style*=" color: #f59e0b"], html[data-theme="light"] [style*=";color: #f59e0b"], html[data-theme="light"] [style*=";color:#f59e0b"], html[data-theme="light"] [style^="color: rgb(245, 158, 11)"], html[data-theme="light"] [style^="color:rgb(245, 158, 11)"], html[data-theme="light"] [style*=" color: rgb(245, 158, 11)"], html[data-theme="light"] [style*=";color: rgb(245, 158, 11)"], html[data-theme="light"] [style*=";color:rgb(245, 158, 11)"] { color: #a26806 !important; }
html[data-theme="light"] [style^="color: #f87171"], html[data-theme="light"] [style^="color:#f87171"], html[data-theme="light"] [style*=" color: #f87171"], html[data-theme="light"] [style*=";color: #f87171"], html[data-theme="light"] [style*=";color:#f87171"], html[data-theme="light"] [style^="color: rgb(248, 113, 113)"], html[data-theme="light"] [style^="color:rgb(248, 113, 113)"], html[data-theme="light"] [style*=" color: rgb(248, 113, 113)"], html[data-theme="light"] [style*=";color: rgb(248, 113, 113)"], html[data-theme="light"] [style*=";color:rgb(248, 113, 113)"] { color: #b40808 !important; }
html[data-theme="light"] [style^="color: #f8fafc"], html[data-theme="light"] [style^="color:#f8fafc"], html[data-theme="light"] [style*=" color: #f8fafc"], html[data-theme="light"] [style*=";color: #f8fafc"], html[data-theme="light"] [style*=";color:#f8fafc"], html[data-theme="light"] [style^="color: rgb(248, 250, 252)"], html[data-theme="light"] [style^="color:rgb(248, 250, 252)"], html[data-theme="light"] [style*=" color: rgb(248, 250, 252)"], html[data-theme="light"] [style*=";color: rgb(248, 250, 252)"], html[data-theme="light"] [style*=";color:rgb(248, 250, 252)"] { color: #0f172a !important; }
html[data-theme="light"] [style^="color: #fca5a5"], html[data-theme="light"] [style^="color:#fca5a5"], html[data-theme="light"] [style*=" color: #fca5a5"], html[data-theme="light"] [style*=";color: #fca5a5"], html[data-theme="light"] [style*=";color:#fca5a5"], html[data-theme="light"] [style^="color: rgb(252, 165, 165)"], html[data-theme="light"] [style^="color:rgb(252, 165, 165)"], html[data-theme="light"] [style*=" color: rgb(252, 165, 165)"], html[data-theme="light"] [style*=";color: rgb(252, 165, 165)"], html[data-theme="light"] [style*=";color:rgb(252, 165, 165)"] { color: #b70606 !important; }
html[data-theme="light"] [style^="color: #fecdd3"], html[data-theme="light"] [style^="color:#fecdd3"], html[data-theme="light"] [style*=" color: #fecdd3"], html[data-theme="light"] [style*=";color: #fecdd3"], html[data-theme="light"] [style*=";color:#fecdd3"], html[data-theme="light"] [style^="color: rgb(254, 205, 211)"], html[data-theme="light"] [style^="color:rgb(254, 205, 211)"], html[data-theme="light"] [style*=" color: rgb(254, 205, 211)"], html[data-theme="light"] [style*=";color: rgb(254, 205, 211)"], html[data-theme="light"] [style*=";color:rgb(254, 205, 211)"] { color: #b9041a !important; }
html[data-theme="light"] [style^="color: #fff"], html[data-theme="light"] [style^="color:#fff"], html[data-theme="light"] [style*=" color: #fff"], html[data-theme="light"] [style*=";color: #fff"], html[data-theme="light"] [style*=";color:#fff"], html[data-theme="light"] [style^="color: rgb(255, 255, 255)"], html[data-theme="light"] [style^="color:rgb(255, 255, 255)"], html[data-theme="light"] [style*=" color: rgb(255, 255, 255)"], html[data-theme="light"] [style*=";color: rgb(255, 255, 255)"], html[data-theme="light"] [style*=";color:rgb(255, 255, 255)"] { color: #0f172a !important; }
html[data-theme="light"] [style^="color: #ffffff"], html[data-theme="light"] [style^="color:#ffffff"], html[data-theme="light"] [style*=" color: #ffffff"], html[data-theme="light"] [style*=";color: #ffffff"], html[data-theme="light"] [style*=";color:#ffffff"], html[data-theme="light"] [style^="color: rgb(255, 255, 255)"], html[data-theme="light"] [style^="color:rgb(255, 255, 255)"], html[data-theme="light"] [style*=" color: rgb(255, 255, 255)"], html[data-theme="light"] [style*=";color: rgb(255, 255, 255)"], html[data-theme="light"] [style*=";color:rgb(255, 255, 255)"] { color: #0f172a !important; }
html[data-theme="light"] [style*="background: #020617"], html[data-theme="light"] [style*="background:#020617"], html[data-theme="light"] [style*="background-color: #020617"], html[data-theme="light"] [style*="background-color:#020617"], html[data-theme="light"] [style*="background: rgb(2, 6, 23)"], html[data-theme="light"] [style*="background:rgb(2, 6, 23)"], html[data-theme="light"] [style*="background-color: rgb(2, 6, 23)"], html[data-theme="light"] [style*="background-color:rgb(2, 6, 23)"] { background-color: #eef2f7 !important; }
html[data-theme="light"] [style*="background: #060b14"], html[data-theme="light"] [style*="background:#060b14"], html[data-theme="light"] [style*="background-color: #060b14"], html[data-theme="light"] [style*="background-color:#060b14"], html[data-theme="light"] [style*="background: rgb(6, 11, 20)"], html[data-theme="light"] [style*="background:rgb(6, 11, 20)"], html[data-theme="light"] [style*="background-color: rgb(6, 11, 20)"], html[data-theme="light"] [style*="background-color:rgb(6, 11, 20)"] { background-color: #eef2f7 !important; }
html[data-theme="light"] [style*="background: #0b0f19"], html[data-theme="light"] [style*="background:#0b0f19"], html[data-theme="light"] [style*="background-color: #0b0f19"], html[data-theme="light"] [style*="background-color:#0b0f19"], html[data-theme="light"] [style*="background: rgb(11, 15, 25)"], html[data-theme="light"] [style*="background:rgb(11, 15, 25)"], html[data-theme="light"] [style*="background-color: rgb(11, 15, 25)"], html[data-theme="light"] [style*="background-color:rgb(11, 15, 25)"] { background-color: #eef2f7 !important; }
html[data-theme="light"] [style*="background: #0f172a"], html[data-theme="light"] [style*="background:#0f172a"], html[data-theme="light"] [style*="background-color: #0f172a"], html[data-theme="light"] [style*="background-color:#0f172a"], html[data-theme="light"] [style*="background: rgb(15, 23, 42)"], html[data-theme="light"] [style*="background:rgb(15, 23, 42)"], html[data-theme="light"] [style*="background-color: rgb(15, 23, 42)"], html[data-theme="light"] [style*="background-color:rgb(15, 23, 42)"] { background-color: #f8fafc !important; }
html[data-theme="light"] [style*="background: #1e293b"], html[data-theme="light"] [style*="background:#1e293b"], html[data-theme="light"] [style*="background-color: #1e293b"], html[data-theme="light"] [style*="background-color:#1e293b"], html[data-theme="light"] [style*="background: rgb(30, 41, 59)"], html[data-theme="light"] [style*="background:rgb(30, 41, 59)"], html[data-theme="light"] [style*="background-color: rgb(30, 41, 59)"], html[data-theme="light"] [style*="background-color:rgb(30, 41, 59)"] { background-color: #ffffff !important; }
html[data-theme="light"] [style*="background: #334155"], html[data-theme="light"] [style*="background:#334155"], html[data-theme="light"] [style*="background-color: #334155"], html[data-theme="light"] [style*="background-color:#334155"], html[data-theme="light"] [style*="background: rgb(51, 65, 85)"], html[data-theme="light"] [style*="background:rgb(51, 65, 85)"], html[data-theme="light"] [style*="background-color: rgb(51, 65, 85)"], html[data-theme="light"] [style*="background-color:rgb(51, 65, 85)"] { background-color: #e2e8f0 !important; }
html[data-theme="light"] [style*="background: #475569"], html[data-theme="light"] [style*="background:#475569"], html[data-theme="light"] [style*="background-color: #475569"], html[data-theme="light"] [style*="background-color:#475569"], html[data-theme="light"] [style*="background: rgb(71, 85, 105)"], html[data-theme="light"] [style*="background:rgb(71, 85, 105)"], html[data-theme="light"] [style*="background-color: rgb(71, 85, 105)"], html[data-theme="light"] [style*="background-color:rgb(71, 85, 105)"] { background-color: #cbd5e1 !important; }
html[data-theme="light"] [style*="solid #1e293b"], html[data-theme="light"] [style*="dashed #1e293b"], html[data-theme="light"] [style*="border-color: #1e293b"], html[data-theme="light"] [style*="solid rgb(30, 41, 59)"], html[data-theme="light"] [style*="dashed rgb(30, 41, 59)"], html[data-theme="light"] [style*="border-color: rgb(30, 41, 59)"] { border-color: #e2e8f0 !important; }
html[data-theme="light"] [style*="solid #334155"], html[data-theme="light"] [style*="dashed #334155"], html[data-theme="light"] [style*="border-color: #334155"], html[data-theme="light"] [style*="solid rgb(51, 65, 85)"], html[data-theme="light"] [style*="dashed rgb(51, 65, 85)"], html[data-theme="light"] [style*="border-color: rgb(51, 65, 85)"] { border-color: #dbe3ec !important; }
html[data-theme="light"] [style*="solid #475569"], html[data-theme="light"] [style*="dashed #475569"], html[data-theme="light"] [style*="border-color: #475569"], html[data-theme="light"] [style*="solid rgb(71, 85, 105)"], html[data-theme="light"] [style*="dashed rgb(71, 85, 105)"], html[data-theme="light"] [style*="border-color: rgb(71, 85, 105)"] { border-color: #cbd5e1 !important; }
html[data-theme="light"] [style*="background: #0284c7"], html[data-theme="light"] [style*="background: #10b981"], html[data-theme="light"] [style*="background: #ef4444"], html[data-theme="light"] [style*="background: #dc2626"], html[data-theme="light"] [style*="background-color: #0284c7"], html[data-theme="light"] [style*="background: rgb(2, 132, 199)"] { color: #ffffff !important; }
/* hand-made fixes (tools/light-extra.css) */
/* main surfaces: grey page, white cards, posts as white cards on a soft panel */
html[data-theme="light"] body { background-color: #eef2f7; color: #0f172a; }
html[data-theme="light"] .feed-card { background-color: #f8fafc; }
html[data-theme="light"] .post-item { background-color: #ffffff; border-color: #e2e8f0; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05); }
/* buttons: hover keeps the text colour; a soft sky edge instead of the neon glow */
html[data-theme="light"] button.secondary:hover:not(:disabled) { background-color: #e2e8f0; color: #0f172a; }
html[data-theme="light"] button:hover:not(:disabled), html[data-theme="light"] .btn-thread-action:hover:not(:disabled), html[data-theme="light"] .thread-nav-btn:hover:not(.active), html[data-theme="light"] .conv-item:hover:not(.active), html[data-theme="light"] .opt-modal-item:hover { border-color: #0ea5e9 !important; box-shadow: 0 2px 10px rgba(14, 165, 233, 0.18) !important; }
/* fields */
html[data-theme="light"] select, html[data-theme="light"] textarea, html[data-theme="light"] input[type="text"], html[data-theme="light"] input[type="email"], html[data-theme="light"] input[type="password"] { background-color: #ffffff; border-color: #cbd5e1; color: #0f172a; }
html[data-theme="light"] ::placeholder { color: #94a3b8; }
/* the pond shows through less, so cards that were see-through get a light frosting */
html[data-theme="light"] .mention { color: #0369a1; background: rgba(2, 132, 199, 0.10); }
html[data-theme="light"] .tg-quote { background: rgba(2, 132, 199, 0.06); color: #334155; border-left-color: #0ea5e9; }
html[data-theme="light"] .quote-draft { background: rgba(2, 132, 199, 0.07); }
html[data-theme="light"] .sr-snippet mark, html[data-theme="light"] .sr-title mark { background: rgba(14, 165, 233, 0.2); color: #0f172a; }
/* windows: the page behind dims, like in the dark theme */
html[data-theme="light"] .modal-overlay, html[data-theme="light"] .fab-modal-overlay.active { background: rgba(15, 23, 42, 0.42); }
/* politics charts: colours drawn into the svg */
html[data-theme="light"] .pol svg [stroke="#1f2937"] { stroke: #e2e8f0; }
html[data-theme="light"] .pol svg [stroke="#111827"] { stroke: #ffffff; }
html[data-theme="light"] .pol svg text[fill="#e2e8f0"] { fill: #1e293b; }
html[data-theme="light"] .pol svg text[fill="#94a3b8"] { fill: #64748b; }

/* swim settings: the switch knob stays white */
html[data-theme="light"] .swim-switch::after { background: #ffffff; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.3); }
html[data-theme="light"] .swim-switch { background: #cbd5e1; }
html[data-theme="light"] .swim-set-row[aria-checked="true"] .swim-switch { background: #22c55e; }

/* swim talk box: already a light box, so it keeps its dark frame, name tab and cursor */
html[data-theme="light"] .swim-talk-box, html[data-theme="light"] .swim-talk-menu, html[data-theme="light"] .story-box { background: #fdfdfb; border-color: #334155; box-shadow: inset 0 0 0 3px #fdfdfb, inset 0 0 0 6px #94a3b8, 0 10px 24px rgba(15, 23, 42, 0.3); }
html[data-theme="light"] .swim-talk-name { background: #334155; color: #f8fafc; }
html[data-theme="light"] .swim-talk-choice.sel::before, html[data-theme="light"] .swim-talk-choice:hover::before, html[data-theme="light"] .swim-talk-choice:focus-visible::before { border-left-color: #1e293b; }

/* the satchel stays a wooden bookcase in daylight */
html[data-theme="light"] .swim-bag-box { box-shadow: inset 0 2px 0 rgba(255, 220, 170, 0.25), 0 24px 60px rgba(15, 23, 42, 0.35); }
html[data-theme="light"] .swim-bag-head h2 { color: #fde9c8; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4); }
html[data-theme="light"] .swim-bag-x { background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(253, 233, 200, 0.45); color: #fde9c8; }
html[data-theme="light"] .swim-bag-shelves { background: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.14) 0 2px, transparent 2px 26px), linear-gradient(180deg, #2a180a, #3d2512); box-shadow: inset 0 6px 12px rgba(0, 0, 0, 0.5); }
html[data-theme="light"] .swim-bag-slot { background: linear-gradient(180deg, transparent 70px, #b07a48 70px, #8b5a2b 73px, #6b4320 80px, rgba(0, 0, 0, 0.4) 80px, transparent 84px); }
html[data-theme="light"] .swim-bag-slot canvas { filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.5)); }
html[data-theme="light"] .swim-bag-slot[aria-pressed="true"]::before { box-shadow: 0 0 0 2px #fde9c8; }
html[data-theme="light"] .swim-bag-slot:focus-visible { outline-color: #fde9c8; }
html[data-theme="light"] .swim-bag-n { color: #fde9c8; text-shadow: 1px 1px 0 #000; }
html[data-theme="light"] .swim-bag-info { background: #f4e4c1; box-shadow: inset 0 0 0 2px #e0c48f; }
html[data-theme="light"] .swim-bag-use { color: #f0fdf4; box-shadow: 0 3px 0 #14532d; }
html[data-theme="light"] .swim-aim-knob { background: rgba(255, 255, 255, 0.3); border: 2px solid rgba(255, 255, 255, 0.85); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); }
html[data-theme="light"] .swim-bite.aiming { box-shadow: 0 0 0 4px rgba(254, 202, 202, 0.35), 0 6px 18px rgba(0, 0, 0, 0.45); }
html[data-theme="light"] .fit-card { --rar: #6b7280; background: linear-gradient(180deg, #ffffff, #f1f5f9); }
html[data-theme="light"] .fit-card[data-rarity="uncommon"] { --rar: #15803d; }
html[data-theme="light"] .fit-card[data-rarity="rare"] { --rar: #1d4ed8; }
html[data-theme="light"] .fit-card[data-rarity="epic"] { --rar: #7e22ce; background: linear-gradient(180deg, #f6f0ff, #ece3ff); border-color: rgba(147, 51, 234, 0.5); }
html[data-theme="light"] .fit-card[data-rarity="legendary"] { background: linear-gradient(180deg, #fff8e1, #fdecc0); border-color: rgba(217, 119, 6, 0.6); box-shadow: 0 0 14px rgba(245, 158, 11, 0.25); }
html[data-theme="light"] .fit-card[data-rarity="legendary"] .fit-rarity { background: linear-gradient(90deg, #b45309, #f59e0b, #b45309); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-theme="light"] .swim-pick-one { background: #f1f5f9; }
/* the shop's area rows: light washes of each part's colour, so their dark text reads */
html[data-theme="light"] .shop-area { --area-bg: linear-gradient(120deg, #dbeafe, #f8fafc); --area-edge: rgba(14, 116, 144, 0.35); }
html[data-theme="light"] .shop-area[data-id="lantern"] { --area-bg: linear-gradient(120deg, #fde9b0, #fffbeb); --area-edge: rgba(180, 130, 20, 0.4); }
html[data-theme="light"] .shop-area[data-id="shrine"] { --area-bg: linear-gradient(120deg, #efe2c8, #faf7f2); --area-edge: rgba(150, 120, 60, 0.4); }
html[data-theme="light"] .shop-area[data-id="marsh"] { --area-bg: linear-gradient(120deg, #dcefc0, #f7fee7); --area-edge: rgba(90, 130, 40, 0.4); }
html[data-theme="light"] .shop-area[data-id="lagoon"] { --area-bg: linear-gradient(120deg, #dfe4ff, #f5f7ff); --area-edge: rgba(80, 90, 200, 0.35); }

/* pond levels and zones: the tags keep their solid colours with readable text, the level number stays a strong green */
html[data-theme="light"] .swim-zone { color: #052e16; background: #4ade80; }
html[data-theme="light"] .swim-zone[data-zone="pve"] { color: #431407; background: #fbbf24; }
html[data-theme="light"] .swim-zone[data-zone="pvp"] { color: #ffffff; background: #e11d48; }
html[data-theme="light"] .swim-zone[data-zone="duel"] { color: #ffffff; background: #9333ea; }
html[data-theme="light"] .swim-title[data-zone="safe"] { box-shadow: inset 3px 0 0 #22c55e; }
html[data-theme="light"] .swim-title[data-zone="pve"] { box-shadow: inset 3px 0 0 #f59e0b; }
html[data-theme="light"] .swim-title[data-zone="pvp"] { box-shadow: inset 3px 0 0 #e11d48; }
html[data-theme="light"] .swim-title[data-zone="duel"] { box-shadow: inset 3px 0 0 #9333ea; }
html[data-theme="light"] .swim-level-num { color: #3f6212; text-shadow: none; }
html[data-theme="light"] .lv-fill { stroke: #65a30d; }
html[data-theme="light"] .prog-num { color: #1a2e05; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.35); }
html[data-theme="light"] .prog-lv { color: #3f6212; border-color: #84cc16; }
html[data-theme="light"] .prog-what small { color: #4d7c0f; }
html[data-theme="light"] .prog-tab[aria-selected="true"], html[data-theme="light"] .swim-board-btn[aria-expanded="true"] { background: #84cc16; color: #1a2e05; }
html[data-theme="light"] .swim-board-btn { color: #3f6212; border-color: #84cc16; }
html[data-theme="light"] .board-val { color: #3f6212; }
html[data-theme="light"] .board-kinds button[aria-checked="true"] { border-color: #65a30d; color: #365314; background: rgba(132, 204, 22, 0.14); }
html[data-theme="light"] .board-row.mine { background: rgba(132, 204, 22, 0.16); box-shadow: inset 0 0 0 1px rgba(101, 163, 13, 0.5); }
html[data-theme="light"] .board-pfp { background-color: #cbd5e1; color: #1e293b; }

/* pond emote panel: cells need an edge on white, sprays a dark tile so every paint shows */
html[data-theme="light"] .swim-emote-menu .emo-cell, html[data-theme="light"] .swim-emote-menu .swim-emote-say { background: rgba(15, 23, 42, 0.06); }
html[data-theme="light"] .swim-emote-menu .emo-cell.locked { background: rgba(15, 23, 42, 0.035); }
html[data-theme="light"] .swim-emote-menu .emo-spray, html[data-theme="light"] .swim-emote-menu .emo-spray.locked { background: #1e3a4c; }
html[data-theme="light"] .swim-emote-menu .emo-spray:hover { background: #24475d; border-color: #0284c7; }
html[data-theme="light"] .emo-tabs .emo-tab[aria-selected="true"] { background: #e0f2fe; box-shadow: inset 0 0 0 1.5px #0284c7; }
html[data-theme="light"] .swim-emote-menu .emo-paint[aria-checked="true"] { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0284c7; }
html[data-theme="light"] .emo-lock { background: #1e293b; color: #fde68a; }
html[data-theme="light"] .emo-head { color: #854d0e; }
html[data-theme="light"] .swim-emote-btn.fresh::after { background: #65a30d; box-shadow: 0 0 0 2px #ffffff; }

/* pond chat rooms: light tints so the dark text still reads */
html[data-theme="light"] .swim-rooms .swim-room-add { background: #eef2ff; border-color: #a5b4fc; color: #3730a3; }
html[data-theme="light"] .swim-rooms .swim-room-add[aria-expanded="true"] { background: #4f46e5; border-color: #4338ca; color: #ffffff; }
html[data-theme="light"] .swim-chat.in-room .swim-chat-feed { background: rgba(224, 231, 255, 0.62); }
html[data-theme="light"] .swim-rooms .swim-room:not([data-room=""])[aria-selected="true"] { border-color: #4338ca; }

/* pond private chats: teal on light, white on the dark teal of the open tab, and light request and error bars */
html[data-theme="light"] .swim-rooms .swim-room.dm { color: #0f766e; border-color: rgba(13, 148, 136, 0.45); }
html[data-theme="light"] .swim-rooms .swim-room.dm[aria-selected="true"] { background: #0f766e; border-color: #0f766e; color: #ffffff; }
html[data-theme="light"] .swim-room-lock { color: #0f766e; }
html[data-theme="light"] .swim-room.dm[aria-selected="true"] .swim-room-lock { color: #ffffff; }
html[data-theme="light"] .swim-rooms .swim-dm-x { background: #115e59; border-color: #0f766e; color: #ffffff; }
html[data-theme="light"] .swim-dm-bar { background: rgba(240, 253, 250, 0.92); border-color: rgba(13, 148, 136, 0.45); color: #134e4a; }
html[data-theme="light"] .swim-dm-bar button { background: #ffffff; border-color: rgba(13, 148, 136, 0.5); color: #115e59; }
html[data-theme="light"] .swim-dm-bar [data-dmact="accept"] { background: #0f766e; border-color: #0f766e; color: #ffffff; }
html[data-theme="light"] .swim-dm-bar [data-dmact="decline"] { background: #ffffff; border-color: rgba(220, 38, 38, 0.55); color: #b91c1c; }
html[data-theme="light"] .swim-dm-bar.ask { background: rgba(254, 243, 199, 0.95); border-color: #f59e0b; color: #78350f; }
html[data-theme="light"] .swim-dm-bar.warn { background: rgba(254, 226, 226, 0.95); border-color: rgba(220, 38, 38, 0.55); color: #7f1d1d; }
html[data-theme="light"] .swim-dm-bar.safe .dm-bar-text { color: #15803d; }
html[data-theme="light"] .swim-chat.in-dm .swim-chat-feed { background: rgba(204, 251, 241, 0.62); }
html[data-theme="light"] .swim-chat.in-dm .swim-chat-send { border-color: #0f766e; }
html[data-theme="light"] .swim-chat-line.note.dm-note { color: #0f766e; }

/* exclusive outfits: a light pink-to-sky wash, and a darker shimmer on the label so it reads on it */
html[data-theme="light"] .fit-card[data-rarity="exclusive"] { --rar: #be185d; background: linear-gradient(160deg, #fdf2f8, #eef2ff 60%, #ecfeff); border-color: rgba(219, 39, 119, 0.5); box-shadow: 0 0 14px rgba(236, 72, 153, 0.18); }
html[data-theme="light"] .fit-card[data-rarity="exclusive"] .fit-rarity { background: linear-gradient(90deg, #be185d, #0e7490, #6d28d9, #be185d); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-theme="light"] .fit-card[data-rarity="exclusive"] .fit-try { background: radial-gradient(ellipse at 50% 60%, rgba(244, 114, 182, 0.2), rgba(255, 255, 255, 0.6) 70%); }
html[data-theme="light"] .swim-shop-btn.fresh::after { box-shadow: 0 0 0 2px #ffffff; }

/* pond weapons: light cards like the outfits', and a stronger ring on the one in hand */
html[data-theme="light"] .wpn-card { background: linear-gradient(180deg, #ffffff, #f1f5f9); border-color: rgba(15, 23, 42, 0.14); }
html[data-theme="light"] .wpn-card.held { border-color: #ca8a04; box-shadow: inset 0 0 0 2px rgba(202, 138, 4, 0.6); }
html[data-theme="light"] .wpn-art { background: radial-gradient(ellipse at 50% 55%, rgba(14, 165, 233, 0.16), rgba(226, 232, 240, 0.9) 70%); }
html[data-theme="light"] .swim-bite.armed { box-shadow: 0 0 0 3px rgba(202, 138, 4, 0.6), 0 6px 18px rgba(15, 23, 42, 0.2); }

/* pond games: stronger marks on the bar's chips */
html[data-theme="light"] .gbar-chip b { color: #a16207; }
html[data-theme="light"] .gbar-chip.me { box-shadow: inset 0 0 0 1.5px #7c3aed; }
html[data-theme="light"] .gbar-chip.won { background: rgba(250, 204, 21, 0.35); color: #713f12; }

/* the pond garden: a light green box, white buttons with dark green text */
html[data-theme="light"] .swim-garden-box { background: linear-gradient(180deg, #f0fdf4 0%, #f8fafc 100%); border-color: rgba(22, 163, 74, 0.35); }
html[data-theme="light"] .garden-bar button { background: #ffffff; border-color: rgba(22, 163, 74, 0.45); color: #14532d; }
html[data-theme="light"] .garden-bar button.on { background: #16a34a; border-color: #15803d; color: #ffffff; }
html[data-theme="light"] .gfloor, html[data-theme="light"] .gdecor { background: #ffffff; border-color: rgba(15, 23, 42, 0.14); color: #0f172a; }
html[data-theme="light"] .gfloor small, html[data-theme="light"] .gdecor small { color: #475569; }
html[data-theme="light"] .gfloor.on { border-color: #16a34a; box-shadow: inset 0 0 0 1.5px rgba(22, 163, 74, 0.6); }
html[data-theme="light"] .gsel { background: rgba(250, 204, 21, 0.22); color: #713f12; }
html[data-theme="light"] .garden-tip { color: #334155; }
html[data-theme="light"] .swim-garden-btn { color: #15803d; border-color: rgba(22, 163, 74, 0.6); }
html[data-theme="light"] .swim-garden-btn.fresh::after { box-shadow: 0 0 0 2px #ffffff; }
/* the story's scenes stay dark like a film; the goal and the story row in the quests go light */
html[data-theme="light"] .swim-story { background: #000; }
html[data-theme="light"] .swim-story.world { background: transparent; }
html[data-theme="light"] .story-card { color: #f8fafc; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9); }
html[data-theme="light"] .story-card small { color: #fde68a; }
html[data-theme="light"] .story-card span { color: #cbd5e1; border-top-color: rgba(248, 250, 252, 0.55); }
html[data-theme="light"] .goal-sub { color: #78350f; }
html[data-theme="light"] .story-kicker { color: #e2e8f0; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.9); }
html[data-theme="light"] .story-skip { background: rgba(15, 23, 42, 0.75); border-color: rgba(148, 163, 184, 0.5); color: #e2e8f0; }
html[data-theme="light"] .swim-goal { background: rgba(255, 255, 255, 0.9); border-color: rgba(217, 119, 6, 0.55); color: #92400e; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15); }
html[data-theme="light"] .swim-story-row { background: #fffbeb; border-color: rgba(217, 119, 6, 0.4); }
html[data-theme="light"] .story-row-title { color: #b45309; }
html[data-theme="light"] .swim-story-row strong { color: #0f172a; }
html[data-theme="light"] .swim-story-row small { color: #475569; }
html[data-theme="light"] .story-again { border-color: rgba(217, 119, 6, 0.55); color: #b45309; }
html[data-theme="light"] .story-name { background: #334155; color: #f8fafc; }
html[data-theme="light"] .story-name.pip { background: #c2410c; }
html[data-theme="light"] .story-name.gloam { background: #312e81; }
html[data-theme="light"] .story-more { border-top-color: #334155; }
html[data-theme="light"] .garden-visit-box { background: linear-gradient(180deg, #f0fdf4 0%, #f8fafc 100%); border-color: rgba(22, 163, 74, 0.35); }
html[data-theme="light"] .garden-visit-note { color: #334155; }
html[data-theme="light"] .profile-garden-btn { background: #f0fdf4; border-color: rgba(22, 163, 74, 0.45); color: #166534; }
html[data-theme="light"] .profile-garden-btn:hover:not(:disabled) { background: #dcfce7; }
/* pond shop: the creatures without their own card colour get a light card, so their dark names and stats read */
html[data-theme="light"] .shop-card { --card-bg: linear-gradient(160deg, #e2e8f0, #f8fafc); --card-edge: rgba(15, 23, 42, 0.12); }
/* the first-reply card on Home: solid, so the pond behind it does not show through its text */
html[data-theme="light"] .first-reply { background: linear-gradient(160deg, #ecfdf5, #ffffff 55%); border-color: rgba(22, 163, 74, 0.35); box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12); }
/* status banners: the generator keeps their dark fills but darkens the text, so give them light tints with dark ink */
html[data-theme="light"] #update-bar, html[data-theme="light"] .msg-pending-banner, html[data-theme="light"] .ca-tag { background: #e0f2fe; color: #0c4a6e; }
html[data-theme="light"] #update-bar .update-bar-later { color: #0c4a6e; border-color: #0284c7; }
html[data-theme="light"] #offline-banner, html[data-theme="light"] .stale-feed-note { background: #fff7ed; color: #7c2d12; }
html[data-theme="light"] #backend-banner { background: #fffbeb; color: #78350f; }
html[data-theme="light"] .chat-e2ee-banner.ok { color: #166534; }
html[data-theme="light"] .chat-e2ee-banner.warn { color: #92400e; }
/* opened by a link to the game: daylight water while the pond loads */
html[data-theme="light"].pond-first body { background: radial-gradient(ellipse at 50% 40%, #a5d8e6 0%, #7cc0d4 55%, #5aa6bd 100%) fixed; }
html[data-theme="light"].pond-first body::after { color: rgba(15, 23, 42, 0.7); }
/* a guest's sign-up nudge over the water: a light card with a sky edge */
html[data-theme="light"] .swim-join-pill { background: rgba(255, 255, 255, 0.94); border-color: #38bdf8; color: #0f172a; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.2); }
html[data-theme="light"] .swim-join-pill .pill-login, html[data-theme="light"] .swim-join-login { color: #0369a1; }
html[data-theme="light"] .swim-join-pill .pill-x { color: #475569; }
html[data-theme="light"] .swim-join-pill .pill-go, html[data-theme="light"] .swim-join-go { background: #0284c7; border-color: #0284c7; color: #ffffff; }
html[data-theme="light"] .auth-pond-return span { color: #0f172a; }
/* garden seeds by level: the New chip keeps white letters, and the lock reads like the emotes' lock */
html[data-theme="light"] .gseed-new { background: #16a34a; color: #ffffff; }
html[data-theme="light"] .gseed-lock { background: #1e293b; color: #fde68a; }
html[data-theme="light"] .gseed.locked { border-color: rgba(15, 23, 42, 0.22); }
html[data-theme="light"] .gseed.dear b { color: #64748b; }
html[data-theme="light"] .swim.pill-on .swim-chat-bar.guest .swim-join-go { color: #0369a1; }