.brutalist-theme{--surface-primary:#f5f3ef;--surface-secondary:#edeae4;--surface-tertiary:#e0ddd6;--surface-inverse:#0a0a0a;--text-primary:#0a0a0a;--text-secondary:#4a4a4a;--text-tertiary:#7a7a7a;--text-inverse:#f5f3ef;--accent:#06f;--accent-hover:#0052cc;--accent-subtle:#e6f0ff;--border:#0a0a0a;--border-hover:#0a0a0a;--shadow:none;--shadow-hover:none;--category-ai:#7c6bf0;--category-hardware:#e8572a;--category-software:#2a9d8f;--category-design:#e09f3e;--category-science:#457b9d;--category-culture:#c97b84;--font-display:var(--font-space-mono),"Space Mono",monospace;--font-body:"Switzer",-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=dark] .brutalist-theme{--surface-primary:#0a0a0a;--surface-secondary:#141414;--surface-tertiary:#1e1e1e;--text-primary:#f5f3ef;--text-secondary:#b0b0b0;--text-tertiary:#666;--border:#f5f3ef;--border-hover:#f5f3ef;--accent:#38f;--accent-subtle:#0d1b2a;--surface-inverse:#f5f3ef;--text-inverse:#0a0a0a}.brutalist-theme{font-family:var(--font-body);background-color:var(--surface-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;transition:background-color .2s linear,color .2s linear}.brutalist-theme .skip-link{background-color:var(--accent);color:#fff;font-family:var(--font-display);z-index:10000;border:2px solid var(--border);padding:12px 24px;font-size:14px;text-decoration:none;position:absolute;top:-100px;left:16px}.brutalist-theme .skip-link:focus{top:8px}.scroll-progress{background-color:var(--accent);z-index:1001;width:0%;height:2px;transition:none;position:fixed;top:0;left:0}.nav{z-index:1000;background-color:#0000;border-bottom:2px solid #0000;justify-content:space-between;align-items:center;height:56px;padding:0 24px;transition:background-color linear,border-color linear;display:flex;position:fixed;top:0;left:0;right:0}.nav.nav--solid{background-color:var(--surface-primary);border-bottom-color:var(--border)}.nav-left{align-items:center;gap:32px;display:flex}.nav-logo{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;font-size:18px;font-weight:700;text-decoration:none}.nav-filters{flex-wrap:nowrap;align-items:center;gap:4px;display:flex;overflow-x:auto}.nav-filter{font-family:var(--font-display);color:var(--text-tertiary);cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:2px solid #0000;align-items:center;min-height:44px;padding:6px 12px;font-size:11px;font-weight:400;transition:color .2s linear,border-color .2s linear,background-color .2s linear;display:flex}.nav-filter:hover{color:var(--text-primary);border-color:var(--border)}.nav-filter.active{color:var(--text-primary);border-color:var(--border);background-color:var(--surface-secondary)}.nav-right{align-items:center;display:flex}.nav-back-area{cursor:pointer;align-items:center;gap:24px;min-height:44px;text-decoration:none;display:flex}.nav-back-area:hover .nav-back{color:var(--text-primary)}.nav-back{font-family:var(--font-display);color:var(--text-tertiary);letter-spacing:.02em;align-items:center;font-size:12px;font-weight:400;text-decoration:none;transition:color .2s linear;display:flex}.brutalist-theme .theme-toggle{font-family:var(--font-display);color:var(--text-primary);border:2px solid var(--border);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 14px;font-size:12px;font-weight:400;transition:background-color .2s linear,color .2s linear;display:flex}.brutalist-theme .theme-toggle:hover{background-color:var(--surface-inverse);color:var(--text-inverse)}.hero{background-color:var(--surface-primary);max-width:900px;margin:0 auto;padding:140px 24px 80px}.hero-prompt{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em;font-size:clamp(28px,5vw,48px);font-weight:700;line-height:1.2}.hero-prompt .scramble-word{color:var(--accent);display:inline}.hero-sub{font-family:var(--font-display);color:var(--text-tertiary);letter-spacing:.02em;margin-top:24px;font-size:14px}.cursor-blink{background-color:var(--text-primary);vertical-align:text-bottom;width:2px;height:1em;margin-left:4px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.grid-section{max-width:1200px;margin:0 auto;padding:0 24px 80px}.brutalist-theme .card-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:640px){.brutalist-theme .card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.brutalist-theme .card-grid{grid-template-columns:repeat(3,1fr)}}.load-more{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-primary);border:2px solid var(--border);cursor:pointer;background-color:#0000;margin:48px auto 0;padding:14px 48px;font-size:14px;font-weight:700;transition:background-color .12s linear,color .12s linear;display:block}.load-more:hover{background-color:var(--surface-inverse);color:var(--text-inverse)}.card{border:2px solid var(--border);background-color:var(--surface-primary);cursor:pointer;opacity:0;box-shadow:none;color:inherit;border-radius:0;text-decoration:none;transition:background-color .2s linear,color .2s linear,border-color .2s linear,opacity .2s linear;display:block;overflow:hidden}.card.card--visible{opacity:1}.card:hover{background-color:var(--surface-inverse);color:var(--text-inverse);border-color:var(--surface-inverse);box-shadow:none;transform:none}.card:hover .card-image{opacity:.6}.card:hover .card-title,.card:hover .card-description,.card:hover .card-meta,.card:hover .card-meta span{color:var(--text-inverse)}.card:hover .card-category,.card:hover .card-trending{color:var(--text-inverse);border-color:var(--text-inverse)}.card-image{aspect-ratio:16/10;border-radius:0;width:100%;transition:opacity .2s linear;position:relative;overflow:hidden}.card-image--ai{background:linear-gradient(#7c6bf033 0% 50%,#7c6bf011 50% 100%)}.card-image--hardware{background:linear-gradient(#e8572a33 0% 50%,#e8572a11 50% 100%)}.card-image--software{background:linear-gradient(#2a9d8f33 0% 50%,#2a9d8f11 50% 100%)}.card-image--design{background:linear-gradient(#e09f3e33 0% 50%,#e09f3e11 50% 100%)}.card-image--science{background:linear-gradient(#457b9d33 0% 50%,#457b9d11 50% 100%)}.card-image--culture{background:linear-gradient(#c97b8433 0% 50%,#c97b8411 50% 100%)}.card-image-real{object-fit:cover;width:100%;height:100%;display:block}.card-body{padding:20px}.card-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.card-category{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--border);color:var(--text-primary);padding:4px 10px;font-size:10px;font-weight:700;transition:color .2s linear,border-color .2s linear}.card-trending{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border:2px solid var(--accent);padding:4px 8px;font-size:10px;font-weight:700;transition:color .2s linear,border-color .2s linear}.card-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.3;transition:color .2s linear}.card-description{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.6;transition:color .2s linear}.card-meta{font-family:var(--font-display);color:var(--text-tertiary);align-items:center;gap:12px;font-size:11px;transition:color .2s linear;display:flex}.card-meta span{transition:color .2s linear}.card-meta-divider{background-color:var(--text-tertiary);border-radius:0;width:4px;height:4px}.card-read{font-family:var(--font-display);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-top:14px;font-size:11px;font-weight:700;text-decoration:none;transition:color .2s linear;display:inline-block}.card-read:hover{color:var(--accent-hover)}.card:hover .card-read{color:var(--text-inverse)}.footer{background-color:var(--surface-inverse);color:var(--text-inverse);border-top:2px solid var(--border);padding:48px 24px}.footer-inner{flex-direction:column;gap:16px;max-width:1200px;margin:0 auto;display:flex}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-logo{font-family:var(--font-display);color:var(--text-inverse);font-size:16px;font-weight:700}.footer-text{font-family:var(--font-display);color:var(--text-inverse);opacity:.6;font-size:12px}.footer-links{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.footer-separator{font-family:var(--font-display);color:var(--text-inverse);opacity:.3;font-size:12px}.footer-link{font-family:var(--font-display);color:var(--text-inverse);opacity:.6;font-size:12px;text-decoration:none;transition:opacity .2s linear}.footer-link:hover{opacity:1}.mobile-filters{gap:4px;max-width:1200px;margin:0 auto;padding:16px 20px;display:none;overflow-x:auto}.mobile-filter{font-family:var(--font-display);color:var(--text-tertiary);cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:2px solid #0000;align-items:center;min-height:44px;padding:8px 14px;font-size:11px;font-weight:400;transition:color .2s linear,border-color .2s linear,background-color .2s linear;display:flex}.mobile-filter:hover{color:var(--text-primary);border-color:var(--border)}.mobile-filter.active{color:var(--text-primary);border-color:var(--border);background-color:var(--surface-secondary)}.card.card--hidden{display:none}.no-results{text-align:center;font-family:var(--font-display);color:var(--text-tertiary);letter-spacing:.02em;grid-column:1/-1;padding:80px 24px;font-size:14px}.article-hero{border-bottom:2px solid var(--border);max-width:760px;margin:0 auto;padding:100px 24px 48px}.article-category-badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;font-size:12px;font-weight:700;display:inline-block}.article-category-badge--ai{color:var(--category-ai)}.article-category-badge--hardware{color:var(--category-hardware)}.article-category-badge--software{color:var(--category-software)}.article-category-badge--design{color:var(--category-design)}.article-category-badge--science{color:var(--category-science)}.article-category-badge--culture{color:var(--category-culture)}.article-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:24px;font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.25}.article-meta{font-family:var(--font-body);color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:0;font-size:14px;line-height:1.6;display:flex}.article-meta-separator{color:var(--text-tertiary);font-family:var(--font-display);opacity:.5;margin:0 10px;font-size:12px}.article-meta-item{white-space:nowrap}.article-meta-trending{font-family:var(--font-display);color:var(--accent);border:2px solid var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-left:12px;padding:2px 8px;font-size:11px;font-weight:700}.card-play-overlay{background:#0000004d;justify-content:center;align-items:center;transition:background .2s linear;display:flex;position:absolute;inset:0}.card:hover .card-play-overlay{background:#00000080}.card-play-icon{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);width:48px;height:48px}.video-embed-wrapper{aspect-ratio:16/9;border-bottom:2px solid var(--border);max-width:760px;margin:0 auto;position:relative}.video-embed{border:none;width:100%;height:100%;position:absolute;inset:0}.article-hero-image{border-bottom:2px solid var(--border);max-width:760px;margin:0 auto}.article-hero-image img{filter:grayscale(20%)contrast(105%);width:100%;display:block}.article-body{max-width:680px;margin:0 auto;padding:48px 24px 80px}.ai-byline{border-bottom:1px solid var(--surface-tertiary);margin-bottom:32px;padding-bottom:20px}.ai-byline-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);cursor:help;border-bottom:1px dashed var(--text-tertiary);padding-bottom:1px;font-size:11px;font-weight:700}.ai-byline-label:hover{color:var(--accent);border-bottom-color:var(--accent)}.article-paragraph{font-family:var(--font-body);color:var(--text-primary);border-left:2px solid var(--surface-tertiary);margin-bottom:24px;padding-left:20px;font-size:18px;line-height:1.7;transition:border-color .2s linear}.article-paragraph:last-child{margin-bottom:0}.article-paragraph:hover{border-left-color:var(--accent)}.article-source-link{font-family:var(--font-display);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--accent);margin-top:32px;padding:12px 24px;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .2s linear,color .2s linear;display:inline-block}.article-source-link:hover{background-color:var(--accent);color:#fff}.bottom-nav{border-top:2px solid var(--border);max-width:100%;display:flex}.bottom-nav-link{flex-direction:column;flex:1;justify-content:center;min-height:100px;padding:32px 24px;text-decoration:none;transition:background-color .2s linear,color .2s linear;display:flex}.bottom-nav-link:hover{background-color:var(--surface-inverse)}.bottom-nav-link:hover .bottom-nav-label,.bottom-nav-link:hover .bottom-nav-title{color:var(--text-inverse)}.bottom-nav-link--prev{border-right:1px solid var(--border);align-items:flex-start}.bottom-nav-link--next{border-left:1px solid var(--border);text-align:right;align-items:flex-end}.bottom-nav-label{font-family:var(--font-display);color:var(--text-tertiary);letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:400;transition:color .2s linear}.bottom-nav-title{font-family:var(--font-body);color:var(--text-primary);font-size:16px;font-weight:500;line-height:1.4;transition:color .2s linear}.bottom-nav-placeholder{flex:1;min-height:100px;padding:32px 24px}.bottom-nav-placeholder--prev{border-right:1px solid var(--border)}.bottom-nav-placeholder--next{border-left:1px solid var(--border)}.not-found{text-align:center;max-width:680px;margin:0 auto;padding:160px 24px 80px}.not-found-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:16px;font-size:24px;font-weight:700}.not-found-text{font-family:var(--font-display);color:var(--text-tertiary);margin-bottom:32px;font-size:14px}.not-found-link{font-family:var(--font-display);color:var(--accent);border:2px solid var(--accent);padding:12px 24px;font-size:13px;text-decoration:none;transition:background-color .2s linear,color .2s linear;display:inline-block}.not-found-link:hover{background-color:var(--accent);color:#fff}.bsod-overlay{z-index:99999;background:navy;justify-content:center;align-items:center;padding:48px 24px;display:none;position:fixed;inset:0}.bsod-overlay.active{display:flex}.bsod-content{width:100%;max-width:640px;font-family:var(--font-vt323),"VT323",monospace;color:#fff;letter-spacing:.5px;font-size:18px;line-height:1.8}.bsod-content .bsod-title{margin-bottom:24px;font-size:22px;font-weight:700;display:block}.bsod-content .bsod-line{opacity:0;margin-bottom:4px;transition:opacity .15s linear;display:block}.bsod-content .bsod-line.visible{opacity:1}.bsod-progress-bar{border:2px solid #fff;width:260px;height:20px;margin-top:12px;display:inline-block;position:relative;overflow:hidden}.bsod-progress-fill{background:#fff;width:0%;height:100%;transition:width 1.5s linear}@keyframes screen-flicker{0%{opacity:1}10%{opacity:.1}20%{opacity:1}30%{opacity:.1}40%{opacity:1}50%{opacity:.05}60%{opacity:1}to{opacity:1}}.flickering{animation:.4s linear screen-flicker}.category-hero{text-align:center;border-bottom:2px solid var(--border);max-width:760px;margin:0 auto;padding:120px 24px 48px}.category-hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin:16px 0 12px;font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.25}.category-hero-description{font-family:var(--font-body);color:var(--text-secondary);max-width:560px;margin:0 auto 12px;font-size:15px;line-height:1.6}.category-hero-count{font-family:var(--font-display);color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;font-size:12px}@media (max-width:768px){.category-hero{padding:100px 20px 36px}}.related-section{border-top:2px solid var(--border);max-width:1200px;margin:0 auto;padding:48px 24px}.related-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:24px;font-size:14px;font-weight:700}.related-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.related-card{border:2px solid var(--border);color:inherit;flex-direction:column;gap:8px;padding:20px;text-decoration:none;transition:background-color .2s linear,color .2s linear,border-color .2s linear;display:flex}.related-card:hover{background-color:var(--surface-inverse);color:var(--text-inverse);border-color:var(--surface-inverse)}.related-card:hover .related-card-title,.related-card:hover .related-card-meta,.related-card:hover .related-card-meta span{color:var(--text-inverse)}.related-card:hover .related-card-category{color:var(--text-inverse);border-color:var(--text-inverse)}.related-card-category{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--border);color:var(--text-primary);align-self:flex-start;padding:3px 8px;font-size:10px;font-weight:700;transition:color .2s linear,border-color .2s linear;display:inline-block}.related-card-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:16px;font-weight:700;line-height:1.3;transition:color .2s linear}.related-card-meta{font-family:var(--font-display);color:var(--text-tertiary);align-items:center;gap:8px;margin-top:auto;font-size:11px;transition:color .2s linear;display:flex}.related-card-meta span{transition:color .2s linear}.related-card-meta-divider{background-color:var(--text-tertiary);border-radius:0;width:4px;height:4px}@media (max-width:1024px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.related-grid{grid-template-columns:1fr}.related-section{padding:36px 20px}}.editorial-note{border-left:3px solid var(--accent);background-color:var(--accent-subtle);opacity:0;margin:40px 0;padding:24px 28px;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(16px)}.editorial-note--visible{opacity:1;transform:translateY(0)}.editorial-note-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.18em;color:var(--accent);min-height:1.2em;margin-bottom:12px;font-size:11px;font-weight:500;display:block}.editorial-note-cursor{background-color:var(--accent);vertical-align:text-bottom;width:1.5px;height:.9em;margin-left:1px;animation:.6s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.editorial-note-text{font-family:var(--font-body);color:var(--text-primary);font-size:15px;line-height:1.7}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card{opacity:1}.editorial-note{opacity:1;transform:none}.scroll-progress{display:none}}@media (max-width:768px){.nav-filters{display:none}.hero{padding:120px 20px 60px}.grid-section{padding:0 20px 60px}.footer-inner{text-align:center;flex-direction:column}.mobile-filters{padding-bottom:8px;display:flex}.article-hero{padding:88px 20px 36px}.article-body{padding:36px 20px 60px}.article-paragraph{padding-left:16px;font-size:16px}.bottom-nav{flex-direction:column}.bottom-nav-link--prev{border-right:none;border-bottom:1px solid var(--border)}.bottom-nav-link--next{border-left:none;border-top:1px solid var(--border);text-align:left;align-items:flex-start}.bottom-nav-placeholder--prev{border-right:none;border-bottom:1px solid var(--border)}.bottom-nav-placeholder--next{border-left:none;border-top:1px solid var(--border)}.nav{padding:0 16px}.nav-left{gap:16px}}.static-page{max-width:680px;font-family:var(--font-body);color:var(--text-primary);margin:0 auto;padding:80px 24px 120px}.static-page-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 48px;font-size:28px;font-weight:700}.static-page-section{margin-bottom:40px}.static-page-section h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 12px;font-size:14px;font-weight:700}.static-page-section p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.7}.static-page-link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.static-page-link:hover{color:var(--accent-hover)}