:root {
  color-scheme: light;
  --bg: #f4f3ed; --surface: #fffefa; --surface-2: #ecebe3;
  --text: #182a25; --muted: #68766f; --border: #dce0d7;
  --blue: #187467; --green: #b7d84b; --shadow: 0 18px 54px rgba(24,42,37,.08);
  --radius: 18px;
  --blue-2:#398a70; --green-2:#cce66b; --blue-soft:rgba(24,116,103,.1); --green-soft:rgba(183,216,75,.18);
  --gradient:linear-gradient(135deg,#17362f 0%,#217a68 58%,#9fbe48 100%);
  --gradient-2:linear-gradient(135deg,rgba(24,116,103,.1),rgba(183,216,75,.16));
  --radius-xl:28px; --radius-lg:22px; --radius-md:16px; --radius-sm:10px;
}
html[data-theme="light"] { color-scheme:light; --bg:#f4f3ed; --surface:#fffefa; --surface-2:#ecebe3; --text:#182a25; --muted:#68766f; --border:#dce0d7; --blue:#187467; --green:#b7d84b; --blue-2:#398a70; --green-2:#cce66b; --blue-soft:rgba(24,116,103,.1); --green-soft:rgba(183,216,75,.18); --gradient:linear-gradient(135deg,#17362f 0%,#217a68 58%,#9fbe48 100%); --gradient-2:linear-gradient(135deg,rgba(24,116,103,.1),rgba(183,216,75,.16)); --shadow:0 18px 54px rgba(24,42,37,.08); }
html[data-theme="dark"] { color-scheme: dark; --bg:#111916; --surface:#1b2420; --surface-2:#242f29; --text:#f0f3ec; --muted:#aab6ad; --border:#344139; --blue:#75c5b2; --green:#c5e365; --blue-2:#98d5c5; --green-2:#d6ef83; --blue-soft:rgba(117,197,178,.14); --green-soft:rgba(197,227,101,.14); --gradient:linear-gradient(135deg,#17362f 0%,#217a68 58%,#9fbe48 100%); --gradient-2:linear-gradient(135deg,rgba(117,197,178,.12),rgba(197,227,101,.12)); --shadow:0 18px 54px rgba(0,0,0,.24); }
@media(prefers-color-scheme:dark) { html:not([data-theme]) { color-scheme:dark; --bg:#111916; --surface:#1b2420; --surface-2:#242f29; --text:#f0f3ec; --muted:#aab6ad; --border:#344139; --blue:#75c5b2; --green:#c5e365; --blue-2:#98d5c5; --green-2:#d6ef83; --blue-soft:rgba(117,197,178,.14); --green-soft:rgba(197,227,101,.14); --gradient:linear-gradient(135deg,#17362f 0%,#217a68 58%,#9fbe48 100%); --gradient-2:linear-gradient(135deg,rgba(117,197,178,.12),rgba(197,227,101,.12)); --shadow:0 18px 54px rgba(0,0,0,.24); } }
body { background:var(--bg)!important; color:var(--text)!important; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important; }
h1,h2,h3 { letter-spacing:-.035em; }
.app-shell { display:block!important; min-height:100vh; }
.sidebar { position:sticky!important; top:0!important; z-index:30; display:flex!important; align-items:center; gap:clamp(18px,4vw,56px); width:100%; height:auto!important; min-height:76px; padding:12px clamp(18px,5vw,72px)!important; border:0!important; border-bottom:1px solid var(--border)!important; background:color-mix(in srgb,var(--surface) 92%,transparent)!important; backdrop-filter:blur(18px); }
.sidebar .brand { flex:0 0 auto; margin:0!important; font-size:18px; letter-spacing:-.04em; }
.section-menu { display:flex!important; align-items:center; gap:5px!important; min-width:0; overflow:auto; scrollbar-width:none; }
.section-menu a { min-height:40px!important; padding:0 13px!important; border-radius:999px!important; color:var(--muted)!important; white-space:nowrap; font-size:13px; }
.section-menu a:hover,.section-menu a.active { color:var(--text)!important; background:var(--surface-2)!important; }
.section-menu a.active { box-shadow:inset 0 0 0 1px var(--border); font-weight:750; }
.section-menu .organization-entry { color:var(--text)!important; background:var(--green)!important; box-shadow:none!important; }
.section-menu .admin-entry { color:#a2343b!important; background:#f9e9e6!important; border:0!important; }
.page-column { min-width:0; }
.page-column .topbar { position:relative!important; height:62px!important; padding:0 clamp(18px,5vw,72px)!important; justify-content:flex-end!important; border:0!important; background:transparent!important; backdrop-filter:none!important; }
.page-column .feed-shell,.organization-shell,.hero-shell,.analytics-shell { width:min(100% - 40px,1040px)!important; padding:clamp(28px,5vw,64px) 0 96px!important; margin:0 auto!important; }
.feed-heading { margin-bottom:42px!important; }
.feed-heading h1,.organization-shell h1,.hero-shell h1,.analytics-shell h1 { max-width:800px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(42px,7vw,76px)!important; line-height:1.02!important; font-weight:500; }
.eyebrow { color:var(--blue)!important; letter-spacing:.14em!important; }
.event-card,.panel,.story-card,.result-card,.auth-card,.organization-card,.person-card { border:1px solid var(--border)!important; border-radius:var(--radius)!important; background:var(--surface)!important; box-shadow:var(--shadow)!important; }
.event-card { padding:clamp(22px,4vw,38px)!important; }
button,.primary,.open-event,.friend-search button { border-radius:999px!important; }
button.primary,.friend-search button,.event-actions .open-event,.choices button,#start { color:#17231e!important; background:var(--green)!important; box-shadow:none!important; }
input,select,textarea { border-radius:12px!important; border-color:var(--border)!important; background:var(--surface)!important; color:var(--text)!important; }
.notifications .notification-bell { border-radius:50%!important; }
.language-switch { display:inline-flex!important; align-items:center; gap:8px!important; background:transparent!important; border:0!important; }
.bp-language-select,.bp-theme-select { min-width:108px; height:38px; padding:0 12px; border:1px solid var(--border); border-radius:999px; color:var(--text); background:var(--surface); font:inherit; font-size:12px; }
.bp-language-selector { position:fixed; top:16px; right:clamp(12px,2vw,28px); z-index:10000; display:flex; align-items:center; gap:8px; }
.bp-appearance-control { position:static!important; display:inline-flex; align-items:center; margin-left:8px!important; }
.bp-appearance-control .bp-theme-select { width:108px; }
body:has(.header) .header-actions { display:flex; align-items:center; gap:10px; }
body:has(.header) #themeButton { display:none!important; }
.auth-shell,.shell { background:var(--bg)!important; }
body:has(.shell) { background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--green) 18%,transparent),transparent 42%),var(--bg)!important; }
body:has(.shell) .shell { max-width:560px!important; padding:32px 20px!important; }
body:has(.shell) .auth-card { padding:clamp(24px,6vw,52px)!important; }
body:has(.admin-actions) header { position:sticky; top:0; z-index:30; padding:12px clamp(18px,5vw,72px)!important; background:color-mix(in srgb,var(--surface) 92%,transparent)!important; backdrop-filter:blur(18px); border-bottom:1px solid var(--border); }
body:has(.admin-actions) main { max-width:1240px!important; padding:42px 24px 80px!important; }
@media(max-width:860px) {
 .sidebar { position:relative!important; display:block!important; padding:12px 16px!important; }
 .sidebar .brand { margin:0 0 10px!important; }
 .sidebar .mobile-menu-toggle { display:none!important; }
 .sidebar .section-menu,.sidebar .section-menu.is-open { display:flex!important; padding:0!important; }
 .section-menu a { min-height:38px!important; padding:0 11px!important; }
 .page-column .topbar { gap:10px!important; padding:0 16px!important; }
 .bp-language-selector { top:12px; right:12px; }
 .bp-language-select,.bp-theme-select { min-width:92px!important; height:36px!important; }
}
@media(max-width:540px) { .page-column .feed-shell,.organization-shell,.hero-shell,.analytics-shell { width:calc(100% - 28px)!important; } .sidebar .section-menu { margin-right:-16px; } }