:root{
    color-scheme: dark;

    --bg:#0b0d12;
    --panel:#11151d;
    --panel-2:#151a23;
    --text:#eef1f7;
    --muted:#99a4b8;
    --line:#232a39;
    --accent:#f7c948;
    --accent-2:#4da3ff;
    --danger:#ff5b6e;
    --good:#3ddc97;
    --shadow: 0 20px 60px rgba(0,0,0,.35);
    --radius: 22px;
    --topbar-offset: 78px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:radial-gradient(circle at top,#131722 0%,var(--bg) 50%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
code{background:rgba(255,255,255,.06);padding:.15rem .35rem;border-radius:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ui-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:0 0 auto}
.btn-icon,.metric-icon,.reaction-chip-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.btn-icon svg,.metric-icon svg,.reaction-chip-icon svg,.icon-action-button svg,.share-button svg,.profile-menu-icon svg,.profile-menu-arrow svg{width:20px;height:20px}

.topbar{
    position:sticky;top:0;z-index:30;
    display:flex;flex-direction:column;gap:12px;
    padding:16px 24px;background:rgba(10,12,16,.88);backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(255,255,255,.06)
}
.topbar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;width:100%}
.topbar-search-row{display:flex;align-items:center;gap:16px;width:100%}
.brand{font-size:clamp(1.9rem,5vw,2rem);font-weight:900;letter-spacing:-.04em;line-height:1;flex:0 1 auto;min-width:0;padding-right:8px}
.brand-tag{display:none}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.searchbar{display:flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:999px;overflow:hidden;width:min(640px,100%)}
.searchbar input{background:transparent;border:0;color:var(--text);padding:12px 16px;min-width:260px;outline:none}
.searchbar button,.text-link,.profile-chip,.inline-action button,.action-bar .comment-button,.auth-form button,.comment-form button,.admin-row button,.side-link,.mini-item,.settings-status a{
    border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel-2));
    color:var(--text);padding:11px 16px;border-radius:999px;cursor:pointer
}
.searchbar button{padding:11px 14px;min-width:48px;display:inline-flex;align-items:center;justify-content:center}
.text-link{padding:11px 14px}
.profile-chip{border-color:rgba(247,201,72,.2)}
.profile-avatar-link-guest{padding:0}
.guest-avatar-icon{width:22px;height:22px}
[data-theme="light"]{
    color-scheme: light;
    --bg:#f5f7fb;
    --panel:#ffffff;
    --panel-strong:#eef2f8;
    --text:#0d1220;
    --muted:#5f697f;
    --line:rgba(15,23,42,.08);
    --shadow:0 18px 40px rgba(15,23,42,.08);
    --accent:#0f7ae5;
}
[data-theme="light"] body{background:linear-gradient(180deg,#f8fafc,#eef3f9)}
[data-theme="light"] .verdict-card,[data-theme="light"] .post-hero,[data-theme="light"] .comment-item,[data-theme="light"] .panel-card,[data-theme="light"] .settings-hero,[data-theme="light"] .profile-hero,[data-theme="light"] .auth-card,[data-theme="light"] .admin-dashboard{background:rgba(255,255,255,.95)}

.app-shell{width:min(1480px,calc(100% - 12px));margin:0 auto;padding:20px 0 80px}

.hero{
    display:flex;justify-content:space-between;gap:24px;align-items:stretch;
    background:linear-gradient(135deg,rgba(247,201,72,.12),rgba(77,163,255,.08));
    border:1px solid rgba(255,255,255,.08);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow)
}
.hero h1{margin:0;font-size:clamp(2rem,3vw,3.6rem);line-height:1.05}
.hero p{max-width:720px;color:var(--muted)}
.hero-note{display:flex;gap:12px;align-items:stretch}
.hero-stat{min-width:150px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:18px;display:flex;flex-direction:column;justify-content:center}
.hero-stat strong{font-size:1.75rem}
.hero-stat span{color:var(--muted)}

.category-tabs{
    display:flex;gap:10px;overflow:auto;padding:14px 4px 12px;scrollbar-width:none;
    position:sticky;top:calc(var(--topbar-offset) - 1px);z-index:59;
    background:linear-gradient(180deg,rgba(11,13,18,.98),rgba(11,13,18,.88));
    backdrop-filter:blur(12px);
    margin-top:0;
}
.category-tabs::-webkit-scrollbar{display:none}
.category-tabs a{
    white-space:nowrap;padding:10px 16px;border-radius:999px;
    background:rgba(255,255,255,.03);border:1px solid transparent;color:var(--muted)
}
.category-tabs a.active{background:rgba(247,201,72,.12);border-color:rgba(247,201,72,.25);color:var(--text)}

.carousel-strip{
    display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);
    gap:14px;overflow:auto;padding:10px 0 22px
}
.carousel-card{
    min-height:110px;border-radius:20px;padding:16px;font-weight:700;
    background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.07);display:flex;align-items:flex-end
}

.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:20px}
.feed-main{display:grid;gap:18px}
.feed-side{display:grid;gap:18px;align-content:start;position:sticky;top:92px}
.side-panel,.auth-card,.post-hero,.comment-area,.admin-dashboard,.panel-card,.settings-hero,.profile-hero{
    background:rgba(17,21,29,.92);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow)
}
.side-panel{padding:18px}
.side-panel h3,.comment-area h2,.admin-dashboard h2,.panel-card h2{margin:0 0 14px}
.side-link{display:block;margin-top:10px}
.leader-row,.admin-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}
.leader-row:first-of-type,.admin-row:first-of-type{border-top:0}
.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.08)}
.analyst-panel-card{padding:18px}
.analyst-panel-card .analyst-card-head,
.analyst-inline-card .analyst-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}
.analyst-panel-card .analyst-card-head h3,
.analyst-inline-card .analyst-card-head h3{margin:0 0 6px}
.analyst-panel-card .analyst-card-head p,
.analyst-inline-card .analyst-card-head p{margin:0;color:var(--muted)}
.analyst-card-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(247,201,72,.12);color:var(--accent);font-size:.8rem;font-weight:800;white-space:nowrap}
.analyst-panel-list,
.analyst-inline-list{display:grid;gap:12px}
.analyst-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 0}
.analyst-row + .analyst-row{border-top:1px solid rgba(255,255,255,.06)}
.analyst-row-panel{padding-top:12px}
.analyst-row-inline{padding:16px 0}
.analyst-avatar-link{flex:0 0 auto}
.analyst-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}
.analyst-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.analyst-name{font-weight:800;line-height:1.2}
.analyst-subtitle{font-size:.84rem;color:var(--muted)}
.analyst-actions{flex:0 0 auto}
.follow-button{border:1px solid rgba(247,201,72,.25);background:linear-gradient(180deg,rgba(247,201,72,.14),rgba(247,201,72,.08));color:var(--text);padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:800;white-space:nowrap}
.follow-button:hover,.follow-button-link:hover{transform:translateY(-1px)}
.follow-button[data-following="1"], .follow-button.is-active{background:linear-gradient(180deg,rgba(77,163,255,.18),rgba(77,163,255,.1));border-color:rgba(77,163,255,.3)}
.follow-button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.feed-inline-analysts{margin:2px 0 18px}
.analyst-inline-card{background:linear-gradient(180deg,rgba(17,21,29,.96),rgba(12,14,20,.96));border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.avatar.small{width:36px;height:36px}
.profile-avatar{width:120px;height:120px}
.author{display:flex;align-items:center;gap:12px}
.author-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.verified{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--accent-2);color:#fff;font-size:.78rem;font-weight:900}
.dot{color:var(--muted)}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.pill,.heat-pill{
    display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:700
}
.pill{background:rgba(255,255,255,.05);color:var(--muted)}
.heat-pill.heat-calm{background:rgba(61,220,151,.15);color:#92f3c5}
.heat-pill.heat-warming{background:rgba(247,201,72,.15);color:#ffde88}
.heat-pill.heat-hot{background:rgba(255,157,66,.15);color:#ffbe7d}
.heat-pill.heat-explosive{background:rgba(255,91,110,.15);color:#ff9aac}
.heat-pill.heat-meltdown{background:rgba(255,47,86,.18);color:#ff8f9f}

.verdict-card{
    background:linear-gradient(180deg,rgba(17,21,29,.96),rgba(12,14,20,.96));
    border:1px solid rgba(255,255,255,.06);
    border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)
}
.verdict-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.card-title-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.04);color:var(--muted)}
.card-title-link:hover{color:var(--text);background:rgba(255,255,255,.07)}
.verdict-title{display:block;margin:12px 0 10px;font-size:1.15rem;font-weight:800;line-height:1.35}
.verdict-body{color:#d7dce7;line-height:1.6}
.media-box{
    margin:14px 0;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.06);
    background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02))
}
.media-box img{width:100%;height:320px;object-fit:cover}
.media-placeholder{height:320px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted)}

