:root{--bg-primary:#fff;--bg-secondary:#f6f6f3;--text-primary:#1a1a1a;--text-secondary:#5c5c5c;--border-color:#e4e3de;--accent-color:#c0392b;--shadow:0 1px 3px #00000014;--shadow-lg:0 8px 24px #0000001f;--serif:Georgia, "Times New Roman", Cambria, serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}body.dark-mode{--bg-primary:#141414;--bg-secondary:#1c1c1e;--text-primary:#ececec;--text-secondary:#a0a0a0;--border-color:#303032;--accent-color:#ff6b5b;--shadow:0 1px 3px #0006;--shadow-lg:0 8px 28px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100%;font-family:var(--sans);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;transition:background-color .2s,color .2s;display:flex}.header,.navbar,.search-box,.filter-btn,.news-item,.featured-story,.featured-image,.category-badge,.admin-table,.admin-compose-form,.admin-login-form input,.comment-form input,.comment-form textarea,.reaction-btn,.btn,.pull-quote,.article-byline,.comment{transition:background-color .25s,color .25s,border-color .25s}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:1100px;margin:0 auto;padding:0 20px}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.theme-toggle{z-index:50;position:fixed;bottom:20px;right:20px}.theme-toggle-btn{border:1px solid var(--border-color);background:var(--bg-primary);width:46px;height:46px;box-shadow:var(--shadow-lg);cursor:pointer;border-radius:50%;transition:background-color .3s,border-color .3s,transform .15s;position:relative;overflow:hidden}.theme-toggle-btn:hover{border-color:var(--accent-color);transform:scale(1.06)}.theme-toggle-btn:active{transform:scale(.92)}.theme-icon{color:var(--text-primary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.theme-icon-sun{opacity:1;transform:rotate(0)scale(1)}.theme-icon-moon{opacity:0;transform:rotate(90deg)scale(.5)}.theme-toggle-btn.is-dark .theme-icon-sun{opacity:0;transform:rotate(-90deg)scale(.5)}.theme-toggle-btn.is-dark .theme-icon-moon{opacity:1;transform:rotate(0)scale(1)}.theme-toggle-btn.is-mounted .theme-icon{transition:opacity .3s,transform .4s cubic-bezier(.4,0,.2,1)}.topbar{background:#16161a;border-bottom:1px solid #2a2a2e}.topbar-content{justify-content:space-between;align-items:center;gap:24px;height:44px;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-brand{font-family:var(--serif);color:#f2f2f2;font-size:1.15rem;font-weight:700}.topbar-brand .accent{color:var(--accent-color)}.topbar-links{flex:1;gap:20px;display:flex;overflow-x:auto}.topbar-link{letter-spacing:.8px;text-transform:uppercase;color:#b8b8b8;white-space:nowrap;border-bottom:2px solid #0000;padding-bottom:3px;font-size:.78rem}.topbar-link:hover,.topbar-link.active{color:#fff;border-bottom-color:var(--accent-color)}.topbar-date{color:#888;letter-spacing:.3px;white-space:nowrap;font-size:.75rem;display:none}.topbar-menu-btn{color:#f2f2f2;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.4rem;display:none}.topbar-login{letter-spacing:.5px;text-transform:uppercase;color:#f2f2f2;white-space:nowrap;border:1px solid #3a3a3e;border-radius:999px;padding:5px 14px;font-size:.75rem;font-weight:600;transition:border-color .15s,color .15s}.topbar-login:hover{border-color:var(--accent-color);color:var(--accent-color)}@media (min-width:640px){.topbar-date{display:block}}@media (max-width:700px){.topbar-links{background:#16161a;border-bottom:1px solid #2a2a2e;flex-direction:column;gap:0;max-height:0;transition:max-height .25s;position:absolute;top:44px;left:0;right:0;overflow:hidden}.topbar-links.open{max-height:300px}.topbar-link{border-bottom:1px solid #232326;padding:14px 20px}.topbar-link.active,.topbar-link:hover{background:#1e1e22;border-bottom-color:#232326}.topbar-menu-btn{display:block}.topbar{position:relative}}.header{text-align:center;border-bottom:1px solid var(--border-color);padding:40px 0 32px}.header h1.logo{font-family:var(--serif);letter-spacing:-.5px;font-size:2.6rem;font-weight:700}.header .logo .accent{color:var(--accent-color)}.header .tagline{letter-spacing:3px;text-transform:uppercase;color:var(--text-secondary);margin-top:8px;font-size:.8rem}.navbar{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:16px 0}.nav-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.search-wrapper{flex:1;min-width:200px;max-width:320px;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-box{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:999px;padding:10px 38px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.search-box:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-color) 15%, transparent)}.search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px 6px;font-size:1.1rem;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-clear:hover{color:var(--accent-color);background:var(--bg-secondary)}.category-filters{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:600px){.nav-content{flex-direction:column;align-items:stretch}.search-box{max-width:none}}.filter-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:999px;min-height:36px;padding:8px 16px;font-size:.8rem;font-weight:500;transition:all .15s}.filter-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.filter-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}main.container{flex:1;padding-top:40px;padding-bottom:48px}.section-header{border-bottom:1px solid var(--border-color);margin-top:20px;margin-bottom:28px;padding-bottom:16px}.section-header h2{font-family:var(--serif);letter-spacing:1.5px;text-transform:uppercase;font-size:1.1rem}.section-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.top-stories-header{border-top:1px solid var(--border-color);margin:40px 0 20px;padding-top:20px}.top-stories-header h3{font-family:var(--serif);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);font-size:.95rem}.loading,.error-message{text-align:center;color:var(--text-secondary);padding:24px 0}.error-message{display:none}.error-message.show{color:var(--accent-color);display:block}.empty-state{text-align:center;color:var(--text-secondary);padding:48px 24px}.empty-state .empty-icon{margin-bottom:12px;font-size:2rem}.skeleton-block{pointer-events:none}.skeleton-line{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--border-color) 50%, var(--bg-secondary) 75%);background-size:200% 100%;border-radius:4px;animation:1.4s ease-in-out infinite skeletonShimmer}.skeleton-eyebrow{width:80px;height:12px;margin-bottom:14px}.skeleton-title{width:90%;height:28px;margin-bottom:10px}.skeleton-headline{height:20px;margin-bottom:10px}.skeleton-meta{width:50%;height:12px;margin-top:14px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.featured-story{border:1px solid var(--border-color);cursor:pointer;background:var(--bg-primary);border-radius:8px;grid-template-columns:1.4fr 1fr;min-height:300px;transition:border-color .2s,box-shadow .2s;display:grid;overflow:hidden}.featured-story:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-color)}.featured-content{flex-direction:column;justify-content:space-between;padding:34px 36px;display:flex}.featured-eyebrow{color:var(--accent-color);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;font-size:.75rem;font-weight:700}.featured-headline{font-family:var(--serif);font-size:2.1rem;font-weight:700;line-height:1.25}.featured-meta{color:var(--text-secondary);gap:14px;margin-top:16px;font-size:.8rem;display:flex}.featured-image{background:var(--bg-secondary);border-left:1px solid var(--border-color);justify-content:center;align-items:center;font-size:4rem;display:flex}@media (max-width:720px){.featured-story{grid-template-columns:1fr}.featured-image{display:none}}.news-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:20px;display:grid}.news-item{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;border-top:3px solid #0000;border-radius:6px;flex-direction:column;justify-content:space-between;padding:20px;transition:border-top-color .15s,transform .15s;display:flex}.news-item:hover{border-top-color:var(--accent-color);transform:translateY(-2px)}.news-headline{font-family:var(--serif);margin-bottom:10px;font-size:1.15rem;font-weight:700;line-height:1.35}.news-meta{color:var(--text-secondary);gap:12px;margin-bottom:10px;font-size:.75rem;display:flex}.news-body.preview{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.category-badge{background:var(--bg-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-radius:12px;align-self:flex-start;margin-top:14px;padding:4px 10px;font-size:.7rem}.pagination{justify-content:center;align-items:center;gap:16px;margin:40px 0;display:flex}.btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:20px;padding:8px 18px;font-size:.85rem}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):hover{border-color:var(--accent-color);color:var(--accent-color)}.page-info{color:var(--text-secondary);font-size:.85rem}.article-page{max-width:720px;margin:0 auto}.article-category{color:var(--accent-color);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:700}.article-headline{font-family:var(--serif);margin-bottom:20px;font-size:2.4rem;font-weight:700;line-height:1.2}.article-byline{border-bottom:1px solid var(--border-color);color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:28px;padding-bottom:20px;font-size:.85rem;display:flex}.article-byline img{border-radius:50%;width:32px;height:32px}.author-link:hover strong{color:var(--accent-color)}.author-header{border-bottom:1px solid var(--border-color);align-items:center;gap:20px;margin-bottom:32px;padding-bottom:28px;display:flex}.author-header img{border-radius:50%;width:64px;height:64px}.author-header h1{font-family:var(--serif);font-size:1.8rem;font-weight:700}.author-header .author-count{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.article-body{white-space:pre-wrap;font-size:1.08rem;line-height:1.75}.article-body p{margin-bottom:1.2em}.pull-quote{font-family:var(--serif);border-left:3px solid var(--accent-color);color:var(--text-primary);margin:32px 0;padding-left:24px;font-size:1.5rem;font-style:italic;line-height:1.4}.article-unavailable{color:var(--text-secondary);font-style:italic}.related-section{border-top:1px solid var(--border-color);margin-top:48px;padding-top:32px}.related-section h3{font-family:var(--serif);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:20px;font-size:.95rem}.related-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.reaction-bar{flex-wrap:wrap;gap:8px;margin:32px 0;display:flex}.reaction-btn{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.95rem;transition:border-color .15s,transform .1s;display:flex}.reaction-btn:hover{border-color:var(--accent-color)}.reaction-btn.reacted{border-color:var(--accent-color);background:color-mix(in srgb, var(--accent-color) 12%, var(--bg-secondary))}.reaction-btn:active{transform:scale(.94)}.reaction-count{color:var(--text-secondary);font-size:.78rem}.comments-section{border-top:1px solid var(--border-color);margin-top:48px;padding-top:32px}.comments-section h3{font-family:var(--serif);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:20px;font-size:.95rem}.comment-form{flex-direction:column;gap:10px;margin-bottom:32px;display:flex}.comment-form input,.comment-form textarea{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-family:var(--sans);border-radius:6px;padding:10px 14px;font-size:.9rem}.comment-form textarea{resize:vertical;min-height:80px}.comment-form-honeypot{opacity:0;pointer-events:none;position:absolute;left:-9999px}.comment-list{flex-direction:column;gap:20px;display:flex}.comment{border-bottom:1px solid var(--border-color);padding-bottom:20px}.comment-author{font-size:.85rem;font-weight:700}.comment-date{color:var(--text-secondary);margin-left:8px;font-size:.75rem}.comment-body{margin-top:6px;font-size:.92rem;line-height:1.5}.footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);padding:24px 0;font-size:.8rem}.footer a{color:var(--accent-color)}@media (prefers-reduced-motion:no-preference){.fade-in{animation:.4s both fadeIn}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-page{max-width:900px;margin:0 auto}.admin-login-form{flex-direction:column;gap:12px;max-width:360px;margin:60px auto;display:flex}.admin-login-form input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;padding:10px 14px}.admin-compose-form{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;flex-direction:column;gap:12px;margin-bottom:40px;padding:24px;display:flex}.admin-compose-form input,.admin-compose-form select,.admin-compose-form textarea{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-family:var(--sans);border-radius:6px;padding:10px 14px}.admin-compose-form textarea{resize:vertical;min-height:160px}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:28px;display:grid}.admin-stat-card{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;padding:16px 20px}.admin-stat-value{font-family:var(--serif);color:var(--accent-color);font-size:1.8rem;font-weight:700}.admin-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.75rem}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-block}.role-badge-journalist{color:#5a8fd6;background:#5a8fd633}.role-badge-editor{color:#d6a05a;background:#d6a05a33}.role-badge-admin{background:color-mix(in srgb, var(--accent-color) 20%, transparent);color:var(--accent-color)}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:10px 12px;font-size:.85rem}.admin-table select{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:4px;padding:4px 8px}.btn-primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.btn-danger{color:var(--accent-color);border-color:var(--accent-color)}.form-error{color:var(--accent-color);font-size:.85rem}