:root{--brown-900: #1A0F0A;--brown-800: #2C1810;--brown-700: #3E2723;--brown-600: #4E342E;--brown-500: #5D4037;--brown-400: #6D4C41;--brown-300: #8D6E63;--brown-200: #A1887F;--brown-100: #D7CCC8;--brown-50: #EFEBE9;--parchment: #FFF8E1;--cream: #FFF3E0;--ivory: #FAFAF5;--warm-white: #F5F0EB;--gold-700: #A67C00;--gold-600: #BF8C00;--gold-500: #D4A017;--gold-400: #FFB300;--gold-300: #FFC107;--gold-200: #FFD54F;--gold-100: #FFE082;--green-900: #1B5E20;--green-700: #2E7D32;--green-500: #4CAF50;--green-300: #81C784;--green-100: #C8E6C9;--red-900: #7F0000;--red-700: #B71C1C;--red-500: #C62828;--red-300: #EF5350;--red-100: #FFCDD2;--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--border-gold: 1px solid var(--gold-500);--border-gold-thick: 2px solid var(--gold-500);--border-brown: 1px solid var(--brown-300);--shadow-card: 0 2px 8px rgba(44, 24, 16, .15), 0 1px 3px rgba(44, 24, 16, .1);--shadow-card-hover: 0 4px 16px rgba(44, 24, 16, .2), 0 2px 6px rgba(44, 24, 16, .12);--shadow-inset: inset 0 1px 3px rgba(44, 24, 16, .1);--shadow-gold: 0 0 8px rgba(212, 160, 23, .3);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--brown-800);color:var(--warm-white);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}#root{min-height:100vh}a{color:var(--gold-300);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--gold-400);text-decoration:underline}::selection{background-color:var(--gold-500);color:var(--brown-900)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--brown-700)}::-webkit-scrollbar-thumb{background:var(--brown-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-500)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:.875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:var(--border-gold);border-radius:4px;cursor:pointer;transition:all var(--transition-fast);line-height:1.4}.btn-primary{background:linear-gradient(180deg,var(--gold-400) 0%,var(--gold-600) 100%);color:var(--brown-900);border-color:var(--gold-500);text-shadow:0 1px 0 rgba(255,255,255,.2)}.btn-primary:hover{background:linear-gradient(180deg,var(--gold-300) 0%,var(--gold-500) 100%);box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent;color:var(--gold-300);border-color:var(--brown-300)}.btn-secondary:hover{background:#8d6e6326;border-color:var(--gold-500);color:var(--gold-400)}.badge{display:inline-flex;align-items:center;padding:2px 10px;font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:3px;white-space:nowrap;line-height:1.6}.gold-divider{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold-500) 20%,var(--gold-400) 50%,var(--gold-500) 80%,transparent 100%);margin:var(--space-md) 0;opacity:.7}.gold-divider-ornate{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,var(--gold-600) 15%,var(--gold-400) 35%,var(--gold-300) 50%,var(--gold-400) 65%,var(--gold-600) 85%,transparent 100%);margin:var(--space-lg) 0;position:relative}.gold-divider-ornate:before{content:"◆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--gold-400);font-size:.65rem;background:var(--brown-800);padding:0 var(--space-sm)}.text-input{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:.9rem;color:var(--warm-white);background:#3e272399;border:var(--border-brown);border-radius:4px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.text-input::placeholder{color:var(--brown-200)}.text-input:focus{border-color:var(--gold-500);box-shadow:0 0 0 2px #d4a01733}.stat{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:900;color:var(--gold-400);line-height:1}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--brown-200);font-weight:600}.article-card{background:linear-gradient(180deg,var(--brown-700) 0%,var(--brown-600) 100%);border:var(--border-brown);border-radius:6px;padding:var(--space-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-500),var(--gold-400),var(--gold-500));opacity:0;transition:opacity var(--transition-normal)}.article-card:hover{border-color:var(--gold-500);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.article-card:hover:before{opacity:1}.article-card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--parchment);line-height:1.35;margin-bottom:var(--space-xs)}.article-card-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap}.article-card-date{font-size:.75rem;color:var(--brown-200);letter-spacing:.03em}.article-card-summary{font-size:.9rem;color:var(--brown-100);line-height:1.55}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.04em;border-radius:3px;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--brown-300);background:transparent;color:var(--brown-100)}.filter-chip:hover{border-color:var(--gold-500);color:var(--gold-300)}.filter-chip-active{border-color:var(--gold-400);background:#d4a0171f;color:var(--gold-400);box-shadow:var(--shadow-gold)}.source-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-family:var(--font-body);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:3px;line-height:1.5}.source-badge-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.search-bar{position:relative;width:100%;max-width:400px}.search-bar-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--brown-200);font-size:.9rem;pointer-events:none}.search-bar-input{width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) 36px;font-family:var(--font-body);font-size:.9rem;color:var(--warm-white);background:#3e272399;border:var(--border-brown);border-radius:4px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar-input::placeholder{color:var(--brown-200)}.search-bar-input:focus{border-color:var(--gold-500);box-shadow:0 0 0 2px #d4a01733}.article-detail{background:linear-gradient(180deg,var(--brown-700) 0%,var(--brown-600) 100%);border:var(--border-gold-thick);border-radius:6px;padding:var(--space-xl);position:relative}.article-detail:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold-600),var(--gold-400),var(--gold-300),var(--gold-400),var(--gold-600))}.article-detail-title{font-family:var(--font-display);font-size:1.6rem;font-weight:900;color:var(--parchment);line-height:1.3;margin-bottom:var(--space-sm)}.article-detail-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.article-detail-date{font-size:.85rem;color:var(--brown-200);font-style:italic}.article-detail-summary{font-size:1rem;color:var(--brown-100);line-height:1.7;margin-bottom:var(--space-lg)}.article-detail-link{display:inline-flex;align-items:center;gap:6px;padding:var(--space-sm) var(--space-lg);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;color:var(--brown-900);background:linear-gradient(180deg,var(--gold-400) 0%,var(--gold-600) 100%);border-radius:4px;text-decoration:none;transition:all var(--transition-fast)}.article-detail-link:hover{background:linear-gradient(180deg,var(--gold-300) 0%,var(--gold-500) 100%);box-shadow:var(--shadow-gold);text-decoration:none;transform:translateY(-1px)}