.verdict-snippet{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.verdict-media-grid{display:grid;gap:12px;margin:16px 0}
.verdict-media-grid--single{grid-template-columns:1fr}
.verdict-media-grid--multi,.verdict-media-grid--detail.is-multi{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.verdict-media-grid--detail{margin-top:18px}
.verdict-media-card{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.025));min-height:220px;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.verdict-media-card img,.verdict-media-card video,.verdict-media-card iframe{width:100%;height:100%;min-height:220px;object-fit:cover;border:0;display:block;background:#0b0d12}
.verdict-media-link-card{min-height:220px;display:flex;align-items:center;gap:14px;padding:22px;color:var(--text)}
.verdict-media-link-icon{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:rgba(247,201,72,.14);color:var(--accent)}
.verdict-media-overlay{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,rgba(8,10,15,.05),rgba(8,10,15,.72));backdrop-filter:blur(8px);display:grid;gap:3px}
.verdict-media-overlay strong{font-size:.96rem;line-height:1.3}
.verdict-media-overlay span{font-size:.82rem;color:#ced5e2;opacity:.88;word-break:break-word}
.verdict-media-badge{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--accent)}
.media-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}
.panel-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px}
.panel-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(247,201,72,.12);color:var(--accent);font-weight:800;font-size:.85rem}
.media-engine-panel{display:grid;gap:12px;margin-top:14px}
.media-engine-panel input[type=file]{padding:12px;border:1px dashed var(--line);border-radius:16px;background:rgba(255,255,255,.02)}
.legacy-media-details{margin-top:4px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:rgba(255,255,255,.02);padding:12px 14px}
.legacy-media-details summary{cursor:pointer;font-weight:800;color:var(--text)}
.legacy-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.engine-poll-stage{display:grid;gap:14px;padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07)}
.engine-poll-stage-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.engine-poll-list{display:grid;gap:12px}
.engine-poll-option{display:grid;gap:8px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.engine-poll-option-row{display:flex;align-items:center;gap:10px;justify-content:space-between}
.engine-poll-letter{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(247,201,72,.12);color:var(--accent);font-weight:900;flex:0 0 auto}
.engine-poll-bar{height:10px;border-radius:999px;background:#1d2331;overflow:hidden;border:1px solid rgba(255,255,255,.05)}
.engine-poll-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4da3ff,#f7c948,#ff5b6e)}
.engine-poll-footer{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.85rem}

.meter-row{margin:16px 0 10px}
.meter-row.large{margin-top:18px}
.meter-label{color:var(--muted);font-size:.85rem;margin-bottom:8px}
.meter{height:12px;background:#1d2331;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}
.meter span{display:block;height:100%;background:linear-gradient(90deg,#3ddc97,#f7c948,#ff5b6e)}
.meter-value{margin-top:0;color:#dfe5f2;font-weight:700}
.stats-row{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);margin:10px 0 14px}
.action-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.inline-action{margin:0}
.icon-action-button,.action-bar .comment-button,.auth-form button,.comment-form button,.admin-row button{
    border-radius:16px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:92px
}
.icon-action-button .btn-label,.action-bar .comment-button .btn-label{font-size:.82rem;font-weight:800;line-height:1}
.inline-action button:hover,.auth-form button:hover,.comment-form button:hover,.admin-row button:hover,.action-bar .comment-button:hover,.searchbar button:hover,.text-link:hover,.profile-chip:hover,.side-link:hover,.mini-item:hover,.settings-status a:hover,.card-title-link:hover{transform:translateY(-1px)}

.social-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:14px 0 12px}
.social-actions--post,.social-actions--comment{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:center;width:100%;margin:14px 0 12px}
.social-actions--post .social-action,
.social-actions--comment .social-action,
.social-actions--post .social-action-form button,
.social-actions--comment .social-action-form button{
    width:100%;
    justify-content:center;
    gap:8px;
    padding:6px 0;
    border:0;
    background:transparent;
    color:var(--text);
    cursor:pointer;
    font-weight:800;
    line-height:1;
    min-width:0
}
.social-actions--post .social-action:hover,
.social-actions--comment .social-action:hover,
.social-actions--post .social-action-form button:hover,
.social-actions--comment .social-action-form button:hover{transform:translateY(-1px);color:#fff}
.social-actions--post .social-action.is-active,
.social-actions--comment .social-action.is-active,
.social-actions--post .social-action-form button.is-active,
.social-actions--comment .social-action-form button.is-active{color:var(--accent)}
.social-action-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.social-action-svg{width:20px;height:20px}
.social-action-count{font-size:.96rem;font-weight:900;letter-spacing:.01em;min-width:unset}
.social-action .sr-only,
.social-action-form .sr-only{position:absolute !important}
.reply-toggle{background:transparent}
.comment-share-button{background:transparent}
.comment-share-button.social-action-share{min-width:unset}

.post-detail{display:grid;gap:22px}
.post-hero,.comment-area,.auth-card,.admin-dashboard,.panel-card,.settings-hero,.profile-hero{padding:20px}
.post-hero-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.back-link{color:var(--muted)}
.embed-box{margin:18px 0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.embed-box iframe{width:100%;min-height:420px;border:0}
.comment-form{display:grid;gap:12px}
.comment-form textarea,.auth-form input,.auth-form textarea{
    width:100%;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px;color:var(--text);outline:none
}
.comment-form textarea{min-height:120px;resize:vertical}
.comment-list{display:grid;gap:14px;margin-top:18px}
.comment-item{
    padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)
}
.comment-head,.comment-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.comment-body{padding:10px 0;color:#dbe1ed;line-height:1.6}
.comment-foot{gap:12px}
.comment-metric{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:700}
.comment-metric .metric-icon{width:16px;height:16px;color:var(--muted)}
.comment-react-form .comment-reaction-button{min-width:auto;padding:10px 12px;display:inline-flex;flex-direction:row;gap:8px}
.comment-react-form .comment-reaction-button .btn-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.75rem;font-weight:900}
.comment-react-form .comment-reaction-button .btn-label{font-size:.78rem}

.auth-card{max-width:560px;margin:24px auto}
.auth-form{display:grid;gap:14px;margin-top:18px}
.auth-form label{display:grid;gap:8px;color:#cdd4e4}
.inline-check{display:flex !important;align-items:center;gap:10px;grid-template-columns:none}
.inline-check input{width:auto}
.auth-link{text-align:center;color:var(--muted)}
.auth-note{color:var(--muted);line-height:1.6}
.auth-links{display:grid;gap:8px;margin-top:10px}
.auth-links p{margin:0}

.settings-shell{display:grid;gap:18px}
.settings-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.settings-status{display:grid;gap:8px;justify-items:end;text-align:right}
.settings-status strong{font-size:1.1rem}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.compact-form{margin-top:12px}
.notice-box{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);display:grid;gap:8px}
.notice-box p{margin:0;color:var(--muted)}
.profile-page{display:grid;gap:18px}
.profile-hero{display:flex;gap:20px;align-items:center}
.profile-copy h1{margin:0 0 10px;font-size:2rem}
.profile-copy p{margin:0;color:var(--muted);max-width:760px}
.profile-stats,.profile-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.profile-stats span,.profile-summary div{padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.profile-stats strong,.profile-summary strong{display:block;font-size:1.2rem;margin-bottom:4px}
.profile-summary span{display:block;color:var(--muted);margin-bottom:6px}
.profile-content{display:grid;grid-template-columns:1.3fr .9fr;gap:18px}
.mini-list{display:grid;gap:10px}
.mini-item{display:grid;gap:4px;border-radius:16px;padding:14px}
.mini-item span{color:var(--muted);font-size:.9rem}

.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.dashboard-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:18px}
.dashboard-card strong{display:block;font-size:2rem}
.admin-table{display:grid;gap:10px}
.admin-row{padding:14px;border-radius:16px;background:rgba(255,255,255,.03)}

.floating-fab-wrap{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.floating-fab{width:60px;height:60px;border-radius:50%;border:0;background:linear-gradient(180deg,#f7c948,#e9a400);color:#111;box-shadow:0 15px 40px rgba(247,201,72,.35);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.floating-fab-icon{width:26px;height:26px}
.floating-feature-panel{width:min(94vw,360px);background:rgba(12,16,23,.98);border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:14px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.floating-feature-panel-head{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:4px 4px 10px;border-bottom:1px solid rgba(255,255,255,.06)}
.floating-feature-panel-head strong{display:block;font-size:1.03rem;letter-spacing:-.01em}
.floating-feature-panel-head span{display:block;color:var(--muted);font-size:.9rem}
.floating-feature-list{display:grid;gap:10px}
.floating-feature-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 14px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:var(--text);min-height:70px;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.floating-feature-item:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.11);transform:translateY(-1px)}
.floating-feature-icon{width:44px;height:44px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);color:var(--accent);flex:0 0 auto}
.floating-feature-svg{width:21px;height:21px}
.floating-feature-copy{display:flex;align-items:center;min-width:0}
.floating-feature-copy strong{font-size:1rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.floating-feature-chevron{opacity:.7;color:var(--muted)}
.floating-feature-chevron-icon{width:18px;height:18px}



.feature-admin-shell,.feature-module-shell{display:grid;gap:18px}
.feature-card,.feature-module-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:18px}
.feature-card-top,.feature-module-hero,.feature-module-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.feature-card-title{display:flex;gap:12px;align-items:flex-start}
.feature-card-icon,.feature-module-icon{width:50px;height:50px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);color:var(--accent);flex:0 0 auto}
.feature-card-icon svg,.feature-module-icon svg{width:22px;height:22px}
.feature-card-title strong,.feature-module-title h1{display:block;font-size:1.2rem}
.feature-card-title span,.feature-module-title .page-copy,.feature-module-title p{color:var(--muted)}
.feature-card-status{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.feature-wide{grid-column:1 / -1}
.feature-toggle-grid{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}
.feature-toggle-grid label,.feature-mode-select label,.feature-role-options label{display:inline-flex;align-items:center;gap:8px}
.feature-release-block{display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;gap:18px;margin-top:16px}
.feature-mode-select,.feature-role-options{display:flex;gap:12px;flex-wrap:wrap}
.feature-role-options{padding:12px 0}
.feature-role-options label{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.feature-audience-line{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;color:var(--muted)}
.feature-route-pill{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);font-weight:800;color:var(--text)}
.feature-registry-form{display:grid;gap:14px}
.feature-module-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.feature-summary-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.feature-summary-list div{padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.feature-summary-list span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:4px}
.feature-summary-list strong{display:block;font-size:1rem}
.feature-callout{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px;border-radius:24px;background:linear-gradient(135deg,rgba(247,201,72,.12),rgba(77,163,255,.06));border:1px solid rgba(255,255,255,.08)}
.feature-callout p{margin:6px 0 0;color:var(--muted)}
.site-footer{
    width:min(1280px,calc(100% - 24px));margin:0 auto 24px;padding:18px 0 0;
    display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted)
}
.footer-links{display:flex;gap:14px;flex-wrap:wrap}

.flash{
    margin:0 0 16px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.06)
}
.flash-error{background:rgba(255,91,110,.12)}
.flash-warning{background:rgba(247,201,72,.12)}
.flash-success{background:rgba(61,220,151,.12)}
.flash-info{background:rgba(77,163,255,.12)}

.empty-state,.login-prompt{
    padding:20px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)
}
.comment-button{display:inline-flex;align-items:center;justify-content:center}

.topbar-row{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%}
.brand{font-size:1.45rem;font-weight:900;letter-spacing:.02em;line-height:1}
.profile-avatar-link{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;position:relative}
.profile-avatar-link-guest{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
.topbar-search-row{width:100%}
.searchbar{width:100%}
.category-tabs{position:sticky;top:calc(var(--topbar-offset) - 1px);z-index:40;background:var(--bg);margin-top:-1px;border-top:1px solid transparent}
.category-tabs .hero-pills{margin-top:0;gap:8px;flex-wrap:nowrap;overflow:auto;padding-bottom:6px}
.category-tabs .hero-pill{white-space:nowrap}
.context-menu-trigger{appearance:none;border:0;background:transparent;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}
.comment-head{justify-content:space-between}
.comment-menu-trigger{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.comment-menu-trigger:hover,.card-title-link:hover{background:rgba(255,255,255,.08)}
.post-top-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.comment-share-button,.action-bar .share-button{min-width:auto}
.comment-share-button .btn-label,.action-bar .share-button .btn-label{font-size:.78rem}
.comment-share-button{padding:10px 12px}
.form-actions-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.text-button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-weight:700;padding:10px 0}
.profile-menu-button{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:0;color:var(--text);text-align:left;padding:0}
.profile-menu-button:hover{transform:translateY(-1px)}
.settings-theme-toggle{margin-top:10px}
.action-sheet-backdrop{position:fixed;inset:0;background:rgba(3,6,11,.55);display:flex;align-items:flex-end;justify-content:center;padding:18px;z-index:80}
.action-sheet-backdrop[hidden]{display:none !important}
.action-sheet{width:min(100%,560px);background:rgba(13,16,23,.98);border:1px solid rgba(255,255,255,.08);border-radius:28px 28px 20px 20px;box-shadow:var(--shadow);padding:12px 12px 16px}
.action-sheet-handle{width:56px;height:5px;border-radius:999px;background:rgba(255,255,255,.16);margin:2px auto 14px}
.action-sheet-body{display:grid;gap:8px}
.action-sheet-note{padding:4px 6px 10px;color:var(--muted);font-size:.92rem;line-height:1.5}
.action-sheet-list{display:grid;gap:8px}
.action-sheet-heading{padding:4px 8px 2px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.action-sheet-divider{height:1px;background:rgba(255,255,255,.08);margin:6px 0}
.action-sheet-item{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.05);color:var(--text);cursor:pointer;font-weight:800;text-align:left}
.action-sheet-item:hover{background:rgba(255,255,255,.08)}
.action-sheet-icon{width:20px;height:20px;color:var(--accent)}
.action-sheet-form{display:grid;gap:10px}
.sheet-field{display:grid;gap:6px;color:var(--text);font-weight:700}
.sheet-field input,.sheet-field textarea,.sheet-field select{width:100%;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:12px 14px;outline:none}
.share-sheet-backdrop{position:fixed;inset:0;background:rgba(3,6,11,.55);display:flex;align-items:flex-end;justify-content:center;padding:18px;z-index:90}
.share-sheet{width:min(100%,560px);background:rgba(13,16,23,.98);border:1px solid rgba(255,255,255,.08);border-radius:28px 28px 20px 20px;box-shadow:var(--shadow);padding:18px}
.share-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.share-sheet-action,.share-sheet-close{border:0;border-radius:16px;padding:14px 12px;background:rgba(255,255,255,.05);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}
.share-sheet-action:hover,.share-sheet-close:hover{background:rgba(255,255,255,.08)}
.share-sheet-footer{display:flex;justify-content:flex-end;margin-top:14px}
.share-url{margin-top:8px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);color:var(--muted);font-size:.9rem;word-break:break-all}
.floating-filters-wrap{position:fixed;right:22px;bottom:22px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.floating-post,.floating-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:60px;height:60px;border-radius:999px;border:0;padding:0 18px;font-size:1rem;font-weight:900}
.floating-post{background:linear-gradient(180deg,#3ddc97,#26a36a);color:#08110d;box-shadow:0 15px 40px rgba(61,220,151,.22)}
.floating-post .floating-plus-icon,.floating-filter-toggle .floating-plus-icon{width:22px;height:22px}
.floating-filter-toggle{background:linear-gradient(180deg,#f7c948,#e9a400);color:#111;box-shadow:0 15px 40px rgba(247,201,72,.35)}


@media (max-width: 1080px){
    .feed-layout,.profile-content,.settings-grid{grid-template-columns:1fr}
    .feed-side{position:static}
    .profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){
    .topbar{flex-direction:column;align-items:flex-start}
    .topbar-right{width:100%;flex-wrap:wrap}
    .searchbar{width:100%}
    .searchbar input{min-width:0;width:100%}
    .hero,.settings-hero,.profile-hero,.feature-module-hero,.feature-card-top{flex-direction:column}
    .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .site-footer,.post-hero-top{flex-direction:column;align-items:flex-start}
    .floating-fab-wrap{right:14px;bottom:14px}
    .floating-feature-grid,.feature-grid,.feature-module-grid,.feature-release-block{grid-template-columns:1fr}
    .settings-status{justify-items:start;text-align:left}
}


.reaction-summary{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}
.reaction-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:.9rem}
.reaction-chip strong{color:var(--text);font-weight:800}
.reaction-chip-label{color:var(--muted)}
.bookmark-button{min-width:92px}
.reply-toggle{border:0;background:transparent;color:var(--accent);padding:0;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.comment-replies{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}
.comment-reply-form{margin-top:12px}
.comment-reply-form[hidden]{display:none !important}
.icon-action-button:hover .btn-icon,.comment-button:hover .btn-icon,.reply-toggle:hover .btn-icon{transform:translateY(-1px)}
.bookmark-button[data-saved="1"]{border-color:rgba(247,201,72,.35);background:linear-gradient(180deg,rgba(247,201,72,.16),rgba(255,255,255,.03))}
.bookmark-button[data-saved="1"] .btn-label{color:var(--accent)}

.discovery-hero{align-items:flex-start}
.hero-kicker{margin:0 0 10px;color:var(--accent);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.hero-pill{
    display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:var(--muted)
}
.hero-pill.active{background:rgba(247,201,72,.14);border-color:rgba(247,201,72,.28);color:var(--text)}
.tag-card{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;font-weight:800}
.tag-card small{color:var(--muted);font-weight:600}
.tab-count{color:var(--muted);font-size:.78rem;margin-left:6px}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}
.tag-chip{
    display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:var(--text)
}
.tag-chip span{color:var(--muted)}
.empty-inline{color:var(--muted);line-height:1.6}
.search-summary{color:var(--accent);font-weight:700}


.notifications-link{position:relative;display:inline-flex;align-items:center;gap:8px}
.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f7c948;color:#111;font-size:.75rem;font-weight:800}
.follow-button{min-width:120px}
.profile-follow-form{margin-top:6px}
.profile-stats span strong{display:block}
.activity-list,.notification-list{display:flex;flex-direction:column;gap:12px}
.activity-item,.notification-item{display:flex;gap:12px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.activity-item.unread,.notification-item.unread{background:rgba(247,201,72,.08);border-color:rgba(247,201,72,.18)}
.activity-copy,.notification-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.activity-head,.notification-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:.9rem}
.activity-message,.notification-message{font-weight:700;color:var(--text)}
.activity-link{align-self:flex-start;color:var(--accent);font-weight:700}
.activity-meta{color:var(--muted);font-size:.9rem}
.text-button{border:0;background:transparent;padding:0;color:var(--accent);font-weight:700;cursor:pointer}
.panel-card .activity-item,.panel-card .notification-item{background:rgba(255,255,255,.02)}
.compact .activity-link{display:none}


.moderation-shell{display:grid;gap:18px}
.moderation-grid{margin-bottom:0}
.moderation-tabs{display:flex;gap:10px;flex-wrap:wrap}
.moderation-row{
    display:flex;justify-content:space-between;gap:16px;align-items:flex-start;
    padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)
}
.moderation-copy{display:grid;gap:6px;min-width:0;flex:1}
.moderation-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}
.moderation-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.status-chip{
    display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:800;
    background:rgba(255,255,255,.05);color:var(--muted)
}
.status-open,.status-queued,.status-reviewing{background:rgba(247,201,72,.12);color:#ffde88}
.status-resolved,.status-approved{background:rgba(61,220,151,.12);color:#92f3c5}
.status-dismissed,.status-rejected,.status-escalated{background:rgba(255,91,110,.12);color:#ff9aac}
.report-box{
    margin-top:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)
}
.report-box summary{cursor:pointer;color:var(--accent);font-weight:800}
.report-form{display:grid;gap:10px;margin-top:12px}
.report-form label{display:grid;gap:6px;color:var(--muted)}
.report-form select,.report-form textarea{
    width:100%;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--text);outline:none
}
.report-form textarea{resize:vertical;min-height:92px}
.report-form button{justify-self:start}
.report-box.compact{padding:10px}


.compact-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}
.form-help{margin:0;color:var(--muted);font-size:.92rem;line-height:1.5}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.media-card{display:grid;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.media-preview{border-radius:14px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);min-height:180px;display:flex;align-items:center;justify-content:center}
.media-preview img,.media-preview video{width:100%;height:220px;object-fit:cover}
.media-meta{display:grid;gap:6px}
.media-meta strong{display:block;font-size:1rem}
.media-meta span,.media-meta code{color:var(--muted);font-size:.88rem;word-break:break-all}
.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}

.profile-avatar-link{
    position:relative;display:inline-flex;align-items:center;justify-content:center;
    width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,var(--panel),var(--panel-2));box-shadow:var(--shadow);flex:0 0 auto
}
.profile-avatar-link .avatar{width:100%;height:100%;border-width:0}
.profile-avatar-mini{width:100%;height:100%;border-radius:50%}
.notification-badge-avatar{position:absolute;right:-2px;bottom:-2px;min-width:18px;height:18px;font-size:.68rem}

.summary-stats.icon-stats{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 16px
}
.summary-stat{
    display:grid;justify-items:center;gap:6px;padding:14px;border-radius:18px;
    background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);text-align:center
}
.summary-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.04);color:var(--text)}
.summary-stat-value{display:block;font-size:1.15rem;line-height:1.1}
.summary-stat small{color:var(--muted);font-size:.8rem}

