body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:#111;background:linear-gradient(180deg,#d7ef8c 0%,#c6e36a 100%);background-attachment:fixed;}
.page-shell{min-height:100vh;padding-bottom:132px;}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 8px;}
.brand{font-size:22px;font-weight:800;letter-spacing:-0.02em;}
.brand small{display:block;font-size:12px;font-weight:600;opacity:.72;margin-top:4px;}
.container{max-width:960px;margin:0 auto;padding:8px 24px 24px;}
.hero-chat{padding-top:60px;padding-bottom:40px;}
.kicker{font-size:20px;font-weight:800;margin-bottom:24px;}
.hero-title{font-size:80px;line-height:.96;letter-spacing:-.055em;font-weight:800;margin:0 0 24px;}
.hero-sub{font-size:22px;line-height:1.35;max-width:760px;margin:0 0 18px;}
.hero-copy{font-size:18px;line-height:1.5;max-width:760px;}
.grid{display:grid;gap:18px;}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.card{background:rgba(255,255,255,.22);border:1px solid rgba(17,17,17,.08);border-radius:28px;padding:22px;box-shadow:0 8px 24px rgba(0,0,0,.06);}
.card h2,.card h3{margin-top:0;letter-spacing:-.03em;}
.card p,.card li{font-size:17px;line-height:1.45;}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;}
.metric{background:#17171d;color:#fff;border-radius:24px;padding:18px;}
.metric-value{font-size:34px;font-weight:800;letter-spacing:-.03em;}
.metric-label{margin-top:6px;opacity:.85;font-size:14px;}
button,.btn{background:#17171d;color:#fff;border:none;border-radius:999px;padding:16px 28px;font-size:18px;font-weight:800;text-decoration:none;display:inline-block;cursor:pointer;}
button.secondary,.btn.secondary{background:rgba(23,23,29,.10);color:#111;border:1px solid rgba(17,17,17,.15);}
input[type=file],input[type=text],textarea,select{width:100%;margin-top:8px;margin-bottom:14px;padding:12px 14px;border-radius:16px;border:1px solid rgba(17,17,17,.12);background:rgba(255,255,255,.55);}
label{font-size:15px;font-weight:700;}
.table-wrap{overflow:auto;}
table{width:100%;border-collapse:collapse;font-size:15px;}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(17,17,17,.10);}
.flash{margin:0 auto 16px;max-width:960px;padding:14px 18px;border-radius:18px;background:#17171d;color:#fff;}
.flash.success{background:#111;}
.muted{opacity:.78;}
.bottom-nav{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(880px,calc(100% - 28px));background:rgba(20,20,20,0.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:40px;padding:14px 18px;box-shadow:0 14px 34px rgba(0,0,0,.22);z-index:20;}
.bottom-nav-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
.nav-item{text-align:center;color:rgba(255,255,255,.70);text-decoration:none;padding:10px 8px;border-radius:24px;font-size:14px;font-weight:700;}
.nav-item strong{display:block;font-size:18px;margin-bottom:6px;}
.nav-item.active{color:#fff;}
.pill-row{display:flex;gap:12px;flex-wrap:wrap;}
.section-title{font-size:42px;line-height:1.02;letter-spacing:-.04em;margin:0 0 18px;font-weight:800;}
.big-copy{font-size:48px;line-height:1.04;letter-spacing:-.05em;font-weight:800;margin:0 0 18px;}
@media (max-width:900px){.hero-title,.big-copy{font-size:54px;}.grid-2,.grid-3,.metrics{grid-template-columns:1fr;}}
@media (max-width:640px){.container{padding:8px 16px 20px;}.topbar{padding:18px 16px 8px;}.hero-title,.big-copy{font-size:44px;}.hero-sub{font-size:18px;}}
.card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}

/* News section */
.bottom-nav-inner{grid-template-columns:repeat(7,minmax(0,1fr));}
.news-hero{padding-bottom:24px;}
.news-filters{display:grid;grid-template-columns:1fr 190px auto auto;gap:12px;align-items:end;margin-top:24px;}
.news-filters input,.news-filters select{margin:0;box-sizing:border-box;}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.news-card h3 a{color:#111;text-decoration:none;}
.news-card h3 a:hover{text-decoration:underline;}
.news-image,.news-detail-image{width:100%;border-radius:20px;margin-bottom:14px;object-fit:cover;max-height:320px;}
.news-meta,.news-stats,.comment-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px;}
.news-meta{margin-bottom:12px;}
.news-stats{margin-top:12px;font-weight:800;}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(23,23,29,.12);font-weight:800;}
.comments-section{margin-top:18px;}
.comment-form textarea,.comment-form input{box-sizing:border-box;}
.comment-card{background:rgba(255,255,255,.20);border:1px solid rgba(17,17,17,.08);border-radius:20px;padding:14px;margin-top:12px;}
.comment-card p{margin-bottom:0;}
code{background:rgba(23,23,29,.12);border-radius:8px;padding:2px 6px;}
@media (max-width:900px){.news-grid{grid-template-columns:1fr;}.news-filters{grid-template-columns:1fr;}.bottom-nav{bottom:10px;width:min(940px,calc(100% - 18px));padding:10px 10px;}.bottom-nav-inner{gap:4px;}.nav-item{font-size:12px;padding:8px 4px;}.nav-item strong{font-size:16px;margin-bottom:4px;}}

.app-disclaimer{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(880px,calc(100% - 28px));font-size:11px;text-align:center;color:rgba(255,255,255,.72);background:rgba(20,20,20,.60);border-radius:16px 16px 0 0;padding:5px 10px;z-index:19;}
.page-shell{padding-bottom:158px;}
select{margin-top:8px;margin-bottom:14px;padding:12px 14px;border-radius:16px;border:1px solid rgba(17,17,17,.12);background:rgba(255,255,255,.55);box-sizing:border-box;width:100%;}
@media (max-width:900px){.bottom-nav-inner{grid-template-columns:repeat(7,minmax(0,1fr));}.app-disclaimer{font-size:9px;width:min(940px,calc(100% - 18px));}.page-shell{padding-bottom:170px;}}
.grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
@media (max-width: 900px) { .grid-4 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .grid-4 { grid-template-columns: 1fr; } }


/* Explainer buttons and Timeline naming */
.section-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.section-row .section-title{margin-bottom:0;}
.explain-btn{background:linear-gradient(135deg,#17171d,#3f2dff);color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 24px rgba(63,45,255,.18);}
.explain-btn::before{content:'✦ ';}
.news-card .explain-btn{padding:12px 18px;font-size:15px;}
.timeline-note{font-size:13px;opacity:.75;margin-top:8px;}

/* Simplified navigation + auth */
.top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.top-actions .btn{padding:11px 16px;font-size:14px;}
.bottom-nav-inner{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
.auth-card{max-width:520px;margin:0 auto;}
input[type=password],input[type=email]{width:100%;margin-top:8px;margin-bottom:14px;padding:12px 14px;border-radius:16px;border:1px solid rgba(17,17,17,.12);background:rgba(255,255,255,.55);box-sizing:border-box;}
@media (max-width:900px){.bottom-nav-inner{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}.topbar{align-items:flex-start;gap:10px}.top-actions .btn{padding:9px 12px;font-size:13px;}}