@import "https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
:root{--bg-base:#090d0b;--bg-gradient:radial-gradient(circle at top left, #ffd64824, transparent 24%), radial-gradient(circle at 85% 10%, #97ff7e1a, transparent 22%), linear-gradient(180deg, #090d0b 0%, #050806 100%);--surface:#0c120ed1;--surface-strong:#0e1611f2;--surface-soft:#ffffff08;--border:#cbd6bd24;--text-primary:#f6f5ee;--text-secondary:#bcc2b3;--text-muted:#7b8576;--accent:#ffd648;--accent-strong:#f5b800;--success:#9eff7b;--shadow:0 28px 80px #0000006b}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);background-image:var(--bg-gradient);color:var(--text-primary);background-attachment:fixed;min-height:100vh;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;position:relative}body:before{content:"";pointer-events:none;opacity:.36;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000a6,#0000 86%);mask-image:linear-gradient(#000000a6,#0000 86%)}body:after{content:"";pointer-events:none;mix-blend-mode:soft-light;opacity:.22;background:linear-gradient(#ffffff0a,#0000 18% 82%,#ffffff09),repeating-linear-gradient(#00000014 0 1px,#0000 1px 4px);position:fixed;inset:0}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.04em;font-family:Archivo,IBM Plex Sans,sans-serif;font-weight:700;line-height:1.1}h1{font-size:clamp(2.1rem,5vw,3.4rem)}h2{font-size:clamp(1.8rem,3vw,2.6rem)}h3{font-size:1.45rem}.page-shell{z-index:1;width:min(1180px,100% - 2.5rem);margin:0 auto;padding:3rem 0 5rem;position:relative}.hero{margin-bottom:3rem;display:block}.hero-copy,.hero-panel,.update-card,.detail-sidebar,.detail-main{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-copy{border-radius:22px;align-items:center;width:100%;min-height:150px;padding:1.35rem 1.6rem;display:flex;position:relative;overflow:hidden}.hero-copy:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffd6481f,#0000 24% 72%,#9eff7b12),radial-gradient(circle at 100% 0,#ffd6481f,#0000 26%);position:absolute;inset:0}.hero-copy:after{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:20px;position:absolute;inset:18px}.hero-copy>*{z-index:1;position:relative}.hero-copy h1{letter-spacing:-.03em;max-width:none;font-size:clamp(1.7rem,3.2vw,2.55rem)}.panel-label,.plain-label,.detail-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.8rem;font-weight:800}.feed-section{gap:1.5rem;display:grid}.section-heading{max-width:760px}.compact-heading{margin-bottom:-.25rem}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.75rem;font-family:IBM Plex Mono,monospace;font-size:.8rem;font-weight:600}.section-copy{color:var(--text-secondary);margin-top:.85rem;font-size:1rem}.update-feed{grid-template-columns:1fr;gap:1rem;display:grid}.update-card{border-radius:24px;grid-template-columns:minmax(220px,250px) minmax(0,1fr);align-items:start;gap:1.5rem;min-height:100%;padding:1.75rem;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.update-card:hover{background:var(--surface-strong);border-color:#ffd6485c;transform:translateY(-3px);box-shadow:0 32px 90px #00000080}.update-card:before{content:"";background:linear-gradient(#ffd648f2,#ffd64814);width:3px;position:absolute;inset:0 auto 0 0}.update-card:after{content:"";pointer-events:none;background:linear-gradient(#ffffff09,#0000 24%),radial-gradient(circle at 90% 10%,#ffd64814,#0000 24%);position:absolute;inset:0}.source-openai-codex:before{background:linear-gradient(#f9e27a,#f9e27a14)}.source-google-antigravity:before{background:linear-gradient(#9eff7b,#9eff7b14)}.source-chatgpt-atlas:before{background:linear-gradient(#ffb86b,#ffb86b14)}.update-side{align-content:start;gap:.9rem;display:grid}.update-main{gap:1rem;display:grid}.update-meta,.update-topline,.card-actions,.detail-hero-meta,.detail-cta-row,.sidebar-list{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.update-topline{justify-content:space-between}.source-pill,.importance-pill,.tag{color:#ffe599;background:#ffd6481a;border-radius:999px;align-items:center;width:fit-content;padding:.45rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.importance-pill{color:#d8ffc8;background:#9eff7b1a}.update-source,.update-date,.update-summary,.plain-copy,.detail-copy,.detail-bullets li,.sidebar-list li,.detail-note{color:var(--text-secondary)}.update-date{color:var(--text-muted)}.update-summary,.plain-copy,.detail-copy{font-size:1rem}.tag-row,.detail-tags{flex-wrap:wrap;gap:.65rem;display:flex}.original-list{color:var(--text-secondary);gap:.8rem;padding-left:0;list-style:none;display:grid}.original-list li{padding-left:1.25rem;position:relative}.original-list li:before{content:"";background:var(--accent);border-radius:999px;width:8px;height:8px;position:absolute;top:.72rem;left:0;box-shadow:0 0 0 4px #ffd6481f}.tag{color:var(--text-secondary);background:#ffffff0f}.primary-link,.secondary-link,.back-link,.detail-cta{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1.1rem;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.primary-link,.detail-cta{color:#11130e;background:linear-gradient(135deg,#f8df86 0%,#f5b800 100%)}.secondary-link,.back-link{border:1px solid var(--border);color:var(--text-primary);background:#ffffff08}.primary-link:hover,.secondary-link:hover,.back-link:hover,.detail-cta:hover{transform:translateY(-2px)}.detail-page{width:min(1180px,100% - 2.5rem);margin:0 auto;padding:2.5rem 0 5rem}.detail-layout{grid-template-columns:minmax(280px,.82fr) minmax(0,1.45fr);gap:1.5rem;margin-top:1.5rem;display:grid}.detail-sidebar,.detail-main{border-radius:24px;padding:1.7rem}.detail-main{padding:2rem}.detail-hero-meta{margin-bottom:1rem}.detail-title{max-width:14ch;font-size:clamp(2.2rem,4vw,3.5rem)}.detail-intro{color:var(--text-secondary);max-width:58ch;margin-top:1rem;font-size:1.08rem}.detail-grid{gap:1.5rem;margin-top:2rem;display:grid}.detail-section{gap:.8rem;display:grid}.detail-section h2{font-size:1.35rem}.detail-bullets{gap:.7rem;padding-left:1.25rem;display:grid}.sidebar-group{gap:.65rem;display:grid}.sidebar-group+.sidebar-group{margin-top:1.4rem}.sidebar-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.88rem;font-weight:800}.sidebar-list{gap:.7rem;list-style:none;display:grid}.sidebar-list li{background:var(--surface-soft);border-radius:14px;padding:.8rem .9rem}.detail-note{margin-top:1.5rem}@media (max-width:1024px){.hero,.detail-layout,.update-feed,.update-card{grid-template-columns:1fr}}@media (max-width:768px){.page-shell,.detail-page{width:min(100% - 1.25rem,1180px);padding-top:1.5rem;padding-bottom:3rem}.hero-copy,.hero-panel,.update-card,.detail-sidebar,.detail-main{border-radius:18px;padding:1.35rem}h3{font-size:1.3rem}.hero-copy{min-height:auto;padding:1.5rem}.hero-copy h1{max-width:100%;font-size:clamp(1.55rem,6vw,2rem)}}.translation-col .col-title{color:var(--accent)}.markdown-body{color:var(--text-primary)}.md-section{margin-bottom:2rem}.md-section:last-child{margin-bottom:0}.original-col .markdown-body p{color:var(--text-secondary);background:#0000004d;border-left:3px solid #ffffff1a;border-radius:6px;padding:1rem 1.25rem;font-family:monospace;font-size:.85rem;line-height:1.6}.original-col .markdown-body h3{color:#cbd5e1;font-size:1rem}.translation-col .markdown-body p{color:#e2e8f0;background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:8px;padding:1rem 1.25rem;font-size:.95rem;line-height:1.7}.translation-col .markdown-body h3{color:#fff;font-size:1.05rem}
