.theme-toggle{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 88%, transparent);min-width:0;min-height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:.78rem;font-weight:850;line-height:1;display:inline-flex}.theme-toggle:hover{border-color:color-mix(in srgb, var(--accent) 58%, var(--line));background:color-mix(in srgb, var(--accent) 10%, var(--surface-2))}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px;width:18px;height:18px}.theme-toggle--compact{width:40px;height:40px;min-height:40px;padding:0}.theme-toggle--compact .theme-toggle-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f3e8;--surface:#fffdfa;--surface-2:#eee7da;--text:#1b1a17;--muted:#666158;--line:#d8cfbf;--accent:#8a5b00;--accent-ink:#fffaf0;--theme-overlay:#fffdf8f2;--theme-dock:#f9f5ecf7;--theme-shadow:#3a2e1b24;--theme-accent-soft:#f2e2b2;--theme-accent-border:#c49b43}html[data-theme=light],html[data-theme=light] body{background:var(--bg);color:var(--text)}html[data-theme=light] .site-header{background:var(--theme-overlay)}html[data-theme=light] .navbar{background:#f7f3e8eb;box-shadow:0 8px 28px #3a2e1b0d}html[data-theme=light] .interaction-feedback,html[data-theme=light] .mobile-app-header{background:var(--theme-overlay);color:var(--text)}html[data-theme=light] .mobile-app-header{border-bottom-color:var(--line);box-shadow:0 8px 24px #3a2e1b14}html[data-theme=light] .mobile-app-header nav a{color:var(--text)}html[data-theme=light] .mobile-home-link{border-color:var(--theme-accent-border);background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--accent)}html[data-theme=light] .mobile-dock{border-top-color:var(--line);background:var(--theme-dock);box-shadow:0 -10px 28px #3a2e1b1a}html[data-theme=light] .mobile-dock a{color:var(--muted)}html[data-theme=light] .mobile-dock a[aria-current=page]{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent)}html[data-theme=light] .hero-card{box-shadow:0 26px 64px var(--theme-shadow);background:linear-gradient(145deg,#fffefa,#efe7d9)}html[data-theme=light] .pill{background:var(--theme-accent-soft);color:#6f4900}html[data-theme=light] .forum-event-discuss-link{border-color:var(--theme-accent-border)}html[data-theme=light] .forum-event-discuss-link:hover{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}html[data-theme=light] :where(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--line);background:var(--surface);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] :where(input,select,textarea)::placeholder{color:color-mix(in srgb, var(--muted) 82%, transparent)}html[data-theme=light] .segmented-tabs a[aria-current=page]{background:var(--surface);color:var(--text);box-shadow:0 1px 6px #3a2e1b1f}html[data-theme=light] .home-movie-rating{color:var(--accent);background:#fffdf8eb;box-shadow:0 1px 5px #3a2e1b1f}html[data-theme=light] .skeleton{background:linear-gradient(100deg,#e5ded1 30%,#f5efe4 50%,#e5ded1 70%) 0 0/220% 100%}html[data-theme=light] .commitment-entry-card{border-color:var(--theme-accent-border);box-shadow:0 0 0 1px #8a5b0014,0 18px 42px #3a2e1b14}html[data-theme=light] :where(.event-card,.event-row,.detail-card,.attendance-card,.stat-card,.admin-panel,.form-section,.community-card,.admin-event-outing-row,.quick-action-grid button,.management-table,.uxr-task-card){box-shadow:none}html[data-theme=light] :where(.button-secondary,.theme-toggle){background-color:color-mix(in srgb, var(--surface) 88%, transparent)}html[data-theme=light] :where(.button-secondary,.theme-toggle):hover{background-color:color-mix(in srgb, var(--accent) 8%, var(--surface))}html[data-theme=light] :where(.account-discord-card.compact,.discord-thread-card,.discord-server-guide-grid div,.discord-channel-row,.forum-hero,.forum-topic-header,.notifications-header,.forum-topic-icon,.forum-event-link,.forum-poll-card,.forum-view-tabs,.forum-reaction-bar,.member-profile-hero,.planning-hero,.entourage-hero,.profile-section-nav,.recommendation-card,.member-directory-hero,.member-directory-card,.reviews-hero,.review-summary-strip>div,.live-review-card,.live-movie-poster,.review-movie-card,.review-movie-poster,.review-movie-detail-hero,.review-movie-detail-poster,.review-letterboxd-picker,.error-state,.confirmation-panel,.entourage-roster-row dl>div,.screen-marker,.seat-map,.invite-url,.copy-preview pre){background:var(--surface);color:var(--text)}html[data-theme=light] :where(.notification-row.unread,.forum-topic-row.unread,.forum-poll-option.selected,.forum-board .forum-view-tabs a.active,.notice,.cinema-showtime-option.is-selected,.cinema-selected-showtime){background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--text)}html[data-theme=light] :where(.forum-post-body,.forum-search-result p,.notification-row p){color:var(--text)}html[data-theme=light] .discord-hero{color:var(--text);background:linear-gradient(135deg,#fffdf8f5,#eee7dae6),url(/opengraph-image)}html[data-theme=light] :where(.status-chip,.account-tool-link>span){background:var(--surface-2);color:var(--text)}html[data-theme=light] :where(.status-coming,.status-checked-in,.status-active,.status-approved,.seat-assigned,.seat-legend .legend-assigned,.event-readiness-item.is-ready>span,.organizer-clear-state>span,.quick-rating-complete>span){color:#234c2c;background:#dcebdd}html[data-theme=light] ::selection{color:#2a1d06;background:#ead198}@media (max-width:680px),(max-height:520px) and (orientation:landscape) and (pointer:coarse){.mobile-app-header .theme-toggle{background:0 0;border-color:#0000;flex:0 0 38px;width:38px;height:38px;min-height:38px}.mobile-app-header .theme-toggle:active{background:var(--surface-2);transform:scale(.96)}html[data-theme=light] .mobile-app-header .theme-toggle{color:var(--text)}}@media (forced-colors:active){.theme-toggle{color:buttontext;background:buttonface;border:1px solid buttontext}}
