:root{
  color-scheme:dark;
  --cs-bg:#05070b;
  --cs-surface:#0b1017;
  --cs-surface-2:#111923;
  --cs-card:#0e151f;
  --cs-line:#263241;
  --cs-text:#f4f7fb;
  --cs-muted:#9ca9b7;
  --cs-accent:#7ee7bf;
  --cs-accent-2:#79b8ff;
  --cs-up:#ff7878;
  --cs-down:#70a8ff;
  --cs-warn:#ffd36e;
  --cs-shadow:0 20px 55px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{background:var(--cs-bg);scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 18% -10%,rgba(58,116,104,.20),transparent 34rem),
  radial-gradient(circle at 88% 10%,rgba(48,76,128,.18),transparent 30rem),
  var(--cs-bg)!important;color:var(--cs-text)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans KR","Malgun Gothic",sans-serif;
  line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
.site-header{background:transparent!important}
.top-nav{position:sticky;top:0;z-index:100;background:rgba(5,7,11,.88)!important;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.top-nav-inner{max-width:1180px;margin:auto;display:flex;gap:8px;align-items:center;padding:9px 14px;overflow-x:auto;scrollbar-width:none}
.top-nav-inner::-webkit-scrollbar{display:none}
.top-nav-brand,.top-nav-link,.top-nav-history,.top-nav-back{flex:0 0 auto;text-decoration:none!important;color:#dce7f2!important;border:1px solid transparent;border-radius:999px;padding:9px 12px;background:transparent}
.top-nav-brand{font-weight:900;color:#fff!important;background:linear-gradient(135deg,rgba(126,231,191,.16),rgba(121,184,255,.12));border-color:rgba(126,231,191,.22)}
.top-nav-link:hover,.top-nav-history:hover,.top-nav-back:hover{background:#111a24;border-color:#2a3949}
.top-nav-history{color:#ffe095!important}
.top-nav-back{appearance:none;font:inherit;cursor:pointer}
.hero{background:transparent!important;padding:34px 16px 20px!important}
.hero-inner{max-width:1120px;margin:auto;padding:34px 28px;border:1px solid var(--cs-line);border-radius:26px;background:linear-gradient(145deg,rgba(17,25,35,.96),rgba(8,13,20,.94));box-shadow:var(--cs-shadow)}
.hero-kicker,.section-kicker{color:var(--cs-accent)!important;letter-spacing:.14em;font-weight:800}
.hero h1{font-size:clamp(2rem,7vw,4.25rem)!important;line-height:1.04;margin:8px 0 14px!important;color:#fff!important;letter-spacing:-.045em}
.hero p{max-width:760px;color:#b7c3d0!important;font-size:clamp(1rem,2.5vw,1.18rem)}
.hero-data-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:20px}
.hero-data-row span{background:#0d1720!important;color:#d8e7f5!important;border:1px solid #273847!important;border-radius:999px!important;padding:8px 12px!important}
main{max-width:1180px;margin:0 auto;padding:0 14px 50px}
.current-briefing{margin:10px 0 24px;padding:22px;border:1px solid var(--cs-line);border-radius:26px;background:linear-gradient(180deg,rgba(13,20,29,.98),rgba(8,12,18,.98));box-shadow:var(--cs-shadow);overflow:hidden}
.briefing-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.briefing-head h2{margin:5px 0 0;color:#fff;font-size:clamp(1.65rem,5vw,2.65rem);letter-spacing:-.04em}
.briefing-head p{margin:6px 0 0;color:var(--cs-muted)}
.briefing-badge{white-space:nowrap;border:1px solid rgba(126,231,191,.3);background:rgba(126,231,191,.1);color:#9df2d0;padding:8px 11px;border-radius:999px;font-size:.8rem;font-weight:800}
.briefing-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:18px;align-items:start}
.briefing-image-card{position:relative;background:#080c12;border:1px solid #2b3744;border-radius:20px;padding:10px;overflow:hidden}
.briefing-image-card img{display:block;width:100%;height:auto;border-radius:14px;aspect-ratio:941/1672;object-fit:cover;background:#111}
.briefing-image-caption{padding:12px 4px 2px;color:#9eacba;font-size:.88rem}
.briefing-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.metric{min-height:128px;border:1px solid #263442;border-radius:18px;background:linear-gradient(160deg,#111a24,#0a1018);padding:16px;display:flex;flex-direction:column;justify-content:space-between}
.metric.wide{grid-column:1/-1;min-height:auto}
.metric small{color:#8fa1b3;font-weight:750;letter-spacing:.03em}
.metric strong{font-size:clamp(1.45rem,4vw,2.05rem);letter-spacing:-.04em;color:#fff;line-height:1.1}
.metric .up{color:var(--cs-up)}.metric .down{color:var(--cs-down)}.metric .warn{color:var(--cs-warn)}
.metric p{margin:8px 0 0;color:#aab6c4;font-size:.92rem}
.briefing-note{margin-top:12px;padding:14px 15px;border-radius:16px;border:1px dashed #314354;background:rgba(121,184,255,.06);color:#aebdcb}
.source-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.source-row a{font-size:.78rem;text-decoration:none;color:#a9cfff;border:1px solid #30445c;background:#0b1420;padding:7px 9px;border-radius:999px}
.ai-question-section,.popular-question-section,.full-search-section,.legacy-links,.world-monitor-ai-section{background:linear-gradient(180deg,rgba(13,20,29,.96),rgba(8,12,18,.96))!important;border:1px solid var(--cs-line)!important;border-radius:22px!important;color:var(--cs-text)!important;box-shadow:0 14px 38px rgba(0,0,0,.20);margin-top:18px!important}
.ai-question-section{padding:22px!important}
.section-head h2,.popular-question-heading h3,.full-search-copy h2,.legacy-links h2,.world-monitor-ai-title{color:#f8fbff!important}
.section-head p,.full-search-copy p,.legacy-links p,.world-monitor-ai-desc,.popular-question-loading{color:#9fafbd!important}
.question-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:4px;scrollbar-width:none}
.question-tabs::-webkit-scrollbar{display:none}
.question-tabs button{flex:0 0 auto!important;background:#0a121a!important;border:1px solid #283645!important;color:#b8c6d4!important;border-radius:999px!important}
.question-tabs button.is-active{background:#18382f!important;border-color:#3c7d69!important;color:#aef1d5!important}
.custom-question{background:#0a1017!important;border:1px solid #263544!important;border-radius:18px!important}
.custom-question input{background:#060a0f!important;color:#f3f7fb!important;border:1px solid #2b3b4b!important}
.search-btn{border-radius:12px!important;font-weight:800!important}
.bound-preview>div{background:#09111a!important;border:1px solid #263646!important}
.legacy-links a{background:#0d1721!important;border:1px solid #2a3a4b!important;color:#cfdef0!important}
.site-footer{background:#05080c!important;border-top:1px solid #1f2c38!important;color:#8696a6!important}
.site-footer strong{color:#eaf1f8!important}
@media(max-width:820px){
  .hero{padding:18px 8px 12px!important}.hero-inner{padding:24px 18px;border-radius:20px}
  main{padding:0 8px 34px}.current-briefing{padding:14px;border-radius:20px}
  .briefing-head{display:block}.briefing-badge{display:inline-block;margin-top:10px}
  .briefing-grid{grid-template-columns:1fr;gap:12px}.briefing-cards{grid-template-columns:1fr 1fr}
  .ai-question-section{padding:14px!important}
}
@media(max-width:520px){
  .top-nav-inner{padding:7px 8px}.top-nav-brand,.top-nav-link,.top-nav-history,.top-nav-back{padding:8px 10px;font-size:.88rem}
  .hero-inner{padding:22px 16px}.hero h1{font-size:2.15rem!important}.hero p{font-size:.96rem}
  .current-briefing{padding:10px}.briefing-head{padding:4px 4px 0}.briefing-grid{gap:10px}
  .briefing-image-card{padding:6px;border-radius:16px}.briefing-image-card img{border-radius:11px}
  .briefing-cards{grid-template-columns:1fr;gap:8px}.metric{min-height:104px;padding:14px}.metric.wide{grid-column:auto}
  .custom-question-row{display:grid!important;grid-template-columns:1fr!important}.custom-question-row input,.custom-question-row button{width:100%!important}
  .full-search-actions{display:grid!important;grid-template-columns:1fr!important}
}
