:root{
  --bg:#05070b;--panel:#0b0f17;--panel2:#101722;--line:#253041;--soft:#8993a2;
  --text:#f4f1e9;--muted:#a8b0bb;--accent:#d9e1ec;--blue:#7387a6;--danger:#d4a7a0;
  --radius:18px;--max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,textarea,select{font:inherit}
button,a{ -webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{color:inherit}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.03;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{height:72px;position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:30px;padding:0 max(22px,calc((100vw - var(--max))/2));background:rgba(5,7,11,.92);border-bottom:1px solid #18202c;backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:Georgia,"Times New Roman",serif;letter-spacing:.17em;font-size:18px}
.brand img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto;color:var(--muted)}
.desktop-nav a:hover{color:var(--text)}
.nav-button,.icon-button,.account-button{border:0;background:none;cursor:pointer}
.nav-button{color:var(--muted);padding:8px 0}.nav-button:hover{color:var(--text)}
.header-actions{display:flex;align-items:center;gap:10px}
.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:22px}
.account-button{border:1px solid var(--accent);border-radius:999px;padding:9px 16px;font-weight:700}
.hero{max-width:var(--max);margin:0 auto;padding:118px 22px 84px;min-height:650px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #151d28;position:relative}
.hero:after{content:"OK";position:absolute;right:1%;top:16%;font-family:Georgia,serif;font-size:clamp(160px,25vw,360px);line-height:.8;color:#0c1119;z-index:-1;letter-spacing:-.1em}
.eyebrow,.modal-kicker{font-size:11px;letter-spacing:.2em;font-weight:800;color:#8e9bb0;text-transform:uppercase}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(46px,7vw,94px);line-height:.98;letter-spacing:-.04em;margin:19px 0 24px;max-width:980px}
.hero h1 span{color:#9eabbf}
.hero>p{max-width:700px;color:var(--muted);font-size:18px}
.hero-actions{display:flex;gap:12px;margin-top:22px}
.primary-button,.secondary-button,.load-more{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 20px;font-weight:800;cursor:pointer;border:1px solid var(--text)}
.primary-button{background:var(--text);color:#080b10}
.secondary-button,.load-more{background:transparent;color:var(--text);border-color:#3a4658}
.compact{padding:9px 15px;font-size:13px}.full{width:100%;border:0;padding:14px}
.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px;margin-top:55px;border:1px solid #202a38;border-radius:var(--radius);overflow:hidden;background:#080b11}
.hero-stats div{padding:18px;border-right:1px solid #202a38}.hero-stats div:last-child{border-right:0}
.hero-stats strong{font:400 26px Georgia,serif;display:block}.hero-stats span{font-size:12px;color:var(--soft)}
.section{max-width:var(--max);margin:0 auto;padding:86px 22px}
.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:32px}
.section-heading h2{font:400 clamp(32px,4vw,52px)/1.03 Georgia,serif;margin:8px 0 0;letter-spacing:-.025em}
.section-heading>p{color:var(--muted);max-width:480px;margin:0}
.filters-shell{border-top:1px solid var(--line);padding-top:22px}
.search-box{height:52px;display:flex;align-items:center;gap:12px;border:1px solid #2b3544;border-radius:14px;padding:0 16px;background:#090d14}
.search-box input{flex:1;background:transparent;border:0;outline:0;color:var(--text);font-size:16px}
.filter-row,.map-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.filter-chip{border:1px solid #2a3545;background:#080c12;color:var(--muted);border-radius:999px;padding:8px 13px;cursor:pointer;font-size:12px;font-weight:750}
.filter-chip.active{background:#dfe5ee;color:#070a0e;border-color:#dfe5ee}
.results-line{display:flex;justify-content:space-between;color:var(--soft);font-size:13px;margin:14px 0 20px}
.results-line select{background:#090d14;color:var(--text);border:1px solid #2b3544;border-radius:9px;padding:7px 10px}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.case-card{border:1px solid #202a37;border-radius:var(--radius);overflow:hidden;background:#080c12;cursor:pointer;transition:transform .18s ease,border-color .18s ease}
.case-card:hover{transform:translateY(-3px);border-color:#53637a}
.case-visual{height:220px;background:#0d1420;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.case-visual.has-media img,.case-visual.has-media video{width:100%;height:100%;object-fit:cover}
.case-glyph{font:400 74px Georgia,serif;color:#7f8ca1;opacity:.95}
.case-watermark{position:absolute;inset:auto 12px 12px 12px;display:flex;justify-content:space-between;align-items:end;gap:8px}
.media-label{font-size:9px;letter-spacing:.14em;font-weight:900;background:#05070bd9;border:1px solid #334156;padding:6px 8px;border-radius:999px;text-transform:uppercase}
.case-number{font:400 12px Georgia,serif;background:#05070bd9;border:1px solid #334156;padding:5px 8px;border-radius:999px}
.case-body{padding:18px}
.case-topline{display:flex;justify-content:space-between;gap:8px;color:#8391a6;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.case-body h3{font:400 24px/1.12 Georgia,serif;margin:9px 0 8px}
.case-location{color:var(--muted);font-size:13px}
.case-summary{color:#b9c0ca;font-size:13px;margin:14px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.load-more{margin:24px auto 0;display:flex}
.map-section{border-top:1px solid #18212d;border-bottom:1px solid #18212d;background:#070a0f}
.map-copy{padding-bottom:18px}
#liveMap{height:min(72vh,720px);min-height:480px;background:#0a0f16;border-top:1px solid #263142;border-bottom:1px solid #263142}
.leaflet-container{background:#0a0f16;font-family:inherit}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#0c1118;color:var(--text)}
.leaflet-popup-content{margin:13px}.map-popup-title{font:400 18px Georgia,serif;margin-bottom:4px}.map-popup-meta{color:#9ea8b6;font-size:12px}
.pin-marker{width:22px;height:22px;border-radius:50%;border:3px solid #070a0e;box-shadow:0 0 0 1px #8997aa;background:#e6e9ee}.pin-marker.community{background:#8ba0be}
.map-legend{max-width:var(--max);margin:0 auto;padding:14px 22px;display:flex;gap:20px;align-items:center;color:var(--muted);font-size:12px}
.map-legend #mapVisibleCount{margin-left:auto}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px}.dot.official{background:#e6e9ee}.dot.community{background:#8ba0be}
.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}
.post-feed{display:flex;flex-direction:column;gap:14px}
.post-card{border:1px solid #202a37;border-radius:var(--radius);background:#080c12;overflow:hidden}
.post-head{display:flex;align-items:center;gap:10px;padding:15px 17px;border-bottom:1px solid #18212d}
.avatar{width:38px;height:38px;border-radius:50%;background:#182131;display:grid;place-items:center;font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}
.post-user strong{display:block}.post-user span{color:var(--soft);font-size:11px}
.post-content{padding:18px}.post-content h3{font:400 23px Georgia,serif;margin:0 0 8px}.post-content p{white-space:pre-wrap;color:#c0c7d0}
.post-media{max-height:560px;width:100%;object-fit:contain;background:#030507;border-top:1px solid #18212d}
.post-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.post-meta span{font-size:11px;border:1px solid #293547;border-radius:999px;padding:5px 8px;color:#97a4b7}
.community-aside{display:flex;flex-direction:column;gap:14px}.aside-card{border:1px solid #202a37;background:#080c12;border-radius:var(--radius);padding:18px;position:sticky;top:90px}.aside-card+ .aside-card{position:static}
.aside-title{font-weight:850;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.aside-card p{color:var(--muted);font-size:13px;margin-bottom:0}
.heading-actions{display:flex;gap:9px}
.empty-state{border:1px dashed #334154;border-radius:var(--radius);padding:40px;text-align:center;color:var(--muted)}.empty-state strong,.empty-state span{display:block}.empty-state strong{color:var(--text);font:400 23px Georgia,serif}
footer{max-width:var(--max);margin:0 auto;padding:45px 22px 110px;border-top:1px solid #161e29;display:grid;grid-template-columns:1fr 2fr auto;gap:30px;align-items:center;color:var(--muted)}.footer-brand{color:var(--text)}.footer-links{display:flex;gap:18px}
.modal{width:min(760px,calc(100vw - 28px));max-height:88vh;overflow:auto;border:1px solid #354256;background:#080c12;color:var(--text);border-radius:22px;padding:30px;box-shadow:0 30px 100px #000b}
.modal::backdrop{background:#000b;backdrop-filter:blur(8px)}
.modal-close{position:sticky;float:right;top:0;z-index:4;width:38px;height:38px;border-radius:50%;border:1px solid #354256;background:#0d131d;color:var(--text);font-size:25px;cursor:pointer}
.modal h2{font:400 36px Georgia,serif;margin:8px 0}.muted{color:var(--muted)}
.auth-tabs{display:flex;gap:8px;margin:18px 0}.auth-tabs button{flex:1;padding:10px;border:1px solid #2b3544;background:transparent;color:var(--muted);border-radius:10px;cursor:pointer}.auth-tabs button.active{background:#e5e8ed;color:#05070b}
form{display:flex;flex-direction:column;gap:14px}label{font-size:12px;color:#9ea9b8;font-weight:700}
input,textarea,select{width:100%;margin-top:6px;background:#0b1018;border:1px solid #2c3747;border-radius:10px;color:var(--text);padding:11px 12px;outline:none}textarea{resize:vertical}
input:focus,textarea:focus,select:focus{border-color:#77879f}.check-row{display:flex;align-items:flex-start;gap:9px}.check-row input{width:auto;margin-top:3px}
.form-grid{display:grid;gap:10px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}
.form-message{min-height:20px;color:#aeb9c8;font-size:12px}.form-message.error{color:#e6b7b0}
.location-box{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #263142;background:#0a0f17;border-radius:12px;padding:14px}.location-box p{margin:4px 0 0;color:var(--soft);font-size:12px}
.case-modal{width:min(1040px,calc(100vw - 28px));padding:0}.case-modal .modal-close{margin:16px}.case-detail-hero{min-height:360px;background:#0d1420;padding:50px 40px 38px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.case-detail-hero h2{font-size:clamp(38px,7vw,72px);max-width:800px;line-height:.95;margin:10px 0}.case-detail-meta{display:flex;gap:8px;flex-wrap:wrap}.case-detail-meta span{border:1px solid #39475a;border-radius:999px;padding:6px 9px;font-size:11px;background:#080c12}
.case-detail-body{padding:30px 40px 45px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}.detail-section{border-top:1px solid #293547;padding-top:18px;margin-top:20px}.detail-section h3{font:400 24px Georgia,serif}.detail-section p{color:#c0c7d0;white-space:pre-wrap}
.detail-aside{border:1px solid #263142;background:#0a0f17;border-radius:14px;padding:16px;height:max-content}.detail-aside strong{font-size:11px;letter-spacing:.09em;text-transform:uppercase}.detail-aside p{color:var(--muted);font-size:13px}
.sources{display:flex;flex-direction:column;gap:8px}.source-link{border:1px solid #293547;border-radius:10px;padding:10px 12px;color:#c7d1df;font-size:13px}.source-link:hover{border-color:#6e7d94}
.media-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.media-tile{aspect-ratio:4/3;background:#101722;border:1px solid #2c394b;border-radius:10px;overflow:hidden;display:grid;place-items:center;color:#8492a6;text-align:center;padding:10px;font-size:11px}.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover}.evidence-tag{display:inline-flex;font-size:10px;letter-spacing:.1em;border:1px solid #47556b;border-radius:999px;padding:6px 9px}
.profile-card{text-align:center}.profile-card .avatar{width:86px;height:86px;margin:0 auto 14px;font-size:28px}.profile-card h2{margin:6px 0}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.profile-stats div{border:1px solid #263142;border-radius:12px;padding:12px}.profile-stats strong{display:block;font:400 22px Georgia,serif}.profile-actions{display:flex;gap:8px;justify-content:center}
.mobile-nav{display:none}
@media(max-width:920px){
  .desktop-nav{display:none}.site-header{padding:0 16px}.header-actions{margin-left:auto}
  .hero{padding-top:80px;min-height:auto}.hero-stats{grid-template-columns:1fr 1fr}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid #202a38}
  .section-heading{display:block}.section-heading>p{margin-top:14px}
  .case-grid{grid-template-columns:1fr 1fr}.community-layout{grid-template-columns:1fr}.community-aside{display:none}
  footer{grid-template-columns:1fr;padding-bottom:110px}.footer-links{justify-content:flex-start}
  .mobile-nav{display:grid;position:fixed;z-index:70;left:10px;right:10px;bottom:10px;grid-template-columns:repeat(5,1fr);background:#080c12ef;border:1px solid #293547;border-radius:18px;padding:7px;backdrop-filter:blur(18px)}
  .mobile-nav a,.mobile-nav button{border:0;background:transparent;color:#a9b2bf;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;padding:5px;cursor:pointer}.mobile-nav span{font-size:18px;color:var(--text)}
}
@media(max-width:640px){
  .brand span{font-size:15px}.account-button{display:none}.hero{padding:64px 16px}.hero h1{font-size:49px}.hero>p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions a{width:100%}
  .section{padding:64px 16px}.case-grid{grid-template-columns:1fr}.case-visual{height:240px}
  #liveMap{height:66vh;min-height:430px}.map-legend{padding:12px 16px;gap:10px;flex-wrap:wrap}.map-legend #mapVisibleCount{margin-left:0;width:100%}
  .form-grid.two,.form-grid.three{grid-template-columns:1fr}.modal{padding:22px}.case-modal{padding:0}.case-detail-hero{padding:80px 22px 25px;min-height:330px}.case-detail-body{padding:22px}.detail-grid{grid-template-columns:1fr}.media-strip{grid-template-columns:1fr 1fr}
}

/* ODDKNOWN community-first pages */
.live-online-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #283446;border-radius:999px;padding:7px 10px;color:#aeb8c6;font-size:11px;white-space:nowrap;background:#080c12}
.live-online-badge i,.live-stat i{width:7px;height:7px;border-radius:50%;background:#dfe7f2;box-shadow:0 0 0 4px #dfe7f218;display:inline-block}
.live-online-badge strong{color:var(--text)}
.hero-stats{grid-template-columns:repeat(5,minmax(0,1fr));max-width:950px}
.live-stat span{display:flex;align-items:center;gap:6px}
.text-link{color:#bfc9d8;font-size:13px}.text-link:hover{color:#fff}
.page-main{max-width:var(--max);margin:0 auto;padding:0 22px 90px}
.page-hero{min-height:280px;padding:72px 0 44px;border-bottom:1px solid #17202b;display:flex;align-items:end;justify-content:space-between;gap:30px}
.page-hero h1{font:400 clamp(42px,6vw,76px)/.98 Georgia,serif;margin:9px 0 13px;letter-spacing:-.04em}.page-hero p{color:var(--muted);max-width:680px;font-size:17px;margin:0}
.spotlight-section{padding-top:58px;padding-bottom:58px;border-bottom:1px solid #17202b}
.spotlight-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);border:1px solid #273345;border-radius:22px;overflow:hidden;background:#080c12;cursor:pointer;min-height:360px}
.spotlight-visual{min-height:360px;background:#0c121b;overflow:hidden}.spotlight-visual .youtube-thumb{height:100%;aspect-ratio:auto;border-radius:0}.spotlight-visual.case-visual{height:auto}.spotlight-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.spotlight-copy h3{font:400 clamp(30px,4vw,50px)/1 Georgia,serif;margin:10px 0 14px}.spotlight-copy p{color:#bbc3cd;font-size:15px}.spotlight-copy .primary-button{align-self:flex-start;margin-top:10px}.feature-loading,.modal-loading{padding:44px;border:1px dashed #334154;border-radius:18px;color:var(--muted);text-align:center}
.engagement-line{display:flex;gap:14px;flex-wrap:wrap;color:#95a2b5;font-size:12px;margin-top:14px}
.home-map-section{padding-top:58px}.home-map-section .section-heading>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.home-map-section .section-heading p{color:var(--muted);margin:0;max-width:440px;text-align:right}
#homeMap{height:360px;border:1px solid #263142;border-radius:18px;overflow:hidden;background:#0a0f16}.home-map-section .map-legend{padding-left:0;padding-right:0}
.map-page-main{max-width:none;padding:0}.map-page-main .page-hero,.full-map-shell{max-width:var(--max);margin:0 auto}.map-page-main .page-hero{padding-left:22px;padding-right:22px}.map-live-summary{border:1px solid #2b3749;border-radius:16px;padding:16px 20px;min-width:130px}.map-live-summary strong{display:block;font:400 30px Georgia,serif}.map-live-summary span{color:var(--soft);font-size:11px}.full-map-shell{padding:24px 22px 70px}.map-page-filters{margin:0 0 14px}.full-map-shell #liveMap{border:1px solid #263142;border-radius:18px;overflow:hidden}.full-map-shell .map-legend{padding-left:0;padding-right:0}.map-popup-link{display:inline-block;margin-top:8px;font-weight:800;font-size:12px;color:#dce5f2}
.community-browser{padding:28px 0 70px}.community-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 150px auto;gap:10px;align-items:center}.community-search-wrap{display:flex;align-items:center;gap:8px;border:1px solid #2b3544;background:#090d14;border-radius:999px;padding:0 16px;height:46px}.community-search-wrap input{border:0;background:transparent;margin:0;padding:0}.community-toolbar select{margin:0;height:46px}.community-chips{display:flex;gap:8px;overflow-x:auto;padding:16px 0 8px;scrollbar-width:none}.community-chips::-webkit-scrollbar{display:none}.community-chips .filter-chip{flex:0 0 auto}.community-page-meta{color:#8f9bad;font-size:12px;margin:10px 0 20px}.community-page-meta span{margin:0 8px}
.youtube-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 16px}.youtube-card{cursor:pointer;min-width:0}.youtube-card:hover h3{color:#fff}.youtube-thumb{aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#0d1420;position:relative;display:grid;place-items:center}.youtube-thumb img,.youtube-thumb video{width:100%;height:100%;object-fit:cover}.youtube-thumb.no-media,.youtube-thumb.audio-thumb{font:400 50px Georgia,serif;color:#8190a6}.youtube-thumb small{position:absolute;bottom:10px;left:10px;font:800 9px/1 system-ui;letter-spacing:.12em;border:1px solid #344156;background:#05070bdc;padding:6px 8px;border-radius:999px}.media-badge{position:absolute;bottom:9px;right:9px;background:#05070be8;border:1px solid #3a4658;border-radius:6px;padding:4px 6px;font-size:9px;font-weight:900;letter-spacing:.08em}.youtube-meta{display:grid;grid-template-columns:38px 1fr;gap:10px;padding-top:11px}.avatar.small{width:34px;height:34px;font-size:12px}.youtube-meta h3{font:650 15px/1.25 system-ui;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.youtube-meta span,.youtube-meta p{display:block;color:#8f9aaa;font-size:11px;margin:0 0 2px}.youtube-meta em{font-style:normal;color:#aab6c7;font-size:10px;border:1px solid #293547;border-radius:999px;padding:3px 6px;display:inline-block;margin-top:4px}
.hero-engagement{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px;color:#9fa9b8;font-size:12px}.reaction-button{border:1px solid #354256;background:#0a0f17;color:#c6cfda;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:750}.reaction-button.active,.mini-like.active{background:#e5e8ed;color:#070a0e;border-color:#e5e8ed}.community-media-strip .community-media-tile{aspect-ratio:auto;min-height:180px;display:flex;flex-direction:column;padding:0}.community-media-tile>img,.community-media-tile>video{height:220px}.community-media-tile>audio{width:calc(100% - 20px);margin:auto}.media-caption{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #293547;padding:8px 10px;text-align:left}.media-caption span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-like{border:1px solid #344154;background:#090d14;color:#b8c2cf;border-radius:999px;padding:5px 8px;font-size:10px;cursor:pointer;white-space:nowrap}.media-tile.placeholder{min-height:180px}
.community-rating-panel{margin-top:34px;border-top:1px solid #293547;padding-top:24px}.section-mini-head h3{font:400 26px Georgia,serif;margin:5px 0 15px}.rating-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rating-summary-grid div{border:1px solid #2a3545;border-radius:12px;padding:13px;background:#0a0f17}.rating-summary-grid strong{display:block;font:400 19px Georgia,serif}.rating-summary-grid span{color:#8f9aaa;font-size:10px}.rating-form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;margin-top:12px;align-items:end}.rating-form label{font-size:10px}.rating-form select{margin-top:4px;padding:8px}
.discussion-section{margin-top:38px;border-top:1px solid #293547;padding-top:28px}.discussion-head h3{font:400 29px Georgia,serif;margin:6px 0}.discussion-head p{color:#9aa5b5;max-width:720px;font-size:13px}.comment-composer-wrap{border:1px solid #293547;background:#090d14;border-radius:14px;padding:12px;margin:18px 0}.comment-composer{gap:8px}.comment-composer textarea{border:0;background:transparent;margin:0;padding:8px;min-height:75px}.composer-actions{display:flex;justify-content:space-between;gap:10px;align-items:center}.upload-button{border:1px solid #324052;border-radius:999px;padding:8px 11px;cursor:pointer;color:#b7c1ce}.replying-note{font-size:11px;color:#aab6c7;padding:5px 8px;border-bottom:1px solid #273345}.replying-note button{background:none;border:0;color:#fff;cursor:pointer;margin-left:8px}.comment-thread{display:flex;flex-direction:column;gap:12px}.comment-item{border-top:1px solid #1c2633;padding-top:13px}.comment-main{display:grid;grid-template-columns:34px 1fr;gap:9px}.comment-byline{display:flex;gap:8px;align-items:center}.comment-byline strong{font-size:12px}.comment-byline span{color:#7f8c9f;font-size:10px}.comment-content p{color:#c1c8d2;margin:6px 0 9px;font-size:13px}.comment-actions{display:flex;gap:8px}.text-action{border:0;background:none;color:#9eabba;font-size:11px;cursor:pointer}.reply-thread{margin:10px 0 0 42px;padding-left:13px;border-left:1px solid #2b3749}.comment-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:8px;margin:8px 0}.comment-media-item{border:1px solid #2b3749;border-radius:10px;overflow:hidden;background:#070b10;position:relative}.comment-media-item img,.comment-media-item video{width:100%;height:150px;object-fit:cover;display:block}.comment-media-item audio{width:100%;padding:10px}.comment-media-item .mini-like{position:absolute;right:6px;bottom:6px;background:#05070be8}.empty-state.compact{padding:22px}
.post-modal{width:min(1220px,calc(100vw - 28px));padding:0}.post-modal .modal-close{margin:14px}.post-detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(360px,.7fr);min-height:70vh}.post-watch-column{padding:22px 26px 38px;border-right:1px solid #263142}.post-discussion-column{padding:22px;max-height:84vh;overflow:auto}.post-discussion-column .discussion-section{margin:0;padding:0;border:0}.post-detail-media{background:#030507;border:1px solid #263142;border-radius:15px;overflow:hidden}.post-detail-media-item{position:relative;background:#030507;display:grid;place-items:center;min-height:160px}.post-detail-media-item+ .post-detail-media-item{border-top:1px solid #263142}.post-detail-media-item img,.post-detail-media-item video{width:100%;max-height:62vh;object-fit:contain}.post-detail-media-item audio{width:90%;margin:35px}.post-detail-media-item>.mini-like{position:absolute;right:12px;bottom:12px;background:#05070be8}.post-detail-no-media{min-height:330px;display:grid;place-items:center;align-content:center;gap:10px;color:#8390a2;font:400 72px Georgia,serif}.post-detail-no-media span{font:12px system-ui;letter-spacing:.08em;text-transform:uppercase}.post-detail-title{padding-top:20px}.post-detail-title h2{font:400 clamp(30px,4vw,46px)/1.03 Georgia,serif;margin:7px 0 14px}.post-author-line{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.post-author-line strong,.post-author-line span{display:block}.post-author-line span{font-size:11px;color:#8f9aaa}.post-description{margin-top:16px;border:1px solid #273345;background:#0a0f17;border-radius:12px;padding:15px;color:#bec6d1;font-size:13px}.post-modal .community-rating-panel{margin-top:22px}

@media(max-width:1050px){.youtube-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-detail-layout{grid-template-columns:1fr}.post-watch-column{border-right:0;border-bottom:1px solid #263142}.post-discussion-column{max-height:none}.rating-form{grid-template-columns:repeat(2,1fr)}.rating-form .secondary-button{grid-column:1/-1}}
@media(max-width:920px){.hero-stats{grid-template-columns:repeat(3,1fr)}.hero-stats div{border-bottom:1px solid #202a38}.hero-stats div:nth-child(3){border-right:0}.page-hero{padding-top:52px}.spotlight-card{grid-template-columns:1fr}.spotlight-visual{min-height:260px}.home-map-section .section-heading>div:last-child{align-items:flex-start}.home-map-section .section-heading p{text-align:left}.rating-summary-grid{grid-template-columns:1fr 1fr}.live-online-badge span{display:none}}
@media(max-width:640px){.live-online-badge{padding:7px 9px}.header-actions{gap:6px}.icon-button{display:none}.hero-stats{grid-template-columns:1fr 1fr}.hero-stats div:nth-child(2n){border-right:0}.hero-stats div:last-child{grid-column:1/-1}.page-main{padding:0 16px 90px}.page-hero{display:block;padding-top:42px}.page-hero .primary-button{margin-top:20px}.page-hero h1{font-size:46px}.community-toolbar{grid-template-columns:1fr 110px}.community-toolbar #refreshCommunity{grid-column:1/-1}.youtube-grid{grid-template-columns:1fr;gap:25px}.youtube-thumb{border-radius:10px}.spotlight-copy{padding:22px}.spotlight-visual{min-height:220px}#homeMap{height:280px}.rating-summary-grid{grid-template-columns:1fr 1fr}.rating-form{grid-template-columns:1fr 1fr}.composer-actions{align-items:stretch;flex-direction:column}.upload-button{text-align:center}.comment-media-grid{grid-template-columns:1fr}.reply-thread{margin-left:16px}.post-watch-column,.post-discussion-column{padding:16px}.post-author-line{grid-template-columns:38px 1fr}.post-author-line .reaction-button{grid-column:1/-1}.post-detail-media-item img,.post-detail-media-item video{max-height:50vh}.community-media-strip{grid-template-columns:1fr}.map-page-main .page-hero{padding-left:16px;padding-right:16px}.full-map-shell{padding-left:16px;padding-right:16px}}


/* Light theme + Google auth + legal pages */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--soft);font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:10px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}
.legal-consent-box{border:1px solid var(--line);border-radius:13px;padding:11px 13px;margin:14px 0;background:#090d14}.legal-consent-box .check-row{margin:6px 0}.legal-consent-box a{text-decoration:underline;text-underline-offset:2px;font-weight:750}.auth-legal-note{color:var(--soft);font-size:11px;margin:-5px 0 12px}.consent-modal{width:min(560px,calc(100vw - 28px))}.consent-signout{margin-top:9px}.consent-modal::backdrop{background:#000d;backdrop-filter:blur(10px)}
.legal-main{max-width:900px;margin:0 auto;padding:90px 22px 80px}.legal-main h1{font:400 clamp(44px,7vw,76px)/1 Georgia,serif;letter-spacing:-.04em;margin:10px 0 18px}.legal-intro{font-size:18px;color:var(--muted);max-width:720px}.legal-updated{font-size:12px;color:var(--soft);margin:18px 0 45px}.legal-section{padding:25px 0;border-top:1px solid var(--line)}.legal-section h2{font:400 28px Georgia,serif;margin:0 0 10px}.legal-section p{color:var(--muted);font-size:15px;line-height:1.75;margin:0}.legal-header .desktop-nav{margin-left:auto}

html[data-theme="light"]{
  --bg:#f4f1e9;--panel:#ffffff;--panel2:#eef1f4;--line:#cfd5dc;--soft:#6d7681;
  --text:#12161c;--muted:#525d69;--accent:#202832;--blue:#667790;--danger:#9c514a;
}
html[data-theme="light"] body{background:#f4f1e9;color:var(--text)}
html[data-theme="light"] .noise{opacity:.018;mix-blend-mode:multiply}
html[data-theme="light"] .site-header{background:rgba(244,241,233,.94);border-bottom-color:#d7dce2}
html[data-theme="light"] .hero{border-bottom-color:#d9dde1}html[data-theme="light"] .hero:after{color:#e7e5df}
html[data-theme="light"] :is(.hero-stats,.search-box,.case-card,.post-card,.aside-card,.spotlight-card,.live-online-badge,.community-search-wrap,.rating-summary-grid div,.comment-composer-wrap,.post-description,.reaction-button,.mini-like,.modal,.form-grid input,.form-grid textarea,.form-grid select,.auth-modal input,.create-modal input,.create-modal textarea,.create-modal select,.legal-consent-box){background:#fff;color:var(--text);border-color:#d0d6dc}
html[data-theme="light"] :is(.case-visual,.youtube-thumb,.spotlight-visual,#homeMap,#liveMap,.post-detail-media,.post-detail-media-item,.comment-media-item){background:#e7ebef}
html[data-theme="light"] :is(.filters-shell,.spotlight-section,.map-section,.page-hero,.discussion-section,.community-rating-panel,footer){border-color:#d8dde2}
html[data-theme="light"] .filter-chip{background:#fff;border-color:#d1d7de;color:#57616d}html[data-theme="light"] .filter-chip.active{background:#1c232c;color:#fff;border-color:#1c232c}
html[data-theme="light"] .primary-button{background:#151a21;color:#fff;border-color:#151a21}html[data-theme="light"] .secondary-button,html[data-theme="light"] .load-more{border-color:#aeb7c1;color:#202832}
html[data-theme="light"] :is(.case-summary,.post-content p,.spotlight-copy p,.comment-content p){color:#47525e}
html[data-theme="light"] :is(.case-topline,.case-location,.youtube-meta span,.youtube-meta p,.engagement-line,.post-author-line span,.map-popup-meta){color:#64707d}
html[data-theme="light"] .mobile-nav{background:rgba(255,255,255,.94);border-color:#ccd2d8}html[data-theme="light"] .mobile-nav a,html[data-theme="light"] .mobile-nav button{color:#5d6874}
html[data-theme="light"] .leaflet-popup-content-wrapper,html[data-theme="light"] .leaflet-popup-tip{background:#fff;color:#171c22}
html[data-theme="light"] html[data-theme="light"] 
html[data-theme="light"] .modal::backdrop{background:#1d27334f}
html[data-theme="light"] .media-label,html[data-theme="light"] .case-number,html[data-theme="light"] .media-badge,html[data-theme="light"] .youtube-thumb small{background:#ffffffdf;color:#202832;border-color:#cbd2da}
html[data-theme="light"] .pin-marker{border-color:#fff;background:#1f2833;box-shadow:0 0 0 1px #708092}html[data-theme="light"] .pin-marker.community{background:#647a9a}
@media(max-width:640px){.theme-toggle{display:inline-flex!important}.legal-main{padding:60px 16px 90px}}

/* =========================================================
   ODDKNOWN 2026 BRAND THEME — NEW CREAM / BLACK OK IDENTITY
   ========================================================= */
:root{
  --brand-cream:#e9e0cc;
  --brand-cream-soft:#f3eddf;
  --brand-cream-deep:#d7cbb3;
  --brand-ink:#0f0f0c;
  --brand-ink-soft:#282720;
  --brand-line:#403b31;
  --bg:#0f0e0b;
  --panel:#171510;
  --panel2:#211e17;
  --line:#3a352b;
  --soft:#918777;
  --text:#f1e8d7;
  --muted:#bdb19e;
  --accent:#eadfc9;
  --blue:#cfc1aa;
  --danger:#c89084;
  --radius:12px;
}
html,body{background:var(--bg)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.002em}
.brand{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:.145em}
.brand img{width:42px;height:42px;border-radius:9px;object-fit:cover;border:1px solid rgba(233,224,204,.28);background:var(--brand-cream)}
.site-header{background:rgba(15,14,11,.94);border-bottom-color:#312c23}
.desktop-nav{font-size:13px;font-weight:750;letter-spacing:.035em}
.icon-button,.account-button{border-color:#554d3e}
.account-button{font-weight:850}
.hero{border-bottom-color:#332e25}
.hero:after{content:"OK";font-family:Arial Black,Arial,Helvetica,sans-serif;font-weight:900;color:#17140f;letter-spacing:-.14em;right:0;top:18%}
.hero h1,.section-heading h2,.case-body h3,.post-content h3,.modal h2,.map-popup-title,.empty-state strong,.spotlight-copy h3,.page-hero h1,.post-detail-title h2,.legal-main h1,.legal-section h2{font-family:Arial,Helvetica,sans-serif;font-weight:850;letter-spacing:-.045em}
.hero h1 span{color:#d3c5ae}
.eyebrow,.modal-kicker{color:#a79a85;letter-spacing:.22em}
.primary-button{background:var(--brand-cream);color:var(--brand-ink);border-color:var(--brand-cream);border-radius:8px;text-transform:uppercase;letter-spacing:.055em;font-size:12px}
.secondary-button,.load-more{border-color:#625949;border-radius:8px;text-transform:uppercase;letter-spacing:.045em;font-size:12px}
.hero-stats,.search-box,.case-card,.post-card,.aside-card,.spotlight-card,.live-online-badge,.community-search-wrap,.rating-summary-grid div,.comment-composer-wrap,.post-description,.reaction-button,.mini-like,.modal,.legal-consent-box{background:var(--panel);border-color:#39342b}
.hero-stats{border-radius:10px}.hero-stats div{border-color:#39342b}
.search-box{border-radius:8px}
.filter-chip{background:#171510;border-color:#423c31;color:#b7ab98;border-radius:7px;text-transform:uppercase;letter-spacing:.045em}
.filter-chip.active{background:var(--brand-cream);border-color:var(--brand-cream);color:var(--brand-ink)}
.case-card{border-radius:10px}.case-card:hover{border-color:#857966;transform:translateY(-2px)}
.case-visual,.youtube-thumb,.spotlight-visual,#homeMap,#liveMap,.post-detail-media,.post-detail-media-item,.comment-media-item{background:#13110e}
.case-glyph{color:#b4a792}
.media-label,.case-number,.media-badge,.youtube-thumb small{background:rgba(15,14,11,.9);border-color:#5b5242;color:#eadfc9;border-radius:6px}
.case-topline,.case-location,.youtube-meta span,.youtube-meta p,.engagement-line,.post-author-line span,.map-popup-meta{color:#9f9482}
.case-summary,.post-content p,.spotlight-copy p,.comment-content p{color:#cfc4b2}
.map-section{background:#12100d;border-color:#322d24}.leaflet-container{background:#13110e}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#171510;color:#eee4d2}
.pin-marker{border-color:#0f0e0b;background:#eadfc9;box-shadow:0 0 0 1px #9a8e79}.pin-marker.community{background:#8f8370}
.mobile-nav{background:rgba(15,14,11,.95);border-color:#3a352b}.mobile-nav a,.mobile-nav button{color:#c1b6a4}
.modal{border-radius:14px}.modal-close{border-radius:7px;background:#1c1913;border-color:#4a4336}
footer{border-color:#322d24}

/* Logo-driven light mode is the primary ODDKNOWN identity. */
html[data-theme="light"]{
  --bg:#e9e0cc;
  --panel:#f3eddf;
  --panel2:#ddd1b9;
  --line:#b4a88f;
  --soft:#7a7163;
  --text:#10100d;
  --muted:#5e584e;
  --accent:#10100d;
  --blue:#2a2923;
  --danger:#7a302d;
}
html[data-theme="light"] body{background:var(--brand-cream);color:var(--brand-ink)}
html[data-theme="light"] .noise{opacity:.025;mix-blend-mode:multiply}
html[data-theme="light"] .site-header{background:rgba(233,224,204,.95);border-bottom-color:#b7aa91}
html[data-theme="light"] .brand img{border-color:#a99c84;background:#e9e0cc}
html[data-theme="light"] .hero{border-bottom-color:#b9ad95}
html[data-theme="light"] .hero:after{color:#d9ceb8}
html[data-theme="light"] .hero h1 span{color:#595247}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .modal-kicker{color:#625b50}
html[data-theme="light"] :is(.hero-stats,.search-box,.case-card,.post-card,.aside-card,.spotlight-card,.live-online-badge,.community-search-wrap,.rating-summary-grid div,.comment-composer-wrap,.post-description,.reaction-button,.mini-like,.modal,.form-grid input,.form-grid textarea,.form-grid select,.auth-modal input,.create-modal input,.create-modal textarea,.create-modal select,.legal-consent-box){background:#f4edde;color:#11110e;border-color:#b8ab91}
html[data-theme="light"] :is(.case-visual,.youtube-thumb,.spotlight-visual,#homeMap,#liveMap,.post-detail-media,.post-detail-media-item,.comment-media-item){background:#d9ceb8}
html[data-theme="light"] :is(.filters-shell,.spotlight-section,.map-section,.page-hero,.discussion-section,.community-rating-panel,footer){border-color:#b8ab91}
html[data-theme="light"] .map-section{background:#dfd4be}
html[data-theme="light"] .filter-chip{background:#efe6d5;border-color:#b0a38a;color:#524c43}
html[data-theme="light"] .filter-chip.active{background:#11110e;color:#eee5d4;border-color:#11110e}
html[data-theme="light"] .primary-button{background:#11110e;color:#eee5d4;border-color:#11110e}
html[data-theme="light"] .secondary-button,html[data-theme="light"] .load-more{border-color:#6d6456;color:#171611;background:transparent}
html[data-theme="light"] :is(.case-summary,.post-content p,.spotlight-copy p,.comment-content p){color:#4d473f}
html[data-theme="light"] :is(.case-topline,.case-location,.youtube-meta span,.youtube-meta p,.engagement-line,.post-author-line span,.map-popup-meta){color:#70685a}
html[data-theme="light"] .mobile-nav{background:rgba(233,224,204,.96);border-color:#afa187}
html[data-theme="light"] .mobile-nav a,html[data-theme="light"] .mobile-nav button{color:#514b41}
html[data-theme="light"] .leaflet-popup-content-wrapper,html[data-theme="light"] .leaflet-popup-tip{background:#f4edde;color:#11110e}
html[data-theme="light"] 
html[data-theme="light"] 
html[data-theme="light"] .media-label,html[data-theme="light"] .case-number,html[data-theme="light"] .media-badge,html[data-theme="light"] .youtube-thumb small{background:rgba(244,237,222,.92);color:#171611;border-color:#a99c84}
html[data-theme="light"] .pin-marker{border-color:#eee5d4;background:#11110e;box-shadow:0 0 0 1px #716756}html[data-theme="light"] .pin-marker.community{background:#716756}
html[data-theme="light"] .modal::backdrop{background:rgba(28,24,18,.38)}
html[data-theme="light"] footer{color:#625b50}

/* =========================================================
   ODDKNOWN FINAL IDENTITY — BLACK / WHITE OK EYE LOGO
   ========================================================= */
:root{
  --bg:#030303;--panel:#0a0a0a;--panel2:#11110f;--line:#2b2b28;--soft:#858580;
  --text:#f7f7f2;--muted:#b0b0aa;--accent:#ffffff;--blue:#d9d9d4;--danger:#c8847a;
  --radius:10px;--brand-black:#000;--brand-white:#fff;--brand-paper:#f3f1ea;
}
html,body{background:var(--bg)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header{background:rgba(3,3,3,.94);border-bottom-color:#20201e}
.brand{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:.17em}
.brand img{width:44px;height:44px;border-radius:4px;border:1px solid #2a2a27;background:#000;object-fit:cover}
.hero:after{content:"OK";font-family:Georgia,"Times New Roman",serif;color:#0b0b0a;letter-spacing:-.12em}
.hero h1,.section-heading h2,.case-body h3,.post-content h3,.modal h2,.map-popup-title,.empty-state strong,.spotlight-copy h3,.page-hero h1,.post-detail-title h2,.legal-main h1,.legal-section h2,.news-card h2,.news-detail h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}
.hero h1 span{color:#cfcfca}.eyebrow,.modal-kicker{color:#9b9b95}
.primary-button{background:#fff;color:#050505;border-color:#fff;border-radius:6px}
.secondary-button,.load-more{border-color:#53534f;border-radius:6px}
.filter-chip{background:#0a0a0a;border-color:#30302d;color:#b6b6b0;border-radius:6px}
.filter-chip.active{background:#fff;color:#050505;border-color:#fff}
.case-card,.spotlight-card,.post-card,.aside-card,.modal,.hero-stats,.search-box,.community-search-wrap,.live-online-badge,.rating-summary-grid div,.comment-composer-wrap,.post-description,.reaction-button,.mini-like,.legal-consent-box{background:#080808;border-color:#282825}
.case-card:hover{border-color:#777772}.case-visual,.youtube-thumb,.spotlight-visual,#homeMap,#liveMap,.post-detail-media,.post-detail-media-item,.comment-media-item{background:#0b0b0b}
.case-glyph{color:#d1d1cc}.media-label,.case-number,.media-badge,.youtube-thumb small{background:rgba(0,0,0,.86);border-color:#454541;color:#f3f3ee}
.pin-marker{border-color:#000;background:#fff;box-shadow:0 0 0 1px #777}.pin-marker.community{background:#8e8e89}
.mobile-nav{background:rgba(3,3,3,.96);border-color:#2f2f2b;border-radius:10px}

html[data-theme="light"]{
  --bg:#f3f1ea;--panel:#ffffff;--panel2:#e9e6dd;--line:#cbc7bb;--soft:#77736a;
  --text:#090909;--muted:#54514a;--accent:#090909;--blue:#20201e;--danger:#7e3f38;
}
html[data-theme="light"] body{background:#f3f1ea;color:#090909}
html[data-theme="light"] .site-header{background:rgba(243,241,234,.96);border-bottom-color:#cbc7bb}
html[data-theme="light"] .brand img{background:#000;border-color:#b7b3a9}
html[data-theme="light"] .hero:after{color:#e5e2d9}
html[data-theme="light"] .hero h1 span{color:#55524b}
html[data-theme="light"] :is(.hero-stats,.search-box,.case-card,.post-card,.aside-card,.spotlight-card,.live-online-badge,.community-search-wrap,.rating-summary-grid div,.comment-composer-wrap,.post-description,.reaction-button,.mini-like,.modal,.form-grid input,.form-grid textarea,.form-grid select,.auth-modal input,.create-modal input,.create-modal textarea,.create-modal select,.legal-consent-box,.source-media-card,.moon-card,.news-card,.news-source-box,.profile-edit-form input,.profile-edit-form textarea){background:#fff;color:#090909;border-color:#cbc7bb}
html[data-theme="light"] :is(.case-visual,.youtube-thumb,.spotlight-visual,#homeMap,#liveMap,.post-detail-media,.post-detail-media-item,.comment-media-item){background:#e7e4db}
html[data-theme="light"] .filter-chip{background:#f8f6ef;border-color:#c6c2b6;color:#4f4c45}
html[data-theme="light"] .filter-chip.active{background:#050505;color:#fff;border-color:#050505}
html[data-theme="light"] .primary-button{background:#050505;color:#fff;border-color:#050505}
html[data-theme="light"] .secondary-button,html[data-theme="light"] .load-more{border-color:#77736a;color:#111}
html[data-theme="light"] .mobile-nav{background:rgba(243,241,234,.97);border-color:#c6c2b6}
html[data-theme="light"] html[data-theme="light"] 
html[data-theme="light"] .leaflet-popup-content-wrapper,html[data-theme="light"] .leaflet-popup-tip{background:#fff;color:#090909}
html[data-theme="light"] .pin-marker{border-color:#fff;background:#050505;box-shadow:0 0 0 1px #777}html[data-theme="light"] .pin-marker.community{background:#77736a}

/* Source/context media for all ODDKNOWN Articles */
.external-source-media{margin:26px 0 34px;padding-top:24px;border-top:1px solid var(--line)}
.source-media-disclaimer{color:var(--muted);max-width:820px;font-size:13px;margin:4px 0 18px}
.source-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.source-media-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden;min-width:0}
.source-media-card>img,.source-media-card>video{display:block;width:100%;height:290px;object-fit:contain;background:#000}
.source-media-kind{padding:9px 12px;border-bottom:1px solid var(--line);font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--soft)}
.source-media-credit{display:grid;gap:3px;padding:11px 12px;font-size:11px;color:var(--muted)}.source-media-credit strong{color:var(--text);font-size:12px}.source-media-credit a{text-decoration:underline;text-underline-offset:2px}
.source-audio{min-height:210px;display:grid;place-items:center;padding:20px;background:#050505}.source-audio audio{width:100%}.source-audio-icon{font-size:40px;color:#fff}
.source-record-icon{height:170px;display:grid;place-items:center;font:400 72px Georgia,serif;background:#050505;color:#fff}
.youtube-embed{aspect-ratio:16/9;background:#000}.youtube-embed iframe{width:100%;height:100%;border:0}
.source-media-loading,.source-media-empty{grid-column:1/-1;border:1px dashed var(--line);padding:24px;color:var(--muted);border-radius:8px}.source-media-empty strong,.source-media-empty span{display:block}.source-media-empty strong{color:var(--text)}
.case-visual.context-media img{filter:saturate(.82) contrast(1.03)}

/* Profile social links/editing */
.profile-social-block{margin:18px 0}.profile-social-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.social-link{border:1px solid var(--line);border-radius:6px;padding:8px 11px;font-weight:800;font-size:12px}.profile-edit-form{margin-top:14px;padding-top:16px;border-top:1px solid var(--line)}.profile-edit-form label{display:grid;gap:6px;margin:10px 0;color:var(--muted);font-size:12px}.profile-edit-form input,.profile-edit-form textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:var(--panel2);color:var(--text)}

/* News */
.news-review-note{border:1px solid var(--line);border-radius:8px;padding:15px 17px;display:grid;gap:2px;min-width:210px}.news-review-note strong{font-size:11px;letter-spacing:.14em}.news-review-note span{font-size:12px;color:var(--muted)}
.news-browser{padding-bottom:70px}.news-toolbar{margin-bottom:10px}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.news-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:22px;cursor:pointer;transition:transform .16s,border-color .16s}.news-card:hover{transform:translateY(-2px);border-color:#6b6b66}.news-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.news-category,.breaking-badge{font-size:9px;letter-spacing:.12em;font-weight:900;border:1px solid var(--line);padding:5px 7px;border-radius:4px}.breaking-badge{background:var(--text);color:var(--bg);border-color:var(--text)}.news-card h2{font-size:30px;line-height:1.04;margin:14px 0 11px}.news-card>p{color:var(--muted);margin:0 0 16px}.news-card-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--soft);font-size:11px}.news-card-meta strong{color:var(--text)}.news-card-source{margin-top:13px;padding-top:10px;border-top:1px solid var(--line);font-size:10px;color:var(--soft)}
.news-modal{width:min(900px,calc(100vw - 28px))}.news-detail h2{font-size:clamp(38px,6vw,68px);line-height:.98;margin:10px 0 16px}.news-detail-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--soft);font-size:11px}.news-dek{font-size:19px;color:var(--muted);max-width:760px}.news-body{font-size:16px;line-height:1.75;max-width:780px}.news-body p{margin:0 0 16px}.news-source-box{border:1px solid var(--line);border-radius:8px;background:var(--panel2);padding:18px;margin:28px 0}.news-source-box h3{margin:5px 0 8px}.news-source-box p{color:var(--muted)}.news-editorial-note{font-size:11px;color:var(--soft);border-top:1px solid var(--line);padding-top:18px}

/* Moon */
.moon-section{max-width:var(--max);margin:0 auto;padding:70px 22px 90px}.moon-card{display:grid;grid-template-columns:170px 1.3fr repeat(4,1fr);border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden}.moon-card>div{padding:22px;border-right:1px solid var(--line);min-width:0}.moon-card>div:last-child{border-right:0}.moon-visual{font-size:88px;display:grid;place-items:center;background:#000!important}.moon-primary,.moon-stat{display:flex;flex-direction:column;justify-content:center}.moon-primary span,.moon-stat span{font-size:9px;letter-spacing:.14em;font-weight:900;color:var(--soft)}.moon-primary strong{font:400 32px Georgia,serif;margin:5px 0}.moon-stat strong{font-size:15px;margin-top:6px}.moon-primary small{color:var(--soft)}.moon-location-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:12px}.moon-location-row p{color:var(--muted);font-size:12px;margin:0;max-width:760px}

@media(max-width:1080px){.moon-card{grid-template-columns:140px repeat(2,1fr)}.moon-card>div{border-bottom:1px solid var(--line)}.mobile-nav{grid-template-columns:repeat(6,1fr)}}
@media(max-width:760px){.source-media-grid,.news-grid{grid-template-columns:1fr}.source-media-card>img,.source-media-card>video{height:240px}.moon-card{grid-template-columns:1fr 1fr}.moon-visual{grid-row:span 2;font-size:68px}.moon-location-row{align-items:stretch;flex-direction:column}.news-card h2{font-size:26px}}
@media(max-width:520px){.mobile-nav{left:4px;right:4px;bottom:4px;padding:5px;gap:0}.mobile-nav a,.mobile-nav button{font-size:8px;padding:4px 2px}.mobile-nav span{font-size:16px}.moon-card{grid-template-columns:1fr}.moon-visual{grid-row:auto}.moon-card>div{border-right:0}.news-review-note{margin-top:18px}}
@media(min-width:921px){.hero-stats{grid-template-columns:repeat(5,minmax(0,1fr));max-width:980px}.hero-stats div{border-bottom:0}.hero-stats div:nth-child(3){border-right:1px solid var(--line)}}

/* =========================================================
   ODDKNOWN NIGHT / DAY THEME — FINAL BRAND RULES
   Night: black + white + restrained red
   Day:   white + black + restrained blue
   ========================================================= */
:root{
  --bg:#000000;
  --panel:#080808;
  --panel2:#101010;
  --line:#2a2a2a;
  --soft:#8e8e8e;
  --text:#ffffff;
  --muted:#b9b9b9;
  --accent:#e31b23;
  --blue:#e31b23;
  --danger:#e31b23;
  --theme-accent:#e31b23;
  --theme-accent-soft:rgba(227,27,35,.14);
  --theme-accent-border:rgba(227,27,35,.72);
  --radius:10px;
}
html,body{background:#000;color:#fff}
body{background:#000;color:#fff}
::selection{background:var(--theme-accent);color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}
.site-header{background:rgba(0,0,0,.95);border-bottom-color:#242424}
.brand img{background:#000;border-color:#333}
.desktop-nav a:hover,.nav-button:hover{color:var(--theme-accent)}
.icon-button:hover,.account-button:hover{border-color:var(--theme-accent);color:var(--theme-accent)}
.hero{border-bottom-color:#242424}
.hero:after{color:#090909}
.hero h1 span{color:#fff}
.eyebrow,.modal-kicker{color:var(--theme-accent)}
.primary-button{background:#fff;color:#000;border-color:#fff}
.primary-button:hover{background:var(--theme-accent);border-color:var(--theme-accent);color:#fff}
.secondary-button:hover,.load-more:hover{border-color:var(--theme-accent);color:var(--theme-accent)}
.filter-chip.active{background:var(--theme-accent);border-color:var(--theme-accent);color:#fff}
.filter-chip:hover{border-color:var(--theme-accent-border)}
.case-card:hover,.youtube-card:hover,.post-card:hover,.news-card:hover,.spotlight-card:hover{border-color:var(--theme-accent-border)}
.case-number,.breaking-badge,.media-badge{border-color:var(--theme-accent-border)}
.breaking-badge{background:var(--theme-accent);color:#fff}
.source-link,.news-source-box a,.admin-source-link,.source-media-credit a,.social-link:hover{color:var(--theme-accent)}
.reaction-button.active,.mini-like.active{color:var(--theme-accent);border-color:var(--theme-accent-border);background:var(--theme-accent-soft)}
.pin-marker{background:var(--theme-accent);border-color:#000;box-shadow:0 0 0 1px #fff}
.pin-marker.community{background:#fff;box-shadow:0 0 0 1px var(--theme-accent)}
.dot.official{background:var(--theme-accent)}.dot.community{background:#fff;border:1px solid #777}
.leaflet-tile-pane{filter:grayscale(.82) invert(.94) brightness(.94) contrast(1.08)}
.leaflet-control-zoom a,.leaflet-control-attribution{background:#0a0a0a!important;color:#fff!important;border-color:#333!important}
.leaflet-control-attribution a{color:var(--theme-accent)!important}
.mobile-nav{background:rgba(0,0,0,.97);border-color:#2b2b2b}
.mobile-nav a:hover,.mobile-nav button:hover{color:var(--theme-accent)}
.legal-section h2:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--theme-accent);margin:0 10px 5px 0}
.news-category{border-color:var(--theme-accent-border);color:#fff}.news-card-top .breaking-badge{background:var(--theme-accent)}
.moon-card{border-color:#2d2d2d}.moon-phase-icon{color:var(--theme-accent)}
.fair-feed-note{border:1px solid var(--theme-accent-border);background:var(--theme-accent-soft);color:var(--muted);border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.5}.fair-feed-note strong{color:#fff}
.social-origin-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--theme-accent-border);color:#fff;background:var(--theme-accent-soft);border-radius:5px;padding:4px 7px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

html[data-theme="light"]{
  --bg:#ffffff;
  --panel:#ffffff;
  --panel2:#f5f7fa;
  --line:#d7dce2;
  --soft:#6d7480;
  --text:#080808;
  --muted:#4f5864;
  --accent:#1769ff;
  --blue:#1769ff;
  --danger:#b42318;
  --theme-accent:#1769ff;
  --theme-accent-soft:rgba(23,105,255,.09);
  --theme-accent-border:rgba(23,105,255,.62);
}
html[data-theme="light"],html[data-theme="light"] body{background:#fff;color:#080808}
html[data-theme="light"] ::selection{background:var(--theme-accent);color:#fff}
html[data-theme="light"] .site-header{background:rgba(255,255,255,.96);border-bottom-color:#d9dee5}
html[data-theme="light"] .brand img{background:#000;border-color:#c8cdd4}
html[data-theme="light"] .hero{border-bottom-color:#dce1e7}
html[data-theme="light"] .hero:after{color:#f1f4f8}
html[data-theme="light"] .hero h1 span{color:#080808}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .modal-kicker{color:var(--theme-accent)}
html[data-theme="light"] :is(.hero-stats,.search-box,.case-card,.post-card,.aside-card,.spotlight-card,.live-online-badge,.community-search-wrap,.rating-summary-grid div,.comment-composer-wrap,.post-description,.reaction-button,.mini-like,.modal,.form-grid input,.form-grid textarea,.form-grid select,.auth-modal input,.create-modal input,.create-modal textarea,.create-modal select,.legal-consent-box,.source-media-card,.moon-card,.news-card,.news-source-box,.profile-edit-form input,.profile-edit-form textarea){background:#fff;color:#080808;border-color:#d7dce2}
html[data-theme="light"] :is(.case-visual,.youtube-thumb,.spotlight-visual,#homeMap,#liveMap,.post-detail-media,.post-detail-media-item,.comment-media-item){background:#f1f4f7}
html[data-theme="light"] .map-section{background:#fff;border-color:#dce1e7}
html[data-theme="light"] .filter-chip{background:#fff;border-color:#d4dae1;color:#404854}
html[data-theme="light"] .filter-chip.active{background:var(--theme-accent);border-color:var(--theme-accent);color:#fff}
html[data-theme="light"] .primary-button{background:#080808;color:#fff;border-color:#080808}
html[data-theme="light"] .primary-button:hover{background:var(--theme-accent);border-color:var(--theme-accent)}
html[data-theme="light"] .secondary-button,html[data-theme="light"] .load-more{border-color:#aeb6c0;color:#080808}
html[data-theme="light"] .secondary-button:hover,html[data-theme="light"] .load-more:hover{border-color:var(--theme-accent);color:var(--theme-accent)}
html[data-theme="light"] :is(.case-summary,.post-content p,.spotlight-copy p,.comment-content p){color:#3f4752}
html[data-theme="light"] :is(.case-topline,.case-location,.youtube-meta span,.youtube-meta p,.engagement-line,.post-author-line span,.map-popup-meta){color:#65707d}
html[data-theme="light"] .mobile-nav{background:rgba(255,255,255,.97);border-color:#d5dbe2}
html[data-theme="light"] .mobile-nav a,html[data-theme="light"] .mobile-nav button{color:#3f4752}
html[data-theme="light"] html[data-theme="light"] 
html[data-theme="light"] .media-label,html[data-theme="light"] .case-number,html[data-theme="light"] .media-badge,html[data-theme="light"] .youtube-thumb small{background:rgba(255,255,255,.94);color:#080808;border-color:#cdd3da}
html[data-theme="light"] .leaflet-popup-content-wrapper,html[data-theme="light"] .leaflet-popup-tip{background:#fff;color:#080808}
html[data-theme="light"] .leaflet-tile-pane{filter:none}
html[data-theme="light"] .leaflet-control-zoom a,html[data-theme="light"] .leaflet-control-attribution{background:#fff!important;color:#080808!important;border-color:#ccd3da!important}
html[data-theme="light"] .leaflet-control-attribution a{color:var(--theme-accent)!important}
html[data-theme="light"] .pin-marker{background:var(--theme-accent);border-color:#fff;box-shadow:0 0 0 1px #1d4f99}
html[data-theme="light"] .pin-marker.community{background:#080808;box-shadow:0 0 0 1px var(--theme-accent)}
html[data-theme="light"] .dot.official{background:var(--theme-accent)}html[data-theme="light"] .dot.community{background:#080808;border:0}
html[data-theme="light"] .fair-feed-note{background:var(--theme-accent-soft);border-color:var(--theme-accent-border);color:#46505d}html[data-theme="light"] .fair-feed-note strong{color:#080808}
html[data-theme="light"] .social-origin-badge{color:#0b3d91;background:var(--theme-accent-soft);border-color:var(--theme-accent-border)}
.fair-feed-note{margin:12px 0 14px}

/* Profile credibility, visibility controls, and complete post actions */
.post-author-identity{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}
.post-author-identity:hover strong{color:var(--theme-accent)}
.post-action-bar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.post-action-bar .reaction-button{min-height:38px}
.profile-visibility-settings{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}
.profile-visibility-settings>strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.readonly-social-note{display:grid;gap:4px;margin:12px 0;padding:12px 14px;border:1px solid var(--theme-accent-border);border-radius:8px;background:var(--theme-accent-soft);font-size:12px;line-height:1.5}
.readonly-social-note span{color:var(--muted)}
.profile-rating-box{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}
.profile-rating-box>strong{display:block;margin-bottom:8px}
.profile-star-buttons{display:flex;gap:3px;margin:4px 0 7px}
.profile-star{appearance:none;border:0;background:transparent;color:#777;font-size:27px;line-height:1;cursor:pointer;padding:2px}
.profile-star:hover,.profile-star.active{color:var(--theme-accent)}
.profile-rating-count{font-size:11px;color:var(--muted);margin-top:-6px}
.profile-large-avatar{width:76px;height:76px;font-size:26px}
.profile-stats strong{overflow-wrap:anywhere}
html[data-theme="light"] .profile-visibility-settings,html[data-theme="light"] .profile-rating-box{background:#f5f7fa;border-color:#d7dce2}
html[data-theme="light"] .readonly-social-note{background:var(--theme-accent-soft);border-color:var(--theme-accent-border)}
html[data-theme="light"] .profile-star{color:#9298a1}
html[data-theme="light"] .profile-star:hover,html[data-theme="light"] .profile-star.active{color:var(--theme-accent)}
@media(max-width:640px){.post-action-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.post-action-bar .reaction-button{justify-content:center;width:100%}}

/* Connected social accounts */
.social-sync-panel{margin:24px 0;padding:20px;border:1px solid var(--line);background:var(--surface-2)}
.social-sync-heading h3{margin:.25rem 0 1rem}.social-connect-list{display:grid;gap:10px;margin:14px 0}.social-connect-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);background:var(--surface)}.social-connect-card>div:first-child{display:grid;gap:3px}.social-connect-card span,.social-connect-card small{color:var(--muted)}.social-connect-card em{color:var(--accent);font-style:normal}.social-connect-actions{display:flex;gap:8px;flex-wrap:wrap}.strong-notice{border-left:3px solid var(--accent);padding-left:12px}.social-ack{margin:14px 0}.social-permission-footnote{font-size:.86rem}
@media(max-width:640px){.social-connect-card{align-items:flex-start;flex-direction:column}.social-connect-actions{width:100%}.social-connect-actions button{flex:1}}

/* Messages & notifications */
.header-counter-button{position:relative;text-decoration:none;display:inline-grid;place-items:center;font-size:17px}.header-count{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--theme-accent);color:#fff;font-size:10px;font-weight:900;line-height:18px;text-align:center;border:2px solid var(--bg)}
.notification-modal{width:min(560px,94vw);max-height:min(760px,88vh);padding:22px}.notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:34px;margin-bottom:14px}.notification-head h2{margin:.2rem 0}.notification-list{display:grid;gap:7px;max-height:65vh;overflow:auto}.notification-row{display:grid;grid-template-columns:38px 1fr;gap:10px;text-align:left;width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:12px;border-radius:10px;cursor:pointer}.notification-row.unread{border-color:var(--theme-accent-border);background:var(--theme-accent-soft)}.notification-row span:nth-child(2){display:grid;gap:3px}.notification-row small{color:var(--muted)}.notification-glyph{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-weight:900}
.messages-page-main{max-width:var(--max);margin:auto;padding:0 22px 70px}.messages-hero{padding-left:0;padding-right:0}.messages-shell{display:grid;grid-template-columns:340px minmax(0,1fr);height:min(74vh,780px);min-height:560px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.messages-sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.messages-search{padding:14px;border-bottom:1px solid var(--line);position:relative}.messages-search label{display:grid;gap:6px;font-weight:750;font-size:12px}.messages-search input{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px 11px;outline:none}.message-search-results{position:absolute;z-index:15;left:14px;right:14px;top:75px;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 16px 45px #0008}.message-search-results:empty{display:none}.message-search-results button{width:100%;display:flex;gap:9px;align-items:center;text-align:left;padding:10px;background:var(--panel);color:var(--text);border:0;border-bottom:1px solid var(--line);cursor:pointer}.message-search-results button:hover{background:var(--panel2)}.message-search-results button span:nth-child(2){display:grid}.message-search-results small{color:var(--muted)}.messages-sidebar-title{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line);font-size:12px}.messages-sidebar-title span{color:var(--muted)}.conversation-list{overflow:auto;min-height:0}.conversation-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}.conversation-row:hover,.conversation-row.active{background:var(--theme-accent-soft)}.conversation-copy{min-width:0;display:grid}.conversation-copy strong,.conversation-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy small{color:var(--muted)}.conversation-unread{min-width:22px;height:22px;border-radius:999px;background:var(--theme-accent);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.mini-avatar{width:38px;height:38px}.message-thread-panel{display:grid;grid-template-rows:auto 1fr auto;min-width:0;min-height:0}.message-thread-head{padding:14px 18px;border-bottom:1px solid var(--line)}.message-thread-head h2{margin:2px 0;font-size:20px}.message-list{overflow:auto;padding:18px;display:flex;flex-direction:column;gap:8px;min-height:0}.message-bubble{max-width:min(76%,620px);padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);align-self:flex-start}.message-bubble.mine{align-self:flex-end;background:var(--theme-accent-soft);border-color:var(--theme-accent-border)}.message-bubble p{white-space:pre-wrap;margin:0 0 6px}.message-bubble small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.message-media-image,.message-media-video{display:block;max-width:100%;max-height:420px;border-radius:9px;margin:4px 0}.message-media-audio{width:min(360px,100%);margin:5px 0}.message-composer{border-top:1px solid var(--line);padding:12px;background:var(--panel)}.message-composer textarea{width:100%;resize:none;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px;outline:none}.message-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.message-file-button{cursor:pointer}.messages-signed-out{max-width:700px;margin:40px auto}.empty-state.compact{padding:20px}
html[data-theme="light"] .notification-row,html[data-theme="light"] .messages-shell,html[data-theme="light"] .messages-search input,html[data-theme="light"] .message-search-results,html[data-theme="light"] .message-search-results button,html[data-theme="light"] .message-bubble,html[data-theme="light"] .message-composer,html[data-theme="light"] .message-composer textarea{background:#fff;color:#080808;border-color:#d7dce2}html[data-theme="light"] .conversation-row:hover,html[data-theme="light"] .conversation-row.active,html[data-theme="light"] .message-bubble.mine{background:var(--theme-accent-soft)}
@media(max-width:760px){.messages-page-main{padding:0 10px 82px}.messages-hero{padding-top:45px}.messages-shell{grid-template-columns:1fr;height:auto;min-height:0}.messages-sidebar{max-height:310px;border-right:0;border-bottom:1px solid var(--line)}.message-thread-panel{min-height:560px}.message-bubble{max-width:88%}.header-actions{gap:6px}.header-counter-button{width:34px;height:34px}}
@media(max-width:640px){.header-counter-button{display:inline-grid!important}.header-counter-button .header-count{display:block}}

/* New ODDKNOWN brand lockup */
.hero-brand-logo{display:block;width:min(210px,42vw);height:auto;margin:0 auto 24px;border-radius:14px;border:1px solid #2a2a2a;background:#000;box-shadow:0 16px 42px rgba(0,0,0,.28)}
html[data-theme="light"] .hero-brand-logo{border-color:#d1d6dc;box-shadow:0 14px 34px rgba(0,0,0,.10)}
.admin-login-logo{display:block;width:min(220px,70vw);height:auto;margin:0 auto 24px;border-radius:14px;border:1px solid #333;background:#000}
html[data-theme="light"] .admin-login-logo{border-color:#d0d5dc}

/* Long-form ODDKNOWN article dossiers */
.article-reading-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 10px;padding:14px 16px;border:1px solid var(--border);background:var(--surface);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.article-reading-meta strong{color:var(--accent);font-weight:900}.article-reading-meta span{color:var(--muted);letter-spacing:.03em;text-transform:none}
.article-longform-grid{align-items:start}.article-longform{font-size:1.02rem;line-height:1.82}.article-longform h3{margin:34px 0 12px;padding-top:20px;border-top:1px solid var(--border);font-size:1.12rem;letter-spacing:.06em}.article-longform h3:first-of-type{margin-top:18px}.article-longform p{margin:0 0 18px;color:var(--text)}
.article-longform .article-bullet{padding-left:18px}.article-lede{display:grid;gap:5px;padding:18px 20px;margin-bottom:24px;border-left:4px solid var(--accent);background:var(--surface-2)}.article-lede strong{font-size:1.1rem}.article-lede span{color:var(--muted);line-height:1.55}
.source-intro{color:var(--muted)!important}.expanded-sources{display:grid!important;gap:9px!important}.expanded-sources .source-link{display:grid!important;grid-template-columns:minmax(120px,.35fr) 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);background:var(--surface);text-decoration:none}.expanded-sources .source-link span{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.expanded-sources .source-link strong{font-size:.9rem;color:var(--text);font-weight:700}.expanded-sources .source-link b{color:var(--accent)}
.external-source-media .source-media-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.source-media-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.source-media-card{min-width:0}.source-media-credit span{line-height:1.35}
@media(max-width:700px){.article-reading-meta{align-items:flex-start;flex-direction:column}.expanded-sources .source-link{grid-template-columns:1fr auto}.expanded-sources .source-link span{grid-column:1 / -1}.article-longform{font-size:.98rem;line-height:1.72}}
.research-standard-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.research-standard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.research-standard-grid article{padding:22px;border:1px solid var(--border);background:var(--surface)}.research-standard-grid article>strong{color:var(--accent);font-size:.78rem;letter-spacing:.12em}.research-standard-grid h3{margin:14px 0 8px;font-size:1rem}.research-standard-grid p{margin:0;color:var(--muted);line-height:1.55;font-size:.9rem}@media(max-width:900px){.research-standard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.research-standard-grid{grid-template-columns:1fr}}


/* Homepage cleanup: new top-left logo lockup and no oversized center logo */
.brand.brand-lockup{gap:0}
.brand.brand-lockup img{width:auto!important;height:46px!important;max-width:min(210px,46vw);border:0!important;border-radius:0!important;background:transparent!important;object-fit:contain!important;display:block;box-shadow:none!important}
.brand.brand-lockup span{display:none!important}
.admin-brand.brand-lockup img{height:44px!important}
.hero-brand-logo{display:none!important}
@media(max-width:760px){.brand.brand-lockup img{height:38px!important;max-width:44vw}}

/* ODDKNOWN News source-linked media */
.news-card-media{margin:12px 0 16px;display:grid;gap:6px}.news-card-media img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}.news-card-media span{font-size:10px;color:var(--muted);letter-spacing:.04em}.news-source-media{margin-top:24px}.news-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.news-media-grid figure{margin:0;display:grid;gap:6px}.news-media-grid img,.news-media-grid iframe{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:#050505}.news-media-grid iframe{border:1px solid var(--line)}.news-media-grid figcaption{font-size:11px;color:var(--muted)}.news-source-video-link{display:grid;place-items:center;min-height:120px;padding:18px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--text);background:var(--panel2)}
html[data-theme="light"] .news-card-media img,html[data-theme="light"] .news-media-grid img,html[data-theme="light"] .news-media-grid iframe{border-color:#d7dce2;background:#f5f7fa}


/* Community map-case submission */
.map-submission-modal{width:min(760px,94vw)}
.map-submission-modal textarea{resize:vertical}
.map-submit-nav{white-space:nowrap}
@media(max-width:900px){.map-submit-nav{display:none}}

.media-tile iframe{width:100%;aspect-ratio:16/9;border:0;background:#000}
.media-source-credit{display:block;font-size:11px;color:var(--theme-accent);text-decoration:none;margin-top:5px}.media-source-credit:hover{text-decoration:underline}


/* Search-friendly permanent Article pages */
.seo-directory-main,.seo-article-main{max-width:1180px;margin:0 auto;padding:76px 22px 100px}
.seo-directory-main>h1,.seo-article-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.6rem,6vw,5.8rem);line-height:.98;letter-spacing:-.04em;margin:12px 0 18px}
.seo-directory-intro,.seo-article-dek{max-width:820px;color:var(--muted);font-size:1.08rem;line-height:1.7}
.seo-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:38px}.seo-directory-card{padding:20px;border:1px solid var(--line);background:var(--panel)}.seo-directory-card span,.seo-directory-card small{color:var(--muted);font-size:.76rem}.seo-directory-card h2{font-size:1.1rem;margin:8px 0}.seo-directory-card h2 a{text-decoration:none;color:var(--text)}.seo-directory-card h2 a:hover{color:var(--theme-accent)}.seo-directory-card p{color:var(--muted);line-height:1.55;font-size:.9rem}
.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.8rem;margin-bottom:38px}.seo-breadcrumb a{color:inherit}.seo-article-hero{padding-bottom:30px;border-bottom:1px solid var(--line)}.seo-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:38px;align-items:start}.seo-article-aside{position:sticky;top:90px;border:1px solid var(--line);padding:18px;background:var(--panel);display:grid;gap:12px}.seo-article-aside p{color:var(--muted);line-height:1.55;font-size:.9rem;margin:0}.seo-article-aside a{width:100%;text-align:center}.seo-approved-media:empty{display:none}.seo-approved-media{margin:28px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.seo-media-card{border:1px solid var(--line);background:var(--panel);overflow:hidden}.seo-media-card img,.seo-media-card video,.seo-media-card iframe{width:100%;aspect-ratio:16/10;object-fit:cover;border:0;background:#000}.seo-media-card figcaption{padding:10px;font-size:.75rem;color:var(--muted)}.seo-media-card figcaption a{color:var(--text)}.seo-article-nextprev{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line);margin-top:50px;padding-top:25px}.seo-article-nextprev a:last-child{text-align:right}.seo-error-page{max-width:760px;margin:15vh auto;padding:30px;text-align:center}.seo-error-page h1{font-size:clamp(2.5rem,7vw,5rem)}.seo-error-page .primary-button,.seo-error-page .secondary-button{margin:8px}
.case-body h3 a{color:inherit;text-decoration:none}.case-body h3 a:hover{color:var(--theme-accent)}.case-seo-link{display:inline-block;margin-top:9px;font-size:.75rem;font-weight:800;color:var(--theme-accent);text-decoration:none}.case-seo-link:hover{text-decoration:underline}
@media(max-width:900px){.seo-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-article-layout{grid-template-columns:1fr}.seo-article-aside{position:static}}@media(max-width:600px){.seo-directory-main,.seo-article-main{padding:50px 14px 90px}.seo-directory-grid{grid-template-columns:1fr}.seo-article-nextprev{grid-template-columns:1fr}.seo-article-nextprev a:last-child{text-align:left}}

.seo-archive-link{text-align:center;margin:28px 0 0}
.news-title-link{color:inherit;text-decoration:none}.news-title-link:hover{color:var(--theme-accent)}
.community-title-link{color:inherit;text-decoration:none}.community-title-link:hover{color:var(--theme-accent)}


/* Small site-wide new-community notice */
.site-community-notice{position:relative;z-index:90;min-height:29px;display:flex;align-items:center;justify-content:center;padding:5px 16px;border-bottom:1px solid #262626;background:#090909;color:#b9bec7;text-align:center;font-size:11px;line-height:1.45;letter-spacing:.01em}
.site-community-notice strong{color:#fff;font-weight:800}.site-community-notice a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:2px}.site-community-notice a:hover{color:var(--theme-accent)}
html[data-theme="light"] .site-community-notice{background:#f4f6f8;color:#59616d;border-bottom-color:#d8dde4}html[data-theme="light"] .site-community-notice strong,html[data-theme="light"] .site-community-notice a{color:#111}
@media(max-width:620px){.site-community-notice{font-size:10px;padding:5px 10px}}