.profile-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.95fr);gap:18px;align-items:start}
.profile-main{display:grid;gap:18px}
.profile-card{display:flex;gap:18px;align-items:flex-start;padding:22px;background:rgba(17,21,29,.92);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow)}
.profile-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.profile-title-row h1{margin:0;font-size:2rem}
.profile-handle{margin:4px 0 0;color:var(--muted)}
.role-badge{
    display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
    font-size:.82rem;font-weight:800;border:1px solid transparent;white-space:nowrap
}
.role-member{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.role-junior{background:rgba(76,175,255,.12);border-color:rgba(76,175,255,.22);color:#bfe0ff}
.role-senior{background:rgba(165,92,255,.12);border-color:rgba(165,92,255,.24);color:#e0ccff}
.role-admin{background:rgba(247,201,72,.14);border-color:rgba(247,201,72,.28);color:#ffe7a4}
.role-super{background:rgba(255,91,110,.14);border-color:rgba(255,91,110,.28);color:#ffd0d8}

.profile-sidebar{display:grid;gap:18px;position:sticky;top:96px}
.profile-menu-card{display:grid;gap:16px}
.profile-menu-head{display:flex;gap:14px;align-items:center}
.profile-menu-head strong{display:block}
.profile-menu-head .profile-handle{margin:2px 0 8px}
.profile-view-link{padding:8px 0;border:0;background:none;color:var(--accent);justify-self:start}
.profile-menu-list{display:grid;gap:10px}
.profile-menu-item{
    display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;
    background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--text)
}
.profile-menu-item:hover{background:rgba(255,255,255,.05)}
.profile-menu-icon,.profile-menu-arrow{display:inline-flex;align-items:center;justify-content:center}
.profile-menu-arrow{margin-left:auto;color:var(--muted)}
.profile-summary-card .profile-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}

.community-notes{display:grid;gap:12px;margin-top:16px}
.community-notes-list{display:grid;gap:10px}
.community-note{
    padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)
}
.community-note-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.community-note-head strong{margin-right:6px}
.community-note-body{margin-top:10px;color:#dbe1ed;line-height:1.6}
.community-note-form{display:grid;gap:12px;padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);margin-top:4px}
.community-note-form textarea{width:100%;min-height:96px}
.community-note-form button{justify-self:start}

.icon-action-button,.action-bar .comment-button,.auth-form button,.comment-form button,.admin-row button{
    min-width:96px
}
.icon-action-button.is-active,.comment-reaction-button.is-active{border-color:rgba(77,163,255,.45);background:linear-gradient(180deg,rgba(77,163,255,.14),rgba(255,255,255,.04));box-shadow:0 0 0 1px rgba(77,163,255,.18) inset}
.icon-action-button.is-active .btn-label,.comment-reaction-button.is-active .btn-label{color:#bfe0ff}
.icon-action-button.is-active .btn-icon,.comment-reaction-button.is-active .btn-icon{color:#bfe0ff}
.share-button{min-width:96px}
.share-button .btn-label{font-size:.82rem}

@media (max-width: 1080px){
    :root{--topbar-offset: 126px;}
    .profile-shell{grid-template-columns:1fr}
    .profile-sidebar{position:static}
    .summary-stats.icon-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 760px){
    .profile-card{flex-direction:column}
    .profile-title-row{flex-direction:column}
    .summary-stats.icon-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .profile-summary-card .profile-summary{grid-template-columns:1fr}
    .topbar{padding:14px 16px}
    .topbar-row{flex-wrap:nowrap}
    .brand{font-size:1.65rem}
    .profile-avatar-link{width:46px;height:46px}
    .searchbar{width:100%}
    .searchbar input{min-width:0;width:100%}
}

@media (max-width: 1080px){
    .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){
    .media-grid{grid-template-columns:1fr}
}


.share-sheet-backdrop{
    position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);
    display:none;align-items:flex-end;justify-content:center;padding:18px;z-index:120
}
.share-sheet-backdrop.is-open{display:flex}
.share-sheet{
    width:min(520px,100%);background:rgba(17,21,29,.98);border:1px solid rgba(255,255,255,.08);
    border-radius:24px;box-shadow:var(--shadow);padding:16px
}
.share-sheet h3{margin:0 0 10px;font-size:1.05rem}
.share-sheet .share-url{color:var(--muted);word-break:break-all;font-size:.88rem;line-height:1.5;margin-bottom:14px}
.share-sheet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.share-sheet-action{
    display:grid;place-items:center;gap:8px;padding:12px;border-radius:18px;
    border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--text)
}
.share-sheet-action span{font-size:.78rem;color:var(--muted);text-align:center}
.share-sheet-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}
.share-sheet-close{padding:10px 14px;border-radius:14px}
.avatar-update{display:flex;align-items:flex-start;gap:16px}
.avatar-upload-form{margin-top:8px;display:grid;gap:10px}
.avatar-upload-form input[type=file]{width:100%}
@media (max-width: 760px){
    .avatar-update{flex-direction:column;align-items:flex-start}
    .topbar-row{grid-template-columns:minmax(0,1fr) auto}
    .brand{padding-right:10px}
    .share-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.comment-react-form .comment-reaction-button.is-active,.icon-action-button.is-active{border-color:rgba(247,201,72,.45);color:var(--accent);box-shadow:0 0 0 1px rgba(247,201,72,.08) inset}
.comment-react-form .comment-reaction-button.is-active .btn-icon,.icon-action-button.is-active .btn-icon{color:var(--accent)}


/* Sprint 2: Verdict Card UI system */
.verdict-card--debate,
.post-hero.verdict-mode-shell--debate { --engine-tint: rgba(247,201,72,.18); --engine-tint-strong: rgba(247,201,72,.28); }
.verdict-card--opinion,
.post-hero.verdict-mode-shell--opinion { --engine-tint: rgba(61,220,151,.16); --engine-tint-strong: rgba(61,220,151,.28); }
.verdict-card--rating,
.post-hero.verdict-mode-shell--rating { --engine-tint: rgba(77,163,255,.16); --engine-tint-strong: rgba(77,163,255,.28); }
.verdict-card--poll,
.post-hero.verdict-mode-shell--poll { --engine-tint: rgba(165,92,255,.16); --engine-tint-strong: rgba(165,92,255,.28); }

.verdict-card{
    position:relative;
    overflow:hidden;
}
.verdict-card::before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(135deg,transparent 0%,var(--engine-tint, rgba(247,201,72,.12)) 100%);
    pointer-events:none;
}
.verdict-card > *{position:relative;z-index:1}

.verdict-mode-meta{
    display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;
    margin:10px 0 12px;
}
.engine-kicker{
    display:inline-flex;align-items:center;gap:8px;
    text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:900;
    color:var(--accent);opacity:.9
}
.engine-kicker::before{
    content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--engine-tint-strong, rgba(247,201,72,.12))
}
.engine-summary-pill{
    display:inline-flex;align-items:center;justify-content:center;
    padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:800;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text)
}

