:root{color-scheme:light;--bg: #f4efe7;--bg-accent: #efe4d2;--surface: rgba(255, 252, 247, .78);--surface-strong: #fffdf9;--surface-muted: rgba(107, 79, 47, .08);--text: #1f1a17;--muted: #68594b;--line: rgba(93, 68, 40, .12);--accent: #0057b8;--accent-warm: #f0b429;--danger: #b3402d;--shadow: 0 24px 80px rgba(50, 33, 12, .12)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:Manrope,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(0,87,184,.12),transparent 28%),radial-gradient(circle at 85% 15%,rgba(240,180,41,.2),transparent 24%),linear-gradient(180deg,var(--bg) 0%,#f8f3eb 42%,#f1ebe2 100%)}a{color:inherit}#root{min-height:100vh}.page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:40px 0 56px}.hero{position:relative;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#fffdf9eb,#fff8eee0);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero:after{content:"";position:absolute;inset:auto -48px -56px auto;width:180px;height:180px;border-radius:999px;background:linear-gradient(135deg,#0057b829,#f0b4293d);filter:blur(6px)}.hero__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:8px 14px;border-radius:999px;background:var(--surface-muted);color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero__flag{width:10px;height:10px;border-radius:999px;background:linear-gradient(180deg,var(--accent) 0 50%,var(--accent-warm) 50% 100%)}.hero__title{margin:0;max-width:700px;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(36px,6vw,68px);line-height:.95;letter-spacing:-.05em}.hero__subtitle{margin:18px 0 0;max-width:620px;color:var(--muted);font-size:17px;line-height:1.7}.hero__meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.chip{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff8f;color:var(--text);font-size:14px;font-weight:600}.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:22px}.panel{border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 22px 0}.panel__title{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:24px;letter-spacing:-.04em}.panel__note{margin:8px 0 0;color:var(--muted);font-size:14px}.status{padding:16px 22px}.status__message{margin:0;padding:16px 18px;border-radius:18px;background:#ffffffc7;color:var(--muted)}.status__message--error{border:1px solid rgba(179,64,45,.18);background:#b3402d14;color:var(--danger)}.articles{list-style:none;margin:0;padding:18px 22px 22px;display:grid;gap:14px}.article-card{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface-strong);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.article-card:hover{transform:translateY(-2px);border-color:#0057b83d;box-shadow:0 18px 36px #1c171214}.article-card__top{display:flex;align-items:center;justify-content:space-between;gap:14px}.article-card__tag{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#0057b814;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.article-card__id{color:var(--muted);font-size:13px}.article-card__link{text-decoration:none}.article-card__link:hover .article-card__title{color:var(--accent)}.article-card__title{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(20px,3vw,28px);line-height:1.08;letter-spacing:-.04em;transition:color .18s ease}.article-card__original-title{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.article-card__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:14px}.article-card__source{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-card__action{color:var(--accent);font-weight:700}@media (max-width: 720px){.page{width:min(100% - 20px,1120px);padding:20px 0 28px}.hero{padding:22px;border-radius:22px}.panel__header,.status,.articles{padding-left:16px;padding-right:16px}.articles{padding-top:14px;padding-bottom:16px}.article-card{padding:16px}.article-card__top,.article-card__footer{align-items:flex-start;flex-direction:column}}