:root{--bg:oklch(100% 0 0);--bg-alt:oklch(96% 0.008 95);--bg-card:oklch(93% 0.009 95);--line:oklch(20% 0.01 95/0.12);--line-strong:oklch(15% 0.01 95);--fg:oklch(16% 0.012 95);--fg-muted:oklch(38% 0.02 95);--fg-dim:oklch(48% 0.02 95);--accent:oklch(62% 0.20 35);--accent-text:oklch(46% 0.19 30);--accent-ink:oklch(12% 0.01 255);--cat-gaming:oklch(66% 0.19 300);--cat-gaming-text:oklch(46% 0.17 300);--cat-sports:oklch(70% 0.18 150);--cat-sports-text:oklch(40% 0.15 150);--cat-politics:oklch(62% 0.20 35);--cat-politics-text:oklch(46% 0.19 30);--cat-tech:oklch(70% 0.13 230);--cat-tech-text:oklch(44% 0.13 230);--cat-general:oklch(68% 0.12 195);--cat-general-text:oklch(42% 0.11 195);--cat-misc:oklch(78% 0.16 90);--cat-misc-text:oklch(46% 0.14 90);--cat-entertainment:oklch(66% 0.19 320);--cat-entertainment-text:oklch(46% 0.18 320)}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--fg);font-family:Work Sans,system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.headline{font-family:Anton,Arial Narrow,sans-serif;font-weight:400;line-height:.96;margin:0;text-transform:uppercase;text-wrap:balance}.dek{font-weight:500;color:var(--fg-muted);line-height:1.45;margin:0}.byline{font-weight:600;font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--fg-dim);margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chip{font-size:11px;letter-spacing:.07em;color:var(--accent-ink);padding:5px 10px;display:inline-block;width:-moz-fit-content;width:fit-content}.chip,.eyebrow{font-weight:800;text-transform:uppercase}.eyebrow{font-size:12px;letter-spacing:.08em}.section-title{font-family:Anton,Arial Narrow,sans-serif;font-weight:400;text-transform:uppercase;margin:0}.see-all{font-size:13px;letter-spacing:.04em;color:var(--fg-muted)}.nav-link,.see-all{font-weight:700;text-transform:uppercase}.nav-link{font-size:15px;letter-spacing:.03em;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.img-ph{position:relative;overflow:hidden;background-color:var(--bg-card)}.img-ph svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.55}.img-ph img{width:100%;height:100%;object-fit:fill;display:block}.page{max-width:1440px;margin:0 auto;padding-bottom:64px}.utility-bar{justify-content:space-between;padding:10px clamp(20px,4vw,48px);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px}.masthead,.utility-bar{display:flex;align-items:center}.masthead{flex-direction:column;padding:32px clamp(20px,4vw,48px) 0}.wordmark{font-size:clamp(40px,6vw,76px);text-align:center}.nav-row{display:flex;align-items:center;gap:clamp(16px,3vw,36px);padding:18px 0 16px;flex-wrap:wrap;justify-content:center}.hero{display:grid;grid-template-columns:2fr 1fr;grid-gap:40px;gap:40px;padding:44px clamp(20px,4vw,48px)}@media (max-width:860px){.hero{grid-template-columns:1fr}}.trending{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px clamp(20px,4vw,48px);display:flex;align-items:center;gap:36px;flex-wrap:wrap}.category-section{padding:56px clamp(20px,4vw,48px) 0}.category-header{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:14px;margin-bottom:32px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:32px;gap:32px}@media (max-width:860px){.card-grid{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;gap:12px}.footer{margin-top:80px;border-top:2px solid var(--line-strong);padding:40px clamp(20px,4vw,48px);align-items:flex-start;justify-content:space-between;gap:32px}.footer,.footer-links{display:flex;flex-wrap:wrap}.footer-links{gap:64px}.footer-col{display:flex;flex-direction:column;gap:10px}.card-link{cursor:pointer}.card-link:hover .headline{color:var(--accent-text)}.admin-wrap{max-width:760px;margin:0 auto;padding:44px clamp(20px,4vw,48px) 0}.btn{display:inline-block;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:13px;letter-spacing:.03em;text-transform:uppercase;padding:12px 22px;border-radius:999px}.btn-primary{background:var(--fg);color:var(--bg)}.btn-outline{background:transparent;color:var(--fg);border:1px solid var(--line-strong)}.btn-danger{background:var(--accent-text);color:#fff}.btn-small{padding:8px 16px;font-size:11px}.btn:disabled{opacity:.5;cursor:default}.admin-list-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);gap:16px;flex-wrap:wrap}.admin-list-item .meta{display:flex;flex-direction:column;gap:4px;min-width:200px}.admin-list-item .actions{display:flex;gap:10px;align-items:center}.admin-form label{display:block;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-dim);margin-bottom:6px}.admin-form input[type=email],.admin-form input[type=password],.admin-form input[type=text],.admin-form select,.admin-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line-strong);border-radius:6px;font:inherit;font-size:15px;background:var(--bg);color:var(--fg);margin-bottom:20px}.admin-form input[type=file]{display:block;margin-bottom:12px}.admin-form textarea{min-height:180px;resize:vertical;line-height:1.5}.admin-form .field-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.admin-form .hint{font-size:12px;color:var(--fg-dim);margin:0 0 20px}.image-preview{margin-bottom:20px;border-radius:6px;overflow:hidden;background:var(--bg-card)}.publish-status{color:var(--fg-muted)}.error-status,.publish-status{font-size:13px;margin-top:12px;min-height:18px}.error-status{color:var(--accent-text)}.delete-confirm{background:var(--bg-alt);border:1px solid var(--line-strong);border-radius:8px;padding:16px;margin-top:12px}.article-body p{font-size:18px;line-height:1.7;color:var(--fg);margin:0}.article-body a,.rich-editor a{color:var(--accent-text);text-decoration:underline}.tldr-box{background:var(--bg-alt);border-left:4px solid var(--accent-text);border-radius:4px;padding:20px 24px;font-size:18px;line-height:1.6;color:var(--fg)}.rich-toolbar{display:flex;gap:6px;margin-bottom:8px}.rich-toolbar button{border:1px solid var(--line-strong);background:var(--bg);color:var(--fg);border-radius:6px;padding:6px 14px;font-size:14px;cursor:pointer;font-family:inherit;min-width:36px}.rich-toolbar button:hover{background:var(--bg-alt)}.rich-editor{min-height:220px;border:1px solid var(--line-strong);border-radius:6px;padding:12px 14px;font-size:16px;line-height:1.6;background:var(--bg);color:var(--fg);margin-bottom:20px}.rich-editor:focus{outline:2px solid var(--accent-text);outline-offset:-1px}.rich-editor p{margin:0 0 14px}.rich-editor p:last-child{margin-bottom:0}.chip-draft{background:var(--bg-alt);color:var(--fg-dim);border:1px solid var(--line-strong)}.editor-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,4vw,48px);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:var(--bg);z-index:20}.editor-back{background:none;border:none;font-size:22px;cursor:pointer;color:var(--fg);width:36px;height:36px;border-radius:999px}.editor-back:hover{background:var(--bg-alt)}.editor-topbar-right{display:flex;align-items:center;gap:14px}.editor-canvas{max-width:720px;margin:0 auto;padding:48px clamp(20px,4vw,48px) 140px}.editor-title{display:block;width:100%;border:none;outline:none;background:transparent;font-family:Anton,Arial Narrow,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(32px,5vw,52px);line-height:1;color:var(--fg);margin-bottom:16px}.editor-title::placeholder{color:var(--fg-dim);opacity:.55}.editor-subtitle{display:block;width:100%;border:none;outline:none;background:transparent;font-size:20px;font-weight:500;color:var(--fg-muted);margin-bottom:28px}.editor-subtitle::placeholder{color:var(--fg-dim);opacity:.6}.editor-byline-row{display:flex;align-items:center;gap:10px;margin-bottom:28px;flex-wrap:wrap}.editor-pill{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;background:var(--bg-alt);color:var(--fg)}.editor-pill-input{width:150px}.editor-pill-input,.editor-pill-select{border:none;background:transparent;outline:none;font:inherit;color:inherit}.editor-pill-select{cursor:pointer;padding:0}.editor-toolbar{display:flex;gap:4px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px;position:-webkit-sticky;position:sticky;top:65px;background:var(--bg);z-index:15}.editor-toolbar button{border:none;background:none;width:36px;height:36px;border-radius:6px;cursor:pointer;color:var(--fg);font-size:15px;display:flex;align-items:center;justify-content:center;font-family:inherit}.editor-toolbar button:hover{background:var(--bg-alt)}.editor-body{min-height:400px;font-size:19px;line-height:1.7;color:var(--fg);outline:none}.editor-body p{margin:0 0 20px}.editor-body a{color:var(--accent-text);text-decoration:underline}.editor-body:empty:before{content:attr(data-placeholder);color:var(--fg-dim);opacity:.7}.editor-settings-fab{position:fixed;bottom:24px;right:24px;background:var(--fg);color:var(--bg);border:none;border-radius:999px;padding:14px 22px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;z-index:25;box-shadow:0 4px 16px rgba(0,0,0,.15)}.editor-settings-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;justify-content:flex-end;z-index:30}.editor-settings-panel{width:min(420px,100%);background:var(--bg);height:100%;overflow-y:auto;padding:32px 28px;box-shadow:-4px 0 24px rgba(0,0,0,.2)}