.verdict-engine-panel{
    margin:14px 0 16px;padding:16px;border-radius:20px;
    background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)
}
.verdict-engine-panel--debate{background:linear-gradient(135deg,rgba(247,201,72,.10),rgba(77,163,255,.06))}
.verdict-engine-panel--opinion{background:linear-gradient(135deg,rgba(61,220,151,.10),rgba(255,91,110,.06))}
.verdict-engine-panel--rating{background:linear-gradient(135deg,rgba(77,163,255,.10),rgba(247,201,72,.06))}
.verdict-engine-panel--poll{background:linear-gradient(135deg,rgba(165,92,255,.10),rgba(77,163,255,.06))}
.engine-panel-head{
    display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px
}
.engine-panel-head h3{margin:5px 0 6px;font-size:1.1rem;line-height:1.15}
.engine-panel-head p{margin:0;color:var(--muted);line-height:1.55;max-width:62ch}
.engine-grid{
    display:grid;gap:12px
}
.engine-grid--debate{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);align-items:stretch}
.engine-grid--opinion{grid-template-columns:repeat(3,minmax(0,1fr))}
.engine-grid--rating{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.engine-grid--poll{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}
.engine-tile,.engine-rating-card,.engine-poll-option{
    padding:14px;border-radius:18px;background:rgba(17,21,29,.65);
    border:1px solid rgba(255,255,255,.08)
}
.engine-tile{display:grid;gap:8px;align-content:start}
.engine-tile strong,.engine-rating-card strong,.engine-poll-option strong{font-size:1rem;line-height:1.2}
.engine-tile span,.engine-rating-card span{color:var(--muted);font-size:.9rem;line-height:1.4}
.engine-tile-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:800}
.engine-tile-icon{
    display:inline-flex;align-items:center;justify-content:center;
    width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.06);
    color:var(--accent)
}
.engine-tile-icon svg{width:20px;height:20px}
.engine-tile--left,.engine-tile--right{justify-content:center;text-align:center;min-height:148px}
.engine-tile--left strong,.engine-tile--right strong{font-size:1.35rem}
.engine-duel-track{
    position:relative;min-height:148px;border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));
    overflow:hidden
}
.engine-duel-bridge{
    position:absolute;top:50%;left:14px;right:14px;height:8px;transform:translateY(-50%);
    border-radius:999px;background:linear-gradient(90deg,rgba(247,201,72,.24),rgba(77,163,255,.24))
}
.engine-duel-node{
    position:absolute;top:50%;transform:translateY(-50%);
    width:28px;height:28px;border-radius:50%;
    background:var(--panel);border:2px solid var(--accent);box-shadow:0 0 0 5px rgba(255,255,255,.03)
}
.engine-duel-node--left{left:14px}
.engine-duel-node--right{right:14px;border-color:var(--accent-2)}
.engine-footnote{
    margin:12px 2px 0;color:var(--muted);font-size:.9rem;line-height:1.55
}

