*{box-sizing:border-box;margin:0;padding:0}
body{background:#0f0f13;color:#e2e8f0;font-family:-apple-system,sans-serif;min-height:100vh;padding:24px}
h1{font-size:1.4rem;font-weight:700;margin-bottom:4px}
.subtitle{color:#94a3b8;font-size:.82rem;margin-bottom:24px}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:28px}
.kpi{background:#1e1e2a;border:1px solid #2d2d40;border-radius:12px;padding:16px 18px}
.kpi .label{font-size:.72rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.kpi .value{font-size:1.8rem;font-weight:700;color:#60a5fa}
.kpi .sub{font-size:.72rem;color:#64748b;margin-top:3px}
.section-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:14px;font-weight:600}
.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:32px}
.story-card{background:#1e1e2a;border:1px solid #2d2d40;border-radius:14px;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .2s}
.story-card:hover{border-color:#6366f1;transform:translateY(-2px)}
.story-card.active{border-color:#a78bfa}
.story-img-wrap{position:relative;height:180px;background:#13131d;overflow:hidden}
.story-img-wrap img{width:100%;height:100%;object-fit:cover}
.story-img-wrap .badge{position:absolute;top:10px;right:10px;background:#6366f1dd;color:#fff;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:999px}
.story-body{padding:14px}
.story-kw{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:999px;margin-bottom:8px}
.story-meta{font-size:.73rem;color:#64748b}
.detail-panel{background:#1e1e2a;border:1px solid #2d2d40;border-radius:14px;padding:22px;margin-bottom:28px;display:none}
.detail-panel.visible{display:block}
.detail-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:18px}
.detail-img{width:70px;height:120px;object-fit:cover;border-radius:8px;flex-shrink:0}
.detail-info h2{font-size:1rem;font-weight:600;margin-bottom:6px}
.detail-info p{font-size:.78rem;color:#94a3b8;margin-bottom:4px}
.word-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.word-tag{padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:600}
.msgs-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:10px;font-weight:600}
.msgs-list{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto}
.msg-item{background:#13131d;border-radius:8px;padding:8px 12px;font-size:.82rem;border-left:3px solid #4ade80}
.msg-time{font-size:.68rem;color:#475569;margin-top:3px}
footer{text-align:center;font-size:.7rem;color:#475569;padding-top:16px}