.engine-lock-banner{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:12px 14px;margin-bottom:14px;border-radius:16px;
    background:rgba(255,91,110,.10);border:1px solid rgba(255,91,110,.18);color:var(--text)
}
.engine-lock-banner strong{font-size:.92rem}
.engine-lock-banner span{color:var(--muted);font-size:.86rem}

.engine-vote-grid{
    display:grid;gap:12px
}
.engine-vote-grid--debate{grid-template-columns:repeat(2,minmax(0,1fr))}
.engine-vote-grid--opinion{grid-template-columns:repeat(3,minmax(0,1fr))}
.engine-vote-grid--rating{grid-template-columns:repeat(3,minmax(0,1fr))}
.engine-vote-grid--poll{grid-template-columns:repeat(2,minmax(0,1fr))}
.engine-vote-card{
    margin:0;border:0;background:transparent;padding:0
}
.engine-vote-button{
    width:100%;display:flex;flex-direction:column;align-items:stretch;gap:10px;
    text-align:left;padding:14px 14px 13px;border-radius:18px;
    background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
    cursor:pointer
}
.engine-vote-button:hover{transform:translateY(-1px);border-color:rgba(247,201,72,.22)}
.engine-vote-button:disabled{cursor:not-allowed;opacity:.62;transform:none}
.engine-vote-card.is-active .engine-vote-button,
.engine-vote-button.is-active{
    background:linear-gradient(180deg,rgba(247,201,72,.16),rgba(255,255,255,.04));
    border-color:rgba(247,201,72,.34);
    box-shadow:0 14px 32px rgba(247,201,72,.08),inset 0 1px 0 rgba(255,255,255,.05)
}
.engine-vote-button-head{
    display:flex;align-items:center;justify-content:space-between;gap:10px
}
.engine-vote-icon,.engine-poll-letter{
    display:inline-flex;align-items:center;justify-content:center;
    width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.06);
    color:var(--accent);flex:0 0 auto
}
.engine-vote-count{
    font-size:.82rem;color:var(--muted);font-weight:800;letter-spacing:.02em
}
.engine-vote-button strong{
    font-size:1rem;line-height:1.2
}
.engine-vote-supporting{
    color:var(--muted);font-size:.86rem;line-height:1.45
}
.engine-vote-bar{
    height:10px;border-radius:999px;overflow:hidden;background:#1d2331;border:1px solid rgba(255,255,255,.05)
}
.engine-vote-bar span{
    display:block;height:100%;border-radius:inherit;
    background:linear-gradient(90deg,#4da3ff,#f7c948,#ff5b6e)
}
.engine-vote-footline{
    display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
    margin-top:10px;color:var(--muted);font-size:.85rem
}
.engine-rating-layout,.engine-poll-layout{
    display:grid;gap:12px
}
.engine-rating-summary,.engine-poll-summary{
    align-content:start
}
.engine-rating-card-choice .engine-vote-stars{
    display:flex;gap:4px;flex-wrap:wrap;color:var(--accent)
}
.engine-rating-card-choice .engine-vote-stars svg{width:15px;height:15px}
.engine-poll-card .engine-vote-button strong{
    font-size:1.03rem
}
.engine-poll-card .engine-vote-button-head{
    align-items:center
}
.engine-poll-card .engine-vote-button-head .engine-poll-letter{
    font-weight:900;font-size:.88rem
}
@media (max-width: 980px){
    .engine-grid--debate,
    .engine-vote-grid--debate,
    .engine-vote-grid--opinion,
    .engine-vote-grid--rating,
    .engine-vote-grid--poll,
    .engine-grid--rating,
    .engine-grid--poll{
        grid-template-columns:1fr
    }
}
@media (max-width: 640px){
    .engine-vote-button{padding:13px}
    .engine-lock-banner,.engine-vote-footline{align-items:flex-start}
}

.engine-rating-card{
    display:grid;gap:10px;align-content:start;justify-items:start
}
.engine-rating-stars{
    display:flex;gap:6px;flex-wrap:wrap
}
.engine-rating-star{
    display:inline-flex;align-items:center;justify-content:center;
    width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.28)
}
.engine-rating-star.is-filled{color:#ffe7a4;background:rgba(247,201,72,.14);border:1px solid rgba(247,201,72,.22)}
.engine-rating-star svg{width:18px;height:18px}
.engine-tile--stats{
    display:flex;flex-direction:column;justify-content:center;min-height:160px
}
.engine-poll-list{display:grid;gap:10px}
.engine-poll-option{
    display:flex;gap:12px;align-items:center
}
.engine-poll-letter{
    display:inline-flex;align-items:center;justify-content:center;
    width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.06);
    color:var(--accent);font-weight:900;flex:0 0 auto
}
.engine-poll-option strong{font-size:1rem}
.verdict-media-stage{
    position:relative;
    background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02))
}
.verdict-media-stage::after{
    content:"";
    position:absolute;inset:auto 0 0 0;height:6px;
    background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--good));
    opacity:.85
}
.verdict-media-stage strong{font-size:1rem}
.verdict-media-stage p{margin:.35rem 0 0;color:var(--muted);line-height:1.5}

.post-hero.verdict-mode-shell{
    position:relative;overflow:hidden
}
.post-hero.verdict-mode-shell::before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(135deg,transparent 0%,var(--engine-tint, rgba(247,201,72,.08)) 100%);
    pointer-events:none
}
.post-hero.verdict-mode-shell > *{position:relative;z-index:1}

[data-theme="light"] .verdict-engine-panel,
[data-theme="light"] .engine-tile,
[data-theme="light"] .engine-rating-card,
[data-theme="light"] .engine-poll-option{
    background:rgba(255,255,255,.92);
    border-color:rgba(15,23,42,.08)
}
[data-theme="light"] .verdict-card::before,
[data-theme="light"] .post-hero.verdict-mode-shell::before{
    opacity:.8
}
[data-theme="light"] .engine-summary-pill,
[data-theme="light"] .summary-stat,
[data-theme="light"] .verdict-card,
[data-theme="light"] .post-hero{
    box-shadow:0 18px 40px rgba(15,23,42,.06)
}

@media (max-width: 1080px){
    .engine-grid--debate,.engine-grid--rating,.engine-grid--poll{grid-template-columns:1fr}
    .legacy-media-grid{grid-template-columns:1fr}
}
@media (max-width: 760px){
    .verdict-mode-meta{align-items:flex-start}
    .engine-panel-head{gap:10px}
    .engine-tile--left,.engine-tile--right{min-height:unset}
    .engine-duel-track{min-height:118px}
    .engine-poll-stage-head{flex-direction:column;align-items:flex-start}
    .panel-card-head{flex-direction:column;align-items:flex-start}
    .engine-rating-star{width:34px;height:34px}
    :root{--topbar-offset:72px}
}


/* NaijaVox V1.4.5 UI polish */
.sr-only{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important;
}

.topbar-row{
    grid-template-columns:minmax(0,1fr) auto;
    gap:14px;
}
.topbar-actions{
    display:flex;
    align-items:center;
    gap:10px;
    justify-content:flex-end;
}
.topbar-action,
.profile-avatar-link,
.profile-avatar-link-guest{
    width:46px;
    height:46px;
    border-radius:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    background:linear-gradient(180deg,var(--panel),var(--panel-2));
    border:1px solid var(--line);
    color:var(--text);
    box-shadow:none;
}
.topbar-action:hover,
.profile-avatar-link:hover,
.profile-avatar-link-guest:hover{
    transform:translateY(-1px);
}
.topbar-action svg,
.profile-avatar-link svg{
    width:20px;
    height:20px;
}
.topbar-action .notification-badge-avatar{
    position:absolute;
    top:-6px;
    right:-4px;
}
.topbar-search-row{display:none;}

.category-tabs{
    padding:12px 6px 10px;
    gap:10px;
    top:calc(var(--topbar-offset) - 1px);
}
.category-tabs a,
.category-tabs .category-tab{
    white-space:nowrap;
    min-width:64px;
    padding:10px 12px;
    border-radius:18px;
    background:rgba(255,255,255,.03);
    border:1px solid transparent;
    color:var(--muted);
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    text-align:center;
    transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.category-tabs .tab-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:0;
}
.category-tabs .tab-icon svg{
    width:20px;
    height:20px;
}
.category-tabs .tab-label{
    display:none;
    font-size:.76rem;
    font-weight:800;
    letter-spacing:.01em;
}
.category-tabs a.active,
.category-tabs .category-tab.active{
    min-width:110px;
    background:rgba(247,201,72,.12);
    border-color:rgba(247,201,72,.22);
    color:var(--text);
}
.category-tabs a.active .tab-label,
.category-tabs .category-tab.active .tab-label{
    display:block;
}
.category-tabs a:hover{
    transform:translateY(-1px);
}

.compact-stats{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin:14px 0 12px;
}
.compact-stat{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 12px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.03);
    color:var(--muted);
    min-height:46px;
}
.compact-stat strong{
    color:var(--text);
    font-size:.98rem;
    line-height:1;
}
.compact-stat-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:0;
    color:var(--text);
}
.compact-stat-icon svg{
    width:18px;
    height:18px;
}

.action-bar--compact{
    gap:8px;
    align-items:center;
    flex-wrap:wrap;
}
.action-bar--compact .inline-action{
    margin:0;
}
.icon-action-button{
    min-width:54px;
    min-height:54px;
    border-radius:18px;
    padding:10px 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0;
    flex-direction:row;
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.06);
    box-shadow:none;
}
.icon-action-button .btn-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:0;
}
.icon-action-button .btn-icon svg{
    width:20px;
    height:20px;
}
.icon-action-button .btn-count{
    margin-left:8px;
}
.icon-action-button:hover{
    transform:translateY(-1px);
}
.icon-action-button.is-active{
    border-color:rgba(247,201,72,.28);
    background:rgba(247,201,72,.12);
}
.action-bar .comment-button,
.action-bar .share-button,
.comment-share-button{
    min-width:54px;
    min-height:54px;
    padding:10px 12px;
}
.action-bar .comment-button .btn-label,
.action-bar .share-button .btn-label,
.bookmark-button .btn-label,
.comment-share-button .btn-label,
.reply-toggle .btn-label{
    display:none;
}
.bookmark-button[data-saved="1"]{
    border-color:rgba(247,201,72,.32);
    background:rgba(247,201,72,.12);
}

.comment-foot{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}
.comment-foot--compact .comment-metric{
    display:none;
}
.comment-react-form .comment-reaction-button{
    min-width:auto;
    min-height:44px;
    padding:8px 10px;
    flex-direction:row;
    gap:0;
}
.comment-react-form .comment-reaction-button .btn-count{
    margin-left:8px;
    min-width:24px;
}
.reply-toggle{
    min-height:44px;
    border-radius:18px;
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.06);
    color:var(--text);
    padding:8px 12px;
    display:inline-flex;
    align-items:center;
    gap:8px;
}
.reply-toggle .btn-count{
    margin-left:2px;
}
.reaction-summary{
    gap:10px;
}
.reaction-chip{
    padding:8px 10px;
    border-radius:16px;
    background:rgba(255,255,255,.03);
}

@media (max-width: 960px){
    .compact-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .topbar-row{
        grid-template-columns:minmax(0,1fr) auto;
    }
}
@media (max-width: 640px){
    .topbar{
        padding:14px 14px 12px;
    }
    .topbar-action,
    .profile-avatar-link,
    .profile-avatar-link-guest{
        width:42px;
        height:42px;
        border-radius:14px;
    }
    .compact-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .category-tabs a,
    .category-tabs .category-tab{
        min-width:58px;
        padding:9px 10px;
    }
    .category-tabs a.active,
    .category-tabs .category-tab.active{
        min-width:96px;
    }
    .icon-action-button{
        min-width:48px;
        min-height:48px;
    }
}

@media (max-width: 760px){
    .social-actions{gap:12px}
    .social-action-count{font-size:.92rem}
}


/* V1.6.4 premium light theme */
[data-theme="light"]{
    color-scheme: light;
    --bg:#f4f7fb;
    --panel:#ffffff;
    --panel-2:#f7f9fc;
    --text:#101828;
    --muted:#5f6b7a;
    --line:#d8e2ee;
    --accent:#0f7ae5;
    --accent-2:#5b6bff;
    --danger:#d64562;
    --good:#15806a;
    --shadow:0 18px 42px rgba(15,23,42,.08);
}
[data-theme="light"] html,
[data-theme="light"] body{
    background:linear-gradient(180deg,#f8fbff 0%,#eef3f9 100%);
    color:var(--text);
}
[data-theme="light"] code{background:rgba(15,23,42,.06);color:var(--text)}
[data-theme="light"] .topbar{
    background:rgba(247,250,253,.88);
    border-bottom:1px solid rgba(148,163,184,.18);
    box-shadow:0 8px 24px rgba(15,23,42,.04);
}
[data-theme="light"] .searchbar,
[data-theme="light"] .comment-form textarea,
[data-theme="light"] .auth-form input,
[data-theme="light"] .auth-form textarea,
[data-theme="light"] .media-engine-panel input[type=file]{
    background:#fff;
    border-color:rgba(148,163,184,.18);
    box-shadow:none;
}
[data-theme="light"] .searchbar button,
[data-theme="light"] .text-link,
[data-theme="light"] .profile-chip,
[data-theme="light"] .inline-action button,
[data-theme="light"] .action-bar .comment-button,
[data-theme="light"] .auth-form button,
[data-theme="light"] .comment-form button,
[data-theme="light"] .admin-row button,
[data-theme="light"] .side-link,
[data-theme="light"] .mini-item,
[data-theme="light"] .settings-status a,
[data-theme="light"] .topbar-action,
[data-theme="light"] .profile-avatar-link,
[data-theme="light"] .profile-avatar-link-guest{
    background:linear-gradient(180deg,#ffffff,#f5f8fd);
    border-color:rgba(148,163,184,.18);
    color:var(--text);
}
[data-theme="light"] .hero,
[data-theme="light"] .side-panel,
[data-theme="light"] .auth-card,
[data-theme="light"] .post-hero,
[data-theme="light"] .comment-area,
[data-theme="light"] .admin-dashboard,
[data-theme="light"] .panel-card,
[data-theme="light"] .settings-hero,
[data-theme="light"] .profile-hero,
[data-theme="light"] .analyst-inline-card,
[data-theme="light"] .verdict-card,
[data-theme="light"] .empty-state,
[data-theme="light"] .login-prompt,
[data-theme="light"] .notice-box,
[data-theme="light"] .action-sheet,
[data-theme="light"] .floating-filters,
[data-theme="light"] .engine-vote-button,
[data-theme="light"] .engine-duel-track,
[data-theme="light"] .engine-tile,
[data-theme="light"] .engine-rating-card,
[data-theme="light"] .engine-poll-stage,
[data-theme="light"] .engine-poll-option{
    background:linear-gradient(180deg,#ffffff,#fafcff);
    border-color:rgba(148,163,184,.16);
    box-shadow:var(--shadow);
}
[data-theme="light"] .hero{
    background:linear-gradient(135deg,rgba(15,122,229,.08),rgba(91,107,255,.05));
}
[data-theme="light"] .hero p,
[data-theme="light"] .hero-stat span,
[data-theme="light"] .back-link,
[data-theme="light"] .auth-link,
[data-theme="light"] .auth-note,
[data-theme="light"] .settings-status,
[data-theme="light"] .pill,
[data-theme="light"] .heat-pill,
[data-theme="light"] .comment-metric,
[data-theme="light"] .comment-body,
[data-theme="light"] .verdict-body,
[data-theme="light"] .engine-tile span,
[data-theme="light"] .engine-rating-card span,
[data-theme="light"] .engine-poll-footer,
[data-theme="light"] .engine-footnote,
[data-theme="light"] .text-button,
[data-theme="light"] .mini-item span,
[data-theme="light"] .dashboard-card p,
[data-theme="light"] .leader-row,
[data-theme="light"] .admin-row{
    color:var(--muted);
}
[data-theme="light"] .hero-stat,
[data-theme="light"] .dashboard-card,
[data-theme="light"] .compact-stat,
[data-theme="light"] .comment-item,
[data-theme="light"] .profile-stats span,
[data-theme="light"] .profile-summary div,
[data-theme="light"] .dashboard-card,
[data-theme="light"] .flash,
[data-theme="light"] .reaction-chip,
[data-theme="light"] .comment-menu-trigger,
[data-theme="light"] .card-title-link,
[data-theme="light"] .engine-summary-pill,
[data-theme="light"] .engine-tile-icon,
[data-theme="light"] .engine-vote-icon,
[data-theme="light"] .engine-poll-letter,
[data-theme="light"] .engine-rating-star,
[data-theme="light"] .topbar-action,
[data-theme="light"] .profile-avatar-link,
[data-theme="light"] .profile-avatar-link-guest{
    background:rgba(255,255,255,.92);
    border-color:rgba(148,163,184,.16);
}
[data-theme="light"] .verdict-title,
[data-theme="light"] .side-panel h3,
[data-theme="light"] .comment-area h2,
[data-theme="light"] .admin-dashboard h2,
[data-theme="light"] .panel-card h2,
[data-theme="light"] .engine-panel-head h3,
[data-theme="light"] .engine-tile strong,
[data-theme="light"] .engine-rating-card strong,
[data-theme="light"] .engine-poll-option strong,
[data-theme="light"] .verdict-mode-meta,
[data-theme="light"] .author,
[data-theme="light"] .profile-copy h1,
[data-theme="light"] .settings-hero h1,
[data-theme="light"] .profile-hero h1,
[data-theme="light"] .dashboard-card strong,
[data-theme="light"] .profile-stats strong,
[data-theme="light"] .profile-summary strong{
    color:var(--text);
}
[data-theme="light"] .category-tabs{
    background:linear-gradient(180deg,rgba(248,250,252,.98),rgba(241,245,249,.94));
    border-top:1px solid rgba(148,163,184,.16);
    border-bottom:1px solid rgba(148,163,184,.14);
}
[data-theme="light"] .category-tabs a,
[data-theme="light"] .category-tabs .category-tab{
    background:rgba(255,255,255,.9);
    border-color:rgba(148,163,184,.14);
    color:var(--muted);
}
[data-theme="light"] .category-tabs a.active,
[data-theme="light"] .category-tabs .category-tab.active{
    background:rgba(15,122,229,.10);
    border-color:rgba(15,122,229,.22);
    color:var(--accent);
    box-shadow:0 10px 22px rgba(15,122,229,.08);
}
[data-theme="light"] .category-tabs a:hover,
[data-theme="light"] .category-tabs .category-tab:hover,
[data-theme="light"] .topbar-action:hover,
[data-theme="light"] .profile-avatar-link:hover,
[data-theme="light"] .profile-avatar-link-guest:hover,
[data-theme="light"] .searchbar button:hover,
[data-theme="light"] .text-link:hover,
[data-theme="light"] .profile-chip:hover,
[data-theme="light"] .side-link:hover,
[data-theme="light"] .mini-item:hover,
[data-theme="light"] .settings-status a:hover,
[data-theme="light"] .card-title-link:hover,
[data-theme="light"] .auth-form button:hover,
[data-theme="light"] .comment-form button:hover,
[data-theme="light"] .admin-row button:hover,
[data-theme="light"] .action-bar .comment-button:hover,
[data-theme="light"] .inline-action button:hover{
    transform:translateY(-1px);
}
[data-theme="light"] .carousel-card,
[data-theme="light"] .meter,
[data-theme="light"] .engine-vote-bar,
[data-theme="light"] .engine-poll-bar,
[data-theme="light"] .legacy-media-details,
[data-theme="light"] .engine-poll-stage,
[data-theme="light"] .engine-rating-star,
[data-theme="light"] .engine-tile-icon,
[data-theme="light"] .engine-vote-icon,
[data-theme="light"] .engine-poll-letter,
[data-theme="light"] .compact-stat,
[data-theme="light"] .comment-react-form .comment-reaction-button .btn-count{
    border-color:rgba(148,163,184,.16);
}
[data-theme="light"] .carousel-card,
[data-theme="light"] .floating-filters a:hover,
[data-theme="light"] .compact-stat,
[data-theme="light"] .reaction-chip,
[data-theme="light"] .comment-item,
[data-theme="light"] .dashboard-card,
[data-theme="light"] .profile-stats span,
[data-theme="light"] .profile-summary div,
[data-theme="light"] .admin-row,
[data-theme="light"] .leader-row,
[data-theme="light"] .notice-box,
[data-theme="light"] .empty-state,
[data-theme="light"] .login-prompt{
    background:rgba(255,255,255,.88);
}
[data-theme="light"] .comment-form textarea::placeholder,
[data-theme="light"] .auth-form input::placeholder,
[data-theme="light"] .auth-form textarea::placeholder{
    color:#90a0b4;
}
[data-theme="light"] .social-actions--post .social-action,
[data-theme="light"] .social-actions--comment .social-action,
[data-theme="light"] .social-actions--post .social-action-form button,
[data-theme="light"] .social-actions--comment .social-action-form button,
[data-theme="light"] .icon-action-button,
[data-theme="light"] .reply-toggle,
[data-theme="light"] .comment-share-button,
[data-theme="light"] .action-bar .share-button,
[data-theme="light"] .action-bar .comment-button,
[data-theme="light"] .bookmark-button,
[data-theme="light"] .comment-react-form .comment-reaction-button{
    background:linear-gradient(180deg,#ffffff,#f5f8fd);
    border:1px solid rgba(148,163,184,.16);
    color:var(--text);
    box-shadow:none;
}
[data-theme="light"] .social-actions--post .social-action:hover,
[data-theme="light"] .social-actions--comment .social-action:hover,
[data-theme="light"] .social-actions--post .social-action-form button:hover,
[data-theme="light"] .social-actions--comment .social-action-form button:hover,
[data-theme="light"] .icon-action-button:hover,
[data-theme="light"] .reply-toggle:hover,
[data-theme="light"] .comment-share-button:hover,
[data-theme="light"] .action-bar .share-button:hover,
[data-theme="light"] .action-bar .comment-button:hover,
[data-theme="light"] .bookmark-button:hover,
[data-theme="light"] .comment-react-form .comment-reaction-button:hover{
    background:linear-gradient(180deg,#ffffff,#eef4fb);
    border-color:rgba(15,122,229,.16);
    color:var(--text);
}
[data-theme="light"] .social-actions--post .social-action.is-active,
[data-theme="light"] .social-actions--comment .social-action.is-active,
[data-theme="light"] .social-actions--post .social-action-form button.is-active,
[data-theme="light"] .social-actions--comment .social-action-form button.is-active,
[data-theme="light"] .icon-action-button.is-active,
[data-theme="light"] .bookmark-button[data-saved="1"],
[data-theme="light"] .engine-vote-card.is-active .engine-vote-button,
[data-theme="light"] .engine-vote-button.is-active{
    background:rgba(15,122,229,.10);
    border-color:rgba(15,122,229,.22);
    color:var(--accent);
}
[data-theme="light"] .engine-kicker,
[data-theme="light"] .analyst-card-badge,
[data-theme="light"] .panel-badge,
[data-theme="light"] .heat-pill.heat-calm,
[data-theme="light"] .heat-pill.heat-warming,
[data-theme="light"] .heat-pill.heat-hot,
[data-theme="light"] .heat-pill.heat-explosive,
[data-theme="light"] .heat-pill.heat-meltdown,
[data-theme="light"] .flash-error,
[data-theme="light"] .flash-warning,
[data-theme="light"] .flash-success,
[data-theme="light"] .flash-info{
    box-shadow:none;
}
[data-theme="light"] .engine-summary-pill{
    background:linear-gradient(180deg,#ffffff,#f5f8fd);
}
[data-theme="light"] .verdict-card::before,
[data-theme="light"] .post-hero.verdict-mode-shell::before{
    opacity:.55;
}
[data-theme="light"] .verdict-engine-panel,
[data-theme="light"] .engine-tile,
[data-theme="light"] .engine-rating-card,
[data-theme="light"] .engine-poll-option,
[data-theme="light"] .engine-poll-stage,
[data-theme="light"] .engine-vote-button,
[data-theme="light"] .engine-duel-track{
    box-shadow:0 16px 34px rgba(15,23,42,.05);
}
[data-theme="light"] .engine-tile-icon,
[data-theme="light"] .engine-vote-icon,
[data-theme="light"] .engine-poll-letter,
[data-theme="light"] .engine-rating-star{
    color:var(--accent);
}
[data-theme="light"] .engine-duel-node{
    background:#fff;
    box-shadow:0 0 0 5px rgba(15,122,229,.05);
}
[data-theme="light"] .engine-duel-bridge{
    background:linear-gradient(90deg,rgba(15,122,229,.18),rgba(91,107,255,.18));
}
[data-theme="light"] .engine-vote-bar,
[data-theme="light"] .engine-poll-bar,
[data-theme="light"] .meter{
    background:rgba(148,163,184,.18);
}
[data-theme="light"] .engine-vote-bar span,
[data-theme="light"] .engine-poll-bar span,
[data-theme="light"] .meter span{
    background:linear-gradient(90deg,#0f7ae5,#5b6bff,#14b8a6);
}
[data-theme="light"] .action-sheet-backdrop{background:rgba(15,23,42,.42)}
[data-theme="light"] .action-sheet-handle{background:rgba(15,23,42,.12)}
[data-theme="light"] .floating-filters{
    background:rgba(255,255,255,.98);
    border-color:rgba(148,163,184,.16);
}
[data-theme="light"] .flash{
    border-color:rgba(148,163,184,.18);
    background:rgba(255,255,255,.92);
}
[data-theme="light"] .flash-error{background:rgba(214,69,98,.08)}
[data-theme="light"] .flash-warning{background:rgba(245,158,11,.08)}
[data-theme="light"] .flash-success{background:rgba(21,128,106,.08)}
[data-theme="light"] .flash-info{background:rgba(15,122,229,.08)}
[data-theme="light"] .site-footer,
[data-theme="light"] .footer-links,
[data-theme="light"] .settings-status strong,
[data-theme="light"] .profile-copy p,
[data-theme="light"] .profile-summary span,
[data-theme="light"] .panel-card-head p,
[data-theme="light"] .verdict-mode-meta .meta,
[data-theme="light"] .engine-lock-banner span,
[data-theme="light"] .engine-vote-count,
[data-theme="light"] .engine-vote-supporting,
[data-theme="light"] .engine-poll-footer,
[data-theme="light"] .comment-foot,
[data-theme="light"] .comment-metric,
[data-theme="light"] .stats-row,
[data-theme="light"] .meta,
[data-theme="light"] .dot,
[data-theme="light"] .site-footer{
    color:var(--muted);
}

[data-theme="light"] .floating-feature-panel,
[data-theme="light"] .feature-card,
[data-theme="light"] .feature-module-card,
[data-theme="light"] .feature-callout{
    background:rgba(255,255,255,.92);
    border-color:rgba(15,23,42,.08)
}


.timeline-page-wrap{display:block}
.timeline-hero-card{overflow:hidden;padding:0}
.timeline-cover{height:190px;background:linear-gradient(135deg,rgba(77,163,255,.24),rgba(247,201,72,.18),rgba(61,220,151,.12));border-bottom:1px solid rgba(255,255,255,.06)}
.timeline-hero-body{padding:0 22px 22px}
.timeline-avatar-wrap{margin-top:-60px;display:flex;align-items:flex-end;justify-content:flex-start;margin-bottom:14px}
.timeline-avatar{width:120px;height:120px;border:4px solid var(--panel);box-shadow:var(--shadow);background:var(--panel)}
.timeline-copy{display:grid;gap:14px}
.timeline-title-row{align-items:flex-start}
.timeline-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.timeline-bio{margin:0;color:var(--text);line-height:1.65;max-width:72ch}
.timeline-meta-line{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted)}
.timeline-meta-item{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:.92rem}
.timeline-tabs{display:flex;gap:8px;flex-wrap:wrap;overflow:auto;padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.06)}
.timeline-tab{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:999px 999px 0 0;background:transparent;border:1px solid transparent;border-bottom:0;color:var(--muted);font-weight:800;white-space:nowrap}
.timeline-tab:hover{background:rgba(255,255,255,.04);color:var(--text)}
.timeline-tab.is-active{color:var(--text);background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);border-bottom-color:transparent}
.timeline-feed-card,.timeline-activity-card{display:grid;gap:14px}
.timeline-feed{display:grid;gap:12px}
.timeline-post-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);display:grid;gap:8px}
.timeline-post-head{display:grid;gap:4px;color:var(--text)}
.timeline-post-head strong{font-size:1.02rem;line-height:1.35}
.timeline-post-head span{color:var(--muted);font-size:.9rem}
.timeline-post-excerpt{margin:0;color:var(--muted);line-height:1.6}
.timeline-sidebar{top:96px}
.timeline-summary{margin-top:10px}

@media (max-width: 960px){
    .timeline-hero-body{padding:0 18px 18px}
    .timeline-avatar-wrap{margin-top:-48px}
    .timeline-avatar{width:96px;height:96px}
}