/* GENERATO da scripts/build-season-themes.php (autumn) — non modificare a mano. */
html[data-season="autumn"]{--black: #06060c;--surface: #0c0d17;--surface-raised: #14152a;--white: #e8e8f0;--white-dim: #a2a2c0;--brand: #ffa630;--brand-dim: #ff960a;--brand-subtle: rgba(255, 166, 48, 0.08);--brand-glow: rgba(255, 166, 48, 0.25);--accent: #e0533d;--accent-dim: #da5540;--accent-subtle: rgba(224, 83, 61, 0.08);--accent-glow: rgba(224, 83, 61, 0.25);--trend: #f97316;--trend-dim: #ea580c;--trend-subtle: rgba(249, 115, 22, 0.08);--success: #22c55e;--gradient-brand: linear-gradient(135deg, #ffa630, #eb8600);--gradient-bg: linear-gradient(180deg, #06060c 0%, #090915 50%, #0b0b1a 100%);--glass-bg: rgba(12, 13, 23, 0.75);--glass-border: rgba(255, 255, 255, 0.06);--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);--shadow-md: 0 8px 32px rgba(0, 0, 0, 0.35);--shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.45);--shadow-brand: 0 12px 32px rgba(255, 166, 48, 0.15)}
html[data-season="autumn"] body{background-color: var(--black);background-image: var(--gradient-bg);color: var(--white)}
html[data-season="autumn"] .card-image::after{background: linear-gradient(to top, rgba(6, 6, 12, 0.5) 0%, transparent 45%)}
html[data-season="autumn"] .skeleton{background: linear-gradient(
90deg,
var(--surface) 25%,
rgba(255, 166, 48, 0.05) 50%,
var(--surface) 75%
)}
html[data-season="autumn"] .badge-accent{background: var(--accent-subtle);color: var(--accent)}
html[data-season="autumn"] .search-input:focus{border-color: var(--brand) !important;box-shadow: 0 0 0 3px var(--brand-subtle), 0 0 20px rgba(255, 166, 48, 0.08) !important}
html[data-season="autumn"] .site-footer::before{background: radial-gradient(ellipse 600px 400px at 10% 80%, rgba(255, 166, 48, 0.03) 0%, transparent 60%),
radial-gradient(ellipse 500px 500px at 90% 20%, rgba(224, 83, 61, 0.03) 0%, transparent 60%)}
@media (min-width: 769px){
html[data-season="autumn"] body::after{background-image: var(--gradient-bg)}
}
html[data-season="autumn"] body::before{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-season="autumn"] ::selection{background: var(--brand);color: var(--black)}
html[data-season="autumn"] ::-webkit-scrollbar-track{background: var(--black)}
html[data-season="autumn"] ::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.08)}
@media (hover: hover){
html[data-season="autumn"] ::-webkit-scrollbar-thumb:hover{background: rgba(255, 255, 255, 0.15)}
}
html[data-season="autumn"] a{color: var(--brand);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] a:hover{color: var(--brand-dim)}
}
html[data-season="autumn"] :focus-visible{outline: none;box-shadow: var(--focus-ring)}
html[data-season="autumn"] .sr-only{border: 0}
html[data-season="autumn"] .sr-only-focusable:focus{background: var(--black);color: var(--white);text-decoration: none;border: 1px solid var(--brand);box-shadow: var(--focus-ring)}
html[data-season="autumn"] .noise-overlay{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-season="autumn"] .section-header::before{background: radial-gradient(ellipse, var(--brand-subtle) 0%, transparent 70%)}
html[data-season="autumn"] .section-label{color: var(--brand)}
html[data-season="autumn"] .section-label::after{background: linear-gradient(90deg, transparent, var(--brand), transparent)}
html[data-season="autumn"] .section-label::before{background: var(--brand);box-shadow: 0 0 8px var(--brand-glow), 0 0 20px rgba(255, 166, 48, 0.15)}
html[data-season="autumn"] .section-desc{color: var(--white-dim)}
html[data-season="autumn"] .btn{border: none}
html[data-season="autumn"] .btn-primary{background: var(--gradient-brand);color: var(--black)}
@media (hover: hover){
html[data-season="autumn"] .btn-primary:hover{box-shadow: var(--shadow-brand), 0 0 30px rgba(255, 166, 48, 0.12)}
}
html[data-season="autumn"] .btn-outline{background: transparent;color: var(--white);border: 1px solid rgba(255, 255, 255, 0.12)}
@media (hover: hover){
html[data-season="autumn"] .btn-outline:hover{border-color: var(--brand);color: var(--brand);background: rgba(255, 166, 48, 0.04);box-shadow: 0 0 24px rgba(255, 166, 48, 0.06)}
}
html[data-season="autumn"] .btn-ghost{background: transparent;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .btn-ghost:hover{color: var(--white);background: rgba(255, 255, 255, 0.05)}
}
html[data-season="autumn"] .card{background: var(--surface);box-shadow: var(--shadow-sm)}
@media (hover: hover){
html[data-season="autumn"] .card:hover{box-shadow: var(--shadow-lg), 0 0 0 1px rgba(255, 166, 48, 0.06)}
}
html[data-season="autumn"] .card-image{background: linear-gradient(
90deg,
var(--surface-raised) 25%,
rgba(255, 166, 48, 0.04) 50%,
var(--surface-raised) 75%
)}
html[data-season="autumn"] .card-meta{color: var(--white-dim)}
html[data-season="autumn"] .card-views .card-trend{color: var(--trend)}
html[data-season="autumn"] .card-reading-time{color: var(--white-dim)}
html[data-season="autumn"] .card-category{background: var(--brand-subtle);color: var(--brand)}
html[data-season="autumn"] .card-title a{color: var(--white)}
@media (hover: hover){
html[data-season="autumn"] .card-title a:hover{color: var(--brand)}
}
html[data-season="autumn"] .card-desc{color: var(--white-dim)}
html[data-season="autumn"] .social-widget{background: var(--glass-bg);border: 1px solid var(--glass-border);box-shadow: 0 12px 48px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 166, 48, 0.06)}
html[data-season="autumn"] .social-widget-close{border: none;background: rgba(255, 255, 255, 0.04);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .social-widget-close:hover{background: rgba(255, 255, 255, 0.1);color: var(--white)}
}
html[data-season="autumn"] .social-widget-icon{color: var(--brand)}
html[data-season="autumn"] .social-widget-title{color: var(--white)}
html[data-season="autumn"] .social-widget-btn{color: #ffffff;text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .social-widget-btn:hover{box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);color: #ffffff}
}
html[data-season="autumn"] .social-widget-btn--telegram{background: #fc9000}
html[data-season="autumn"] .social-widget-btn--bluesky{background: #ffa732}
html[data-season="autumn"] .social-widget-btn--linkedin{background: #f08e0c}
html[data-season="autumn"] .cookie-banner-content{background: #0f1119;border: 1px solid rgba(255, 255, 255, 0.06);box-shadow: 0 -8px 40px #0009,0 0 0 1px rgba(255, 255, 255, 0.031)}
html[data-season="autumn"] .cookie-banner-title{color: var(--white)}
html[data-season="autumn"] .cookie-banner-desc{color: var(--white-dim)}
html[data-season="autumn"] .cookie-banner-link{color: var(--brand);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .cookie-banner-link:hover{text-decoration: underline}
}
html[data-season="autumn"] .cookie-btn{border: none}
html[data-season="autumn"] .cookie-btn-primary{background: var(--gradient-brand);color: var(--white)}
@media(hover:hover){
html[data-season="autumn"] .cookie-btn-primary:hover{box-shadow: 0 4px 20px rgba(255, 166, 48, 0.349)}
}
html[data-season="autumn"] .cookie-btn-secondary{background: rgba(255, 255, 255, 0.059);color: var(--white);border: 1px solid rgba(255, 255, 255, 0.08)}
@media (hover: hover){
html[data-season="autumn"] .cookie-btn-secondary:hover{background: rgba(255, 255, 255, 0.102)}
}
html[data-season="autumn"] .cookie-btn-outline{background: transparent;color: var(--white-dim);border: 1px solid rgba(255, 255, 255, 0.15)}
@media (hover: hover){
html[data-season="autumn"] .cookie-btn-outline:hover{border-color: var(--brand);color: var(--brand)}
}
html[data-season="autumn"] .cookie-settings-overlay{background: rgba(0, 0, 0, 0.702)}
html[data-season="autumn"] .cookie-settings-content{background: #0f1119;border: 1px solid rgba(255, 255, 255, 0.08)}
html[data-season="autumn"] .cookie-settings-close{background: none;border: none;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .cookie-settings-close:hover{background: rgba(255, 255, 255, 0.059);color: var(--white)}
}
html[data-season="autumn"] .cookie-settings-title{color: var(--white)}
html[data-season="autumn"] .cookie-settings-desc{color: var(--white-dim)}
html[data-season="autumn"] .cookie-category{background: rgba(255, 255, 255, 0.031);border: 1px solid rgba(255, 255, 255, 0.05)}
html[data-season="autumn"] .cookie-category-name{color: var(--white)}
html[data-season="autumn"] .cookie-category-desc{color: var(--white-dim)}
html[data-season="autumn"] .cookie-always-active{color: #22c55e;background: rgba(34, 197, 94, 0.102)}
html[data-season="autumn"] .cookie-slider{background: rgba(255, 255, 255, 0.102)}
html[data-season="autumn"] .cookie-slider:before{background: var(--white)}
html[data-season="autumn"] .cookie-switch-input:checked+.cookie-slider{background: var(--gradient-brand)}
html[data-season="autumn"] .back-to-top{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.1);color: var(--white-dim);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.302)}
@media(hover:hover){
html[data-season="autumn"] .back-to-top:hover{color: var(--brand);border-color: var(--brand);background: var(--brand-subtle);box-shadow: 0 8px 32px rgba(255, 166, 48, 0.149)}
}
html[data-season="autumn"] .search-trigger{background: none;border: 1px solid rgba(255, 255, 255, 0.08);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .search-trigger:hover{color: var(--brand);border-color: rgba(255, 166, 48, 0.302);background: rgba(255, 166, 48, 0.039)}
}
html[data-season="autumn"] .search-overlay{background: rgba(6, 6, 12, 0.851)}
html[data-season="autumn"] .search-input-wrap{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.1)}
html[data-season="autumn"] .search-input-wrap:focus-within{border-color: var(--brand)}
html[data-season="autumn"] .search-modal-icon{color: var(--white-dim)}
html[data-season="autumn"] .search-input-wrap .search-input{background: none;border: none;outline: none;color: var(--white)}
html[data-season="autumn"] .search-input-wrap .search-input::placeholder{color: var(--white-dim)}
html[data-season="autumn"] .search-close{background: none;border: none;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .search-close:hover{color: var(--white);background: rgba(255, 255, 255, 0.059)}
}
html[data-season="autumn"] [data-search-results]{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] [data-search-results] .search-result-item{text-decoration: none;border-bottom: 1px solid rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] [data-search-results] .search-result-item:last-child{border-bottom: none}
@media (hover: hover){
html[data-season="autumn"] [data-search-results] .search-result-item:hover{background: rgba(255, 255, 255, 0.039)}
}
html[data-season="autumn"] [data-search-results] .search-result-title{color: var(--white)}
html[data-season="autumn"] [data-search-results] .search-result-excerpt{color: var(--white-dim)}
html[data-season="autumn"] [data-search-empty]{color: var(--white-dim)}
html[data-season="autumn"] .site-footer{background: var(--black);border-top: 1px solid rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] .footer-logo{color: var(--white);text-decoration: none}
html[data-season="autumn"] .footer-desc{color: var(--white-dim)}
html[data-season="autumn"] .social-link{border: 1px solid rgba(255, 255, 255, 0.08);color: var(--white-dim)}
@media(hover:hover){
html[data-season="autumn"] .social-link:hover{color: var(--brand);border-color: rgba(255, 166, 48, 0.302);background: rgba(255, 166, 48, 0.039)}
}
html[data-season="autumn"] .footer-heading{color: var(--white)}
html[data-season="autumn"] .footer-link{color: var(--white-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .footer-link:hover{color: var(--brand)}
}
html[data-season="autumn"] .footer-rss:before{background: #f26522}
html[data-season="autumn"] .channel-link{background: rgba(255, 166, 48, 0.059);border: 1px solid rgba(255, 166, 48, 0.15);color: var(--white-dim);text-decoration: none}
@media(hover:hover){
html[data-season="autumn"] .channel-link:hover{color: var(--brand);border-color: rgba(255, 166, 48, 0.302);background: rgba(255, 166, 48, 0.102)}
}
html[data-season="autumn"] .footer-bottom{border-top: 1px solid rgba(255, 255, 255, 0.04);color: var(--white-dim)}
html[data-season="autumn"] .footer-bottom-link{color: var(--white-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .footer-bottom-link:hover{color: var(--brand)}
}
html[data-season="autumn"] .cookie-manage-btn{background: none;border: 1px solid rgba(255, 255, 255, 0.1);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .cookie-manage-btn:hover{border-color: var(--brand);color: var(--brand);background: rgba(255, 166, 48, 0.039)}
}
@media(min-width:821px){
html[data-season="autumn"] .social-share-inner .social-share-btn{color: var(--white-dim);background: transparent}
@media (hover: hover){
html[data-season="autumn"] .social-share-inner .social-share-btn:hover{color: var(--brand);background: rgba(255, 166, 48, 0.078)}
}
html[data-season="autumn"] .social-share-inner .social-share-btn svg{fill: currentColor}
}
@media(max-width:820px){
html[data-season="autumn"] .social-share{background: rgba(10, 10, 14, 0.922);border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .social-share-inner .social-share-btn{color: var(--white-dim);background: transparent}
@media (hover: hover){
html[data-season="autumn"] .social-share-inner .social-share-btn:hover{color: var(--brand);background: rgba(255, 166, 48, 0.102)}
}
html[data-season="autumn"] .social-share-inner .social-share-btn svg{fill: currentColor}
}
html[data-season="autumn"] .breadcrumbs{color: var(--white-dim)}
html[data-season="autumn"] .breadcrumbs a{color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .breadcrumbs a:hover{color: var(--brand)}
}
html[data-season="autumn"] .article-meta{color: var(--white-dim)}
html[data-season="autumn"] .card-reading-time{color: var(--white-dim)}
html[data-season="autumn"] .article-sources{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .article-sources-label{color: var(--white-dim)}
html[data-season="autumn"] .article-sources-text{color: var(--white-dim)}
html[data-season="autumn"] .article-sources-sep{color: rgba(255, 255, 255, 0.149)}
html[data-season="autumn"] .article-sources-link{color: var(--brand);text-decoration: underline;text-decoration-color: rgba(255, 166, 48, 0.349)}
@media (hover: hover){
html[data-season="autumn"] .article-sources-link:hover{color: var(--white);text-decoration-color: var(--white)}
}
html[data-season="autumn"] .article-sources-name{color: var(--white-dim)}
html[data-season="autumn"] .post-updated{background: var(--accent-subtle);color: var(--accent)}
html[data-season="autumn"] .article-title{color: var(--white)}
html[data-season="autumn"] .article-subtitle{color: var(--white-dim);border-left: 3px solid var(--brand)}
html[data-season="autumn"] .article-cover{border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .cover-credit{color: rgba(255, 255, 255, 0.549)}
html[data-season="autumn"] .post-content{color: rgba(255, 255, 255, 0.78)}
html[data-season="autumn"] .post-content h2{color: var(--white)}
html[data-season="autumn"] .post-content h3{color: var(--white)}
html[data-season="autumn"] .post-content strong{color: var(--white)}
html[data-season="autumn"] .post-content a{color: var(--brand);text-decoration: underline;text-decoration-color: rgba(255, 166, 48, 0.302)}
@media (hover: hover){
html[data-season="autumn"] .post-content a:hover{text-decoration-color: var(--brand)}
}
html[data-season="autumn"] .post-content blockquote{border-left: 3px solid var(--brand);background: var(--surface);color: var(--white-dim)}
html[data-season="autumn"] .post-content pre{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .post-content code{background: rgba(255, 255, 255, 0.059)}
html[data-season="autumn"] .post-content pre code{background: none}
html[data-season="autumn"] .post-content hr{border: none;border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .related-posts{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .related-title{color: var(--white)}
html[data-season="autumn"] .related-card{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .related-card:hover{background: var(--accent-subtle);border-color: rgba(224, 83, 61, 0.2)}
}
html[data-season="autumn"] .related-card-title{color: var(--white)}
html[data-season="autumn"] .related-card-date{color: var(--white-dim)}
html[data-season="autumn"] .article-nav{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .article-nav-back{color: var(--brand-dim)}
@media (hover: hover){
html[data-season="autumn"] .article-nav-back:hover{color: var(--brand)}
}
html[data-season="autumn"] .article-nav-link{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .article-nav-link:hover{background: var(--accent-subtle);border-color: rgba(224, 83, 61, 0.2)}
}
html[data-season="autumn"] .article-nav-direction{color: var(--brand)}
@media (hover: hover){
html[data-season="autumn"] .article-nav-link:hover .article-nav-direction{color: var(--brand)}
}
html[data-season="autumn"] .article-nav-title{color: var(--white)}
html[data-season="autumn"] .comment-disclaimer{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.05);color: var(--white-dim)}
html[data-season="autumn"] .comment-disclaimer a{color: var(--brand);text-decoration: underline}
html[data-season="autumn"] .comment-ai-disclaimer{color: var(--white-dim)}
html[data-season="autumn"] .error-code{color: var(--brand)}
html[data-season="autumn"] .error-title{color: var(--white)}
html[data-season="autumn"] .error-desc{color: var(--white-dim)}
html[data-season="autumn"] .btn-secondary{background: rgba(255, 255, 255, 0.059);color: var(--white);border: 1px solid rgba(255, 255, 255, 0.12)}
@media (hover: hover){
html[data-season="autumn"] .btn-secondary:hover{background: rgba(255, 255, 255, 0.102);border-color: var(--brand);color: var(--brand)}
}
html[data-season="autumn"] .post-content .table-wrapper{border: 1px solid rgba(255, 255, 255, 0.08);background: var(--surface)}
html[data-season="autumn"] .post-content thead th{color: var(--brand);background: rgba(255, 166, 48, 0.06);border-bottom: 1px solid rgba(255, 166, 48, 0.2)}
html[data-season="autumn"] .post-content tbody td{color: rgba(255, 255, 255, 0.78);border-bottom: 1px solid rgba(255, 255, 255, 0.05)}
html[data-season="autumn"] .post-content tbody tr:last-child td{border-bottom: none}
html[data-season="autumn"] .post-content tbody tr:nth-child(even) td{background: rgba(255, 255, 255, 0.02)}
@media (hover: hover){
html[data-season="autumn"] .post-content tbody tr:hover td{background: rgba(255, 166, 48, 0.04)}
}
html[data-season="autumn"] .card-image:has(img[data-tint]){background: var(--surface-raised)}
@media (hover: hover) and (pointer: fine){
html[data-season="autumn"] .card::after, html[data-season="autumn"] .featured-card::after{background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 30%), rgba(255, 166, 48, 0.09), transparent 45%)}
}
html[data-season="autumn"] .read-progress--css{background: var(--gradient-brand)}
html[data-season="autumn"] [data-cat="ai"]{--cat: #00d4ff}
html[data-season="autumn"] [data-cat="tech"]{--cat: #e879f9}
html[data-season="autumn"] [data-cat="hardware"]{--cat: #ff8a1f}
html[data-season="autumn"] [data-cat="security"]{--cat: #ff3b3b}
html[data-season="autumn"] [data-cat="apple"]{--cat: #e8ecf2}
html[data-season="autumn"] [data-cat="gaming"]{--cat: #2ee66b}
html[data-season="autumn"] [data-cat="software"]{--cat: #9d6bff}
html[data-season="autumn"] [data-cat="science"]{--cat: #ffd23f}
html[data-season="autumn"] [data-cat="space"]{--cat: #5b8cff}
html[data-season="autumn"] [data-cat="geopolitics"]{--cat: #ff5fa2}
html[data-season="autumn"] [data-cat="business"]{--cat: #14d9b0}
html[data-season="autumn"] [data-cat="energy"]{--cat: #b5f23d}
html[data-season="autumn"] [data-cat="mobility"]{--cat: #d9b38c}
html[data-season="autumn"] [data-cat] .card-category, html[data-season="autumn"] .card-category[data-cat]{color: var(--cat);background: color-mix(in srgb, var(--cat) 13%, transparent)}
html[data-season="autumn"] .card[data-cat] .card-body, html[data-season="autumn"] .featured-card[data-cat] .featured-body{background: linear-gradient(90deg, var(--cat), transparent 65%) top left / 100% 2px no-repeat}
html[data-season="autumn"] .cat-pill[data-cat]:not([data-cat=""])::before{background: var(--cat)}
html[data-season="autumn"] .cat-pill.is-active[data-cat]:not([data-cat=""]){background: var(--cat);border-color: var(--cat)}
html[data-season="autumn"] .cat-pill.is-active[data-cat]:not([data-cat=""])::before{background: var(--black)}
html[data-season="autumn"] .news-page[data-cat] .page-header{background: radial-gradient(ellipse 55% 90% at 50% 0%, color-mix(in srgb, var(--cat) 11%, transparent), transparent 70%)}
html[data-season="autumn"] .news-page[data-cat] .page-title::after{background: linear-gradient(90deg, transparent, var(--cat), transparent)}
html[data-season="autumn"] .post-content p a:not(:has(img)), html[data-season="autumn"] .post-content li a:not(:has(img)){text-decoration: none;background-image: linear-gradient(var(--brand), var(--brand)), linear-gradient(rgba(255, 166, 48, 0.3), rgba(255, 166, 48, 0.3))}
html[data-season="autumn"] .lost-star-dot{background: #ffffff;box-shadow: 0 0 12px 4px rgba(255, 166, 48, 0.8), 0 0 40px 12px rgba(255, 166, 48, 0.35)}
html[data-season="autumn"] .lost-star-desc{color: var(--white-dim)}
html[data-season="autumn"] .lost-star-hint{color: var(--white-dim)}
html[data-season="autumn"] .lost-star-topics a{border: 1px solid rgba(255, 166, 48, 0.25);background: rgba(255, 166, 48, 0.06);color: var(--white)}
@media (hover: hover){
html[data-season="autumn"] .lost-star-topics a:hover{border-color: var(--brand);color: var(--brand)}
}
html[data-season="autumn"] .site-footer{background: var(--black);border-top: 1px solid rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] .site-footer::before{background: radial-gradient(ellipse 600px 400px at 10% 80%, rgba(255, 166, 48, 0.03) 0%, transparent 60%),
radial-gradient(ellipse 500px 500px at 90% 20%, rgba(224, 83, 61, 0.03) 0%, transparent 60%)}
html[data-season="autumn"] .footer-logo{color: var(--white);text-decoration: none}
html[data-season="autumn"] .footer-logo .logo-img{border: 1.5px solid rgba(255, 166, 48, 0.4)}
html[data-season="autumn"] .footer-desc{color: var(--white-dim)}
html[data-season="autumn"] .social-link{border: 1px solid rgba(255, 255, 255, 0.08);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .social-link:hover{color: var(--brand);border-color: rgba(255, 166, 48, 0.3);background: rgba(255, 166, 48, 0.04)}
}
html[data-season="autumn"] .footer-heading{color: var(--white)}
html[data-season="autumn"] .footer-link{color: var(--white-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .footer-link:hover{color: var(--brand)}
}
html[data-season="autumn"] .footer-rss::before{background: #f26522}
html[data-season="autumn"] .channel-link{background: rgba(255, 166, 48, 0.06);border: 1px solid rgba(255, 166, 48, 0.15);color: var(--white-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .channel-link:hover{color: var(--brand);border-color: rgba(255, 166, 48, 0.3);background: rgba(255, 166, 48, 0.1)}
}
html[data-season="autumn"] .footer-bottom{border-top: 1px solid rgba(255, 255, 255, 0.04);color: var(--white-dim)}
html[data-season="autumn"] .footer-bottom-link{color: var(--white-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .footer-bottom-link:hover{color: var(--brand)}
}
html[data-season="autumn"] .cookie-manage-btn{background: none;border: 1px solid rgba(255, 255, 255, 0.1);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .cookie-manage-btn:hover{border-color: var(--brand);color: var(--brand);background: rgba(255, 166, 48, 0.04)}
}
@media (min-width: 821px){
html[data-season="autumn"] .social-share-inner .social-share-btn{color: var(--white-dim);background: transparent}
@media (hover: hover){
html[data-season="autumn"] .social-share-inner .social-share-btn:hover{color: var(--brand);background: rgba(255, 166, 48, 0.08)}
}
html[data-season="autumn"] .social-share-inner .social-share-btn svg{fill: currentColor}
}
@media (max-width: 820px){
html[data-season="autumn"] .social-share{background: rgba(10, 10, 14, 0.92);border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .social-share-inner .social-share-btn{color: var(--white-dim);background: transparent}
@media (hover: hover){
html[data-season="autumn"] .social-share-inner .social-share-btn:hover{color: var(--brand);background: rgba(255, 166, 48, 0.1)}
}
html[data-season="autumn"] .social-share-inner .social-share-btn svg{fill: currentColor}
}
html[data-season="autumn"] .tts-label{color: var(--white-dim, #aaaaaa)}
html[data-season="autumn"] .tts-play, html[data-season="autumn"] .tts-stop{border: none;background: var(--brand, #ffa630);color: var(--black, #000000)}
html[data-season="autumn"] .tts-stop{background: transparent;border: 1px solid rgba(255, 255, 255, 0.2);color: var(--white-dim, #aaaaaa)}
@media (hover: hover){
html[data-season="autumn"] .tts-stop:hover{border-color: var(--brand, #ffa630);color: var(--brand, #ffa630)}
}
html[data-season="autumn"] .tts-play.playing{background: var(--white, #ffffff);color: #000000}
html[data-season="autumn"] .tts-track{background: rgba(255, 255, 255, 0.2)}
html[data-season="autumn"] .tts-bar{background: var(--brand, #ffa630)}
html[data-season="autumn"] .tts-speed, html[data-season="autumn"] .tts-voice{background: none;border: 1px solid rgba(255, 255, 255, 0.15);color: var(--white-dim, #aaaaaa)}
html[data-season="autumn"] .tts-voice option{color: #000000}
@media (hover: hover){
html[data-season="autumn"] .tts-speed:hover, html[data-season="autumn"] .tts-voice:hover{border-color: var(--brand, #ffa630);color: var(--brand, #ffa630)}
}
html[data-season="autumn"] .tts-current{background: rgba(255, 166, 48, 0.09);box-shadow: -0.5rem 0 0 rgba(255, 166, 48, 0.09), 0.5rem 0 0 rgba(255, 166, 48, 0.09)}
html[data-season="autumn"] .tts-reader[data-state="playing"], html[data-season="autumn"] .tts-reader[data-state="paused"]{background: #0b0d14;border: 1px solid rgba(255, 255, 255, 0.18);box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45)}
html[data-season="autumn"] h1.tts-current, html[data-season="autumn"] h2.tts-current{background: none;box-shadow: none}
html[data-season="autumn"] .back-to-top{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.1);color: var(--white-dim);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3)}
html[data-season="autumn"] .back-to-top-ring circle{fill: none}
@media (hover: hover){
html[data-season="autumn"] .back-to-top:hover{color: var(--brand);border-color: var(--brand);background: var(--brand-subtle);box-shadow: 0 8px 32px rgba(255, 166, 48, 0.15)}
}
html[data-season="autumn"] .cookie-banner-content{background: #0f1119;border: 1px solid rgba(255, 255, 255, 0.06);box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.03)}
html[data-season="autumn"] .cookie-banner-title{color: var(--white)}
html[data-season="autumn"] .cookie-banner-desc{color: var(--white-dim)}
html[data-season="autumn"] .cookie-banner-link{color: var(--brand);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .cookie-banner-link:hover{text-decoration: underline}
}
html[data-season="autumn"] .cookie-btn{border: none}
html[data-season="autumn"] .cookie-btn-primary{background: var(--gradient-brand);color: var(--white)}
@media (hover: hover){
html[data-season="autumn"] .cookie-btn-primary:hover{box-shadow: 0 4px 20px rgba(255, 166, 48, 0.35)}
}
html[data-season="autumn"] .cookie-btn-secondary{background: rgba(255, 255, 255, 0.06);color: var(--white);border: 1px solid rgba(255, 255, 255, 0.08)}
@media (hover: hover){
html[data-season="autumn"] .cookie-btn-secondary:hover{background: rgba(255, 255, 255, 0.1)}
}
html[data-season="autumn"] .cookie-btn-outline{background: transparent;color: var(--white-dim);border: 1px solid rgba(255, 255, 255, 0.15)}
@media (hover: hover){
html[data-season="autumn"] .cookie-btn-outline:hover{border-color: var(--brand);color: var(--brand)}
}
html[data-season="autumn"] .cookie-settings-overlay{background: rgba(0, 0, 0, 0.7)}
html[data-season="autumn"] .cookie-settings-content{background: #0f1119;border: 1px solid rgba(255, 255, 255, 0.08)}
html[data-season="autumn"] .cookie-settings-close{background: none;border: none;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .cookie-settings-close:hover{background: rgba(255, 255, 255, 0.06);color: var(--white)}
}
html[data-season="autumn"] .cookie-settings-title{color: var(--white)}
html[data-season="autumn"] .cookie-settings-desc{color: var(--white-dim)}
html[data-season="autumn"] .cookie-category{background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.05)}
html[data-season="autumn"] .cookie-category-name{color: var(--white)}
html[data-season="autumn"] .cookie-category-desc{color: var(--white-dim)}
html[data-season="autumn"] .cookie-always-active{color: #22c55e;background: rgba(34, 197, 94, 0.1)}
html[data-season="autumn"] .cookie-slider{background: rgba(255, 255, 255, 0.1)}
html[data-season="autumn"] .cookie-slider::before{background: var(--white)}
html[data-season="autumn"] .cookie-switch-input:checked + .cookie-slider{background: var(--gradient-brand)}
html[data-season="autumn"] .basket-add{background: rgba(6, 6, 12, 0.85);color: var(--white);border: 1px solid rgba(255, 255, 255, 0.18)}
@media (hover: hover){
html[data-season="autumn"] .basket-add:hover{background: var(--brand);color: var(--black)}
}
html[data-season="autumn"] .basket-add:focus-visible{box-shadow: var(--focus-ring);outline: none}
html[data-season="autumn"] .basket-add.is-on{background: var(--gradient-brand);color: var(--black);border-color: transparent}
html[data-season="autumn"] .basket-chip{background: var(--surface-raised);color: var(--white);border: 1px solid rgba(255, 166, 48, 0.35);box-shadow: var(--shadow-md)}
html[data-season="autumn"] .basket-chip-n{background: var(--brand);color: var(--black)}
html[data-season="autumn"] .basket-panel{background: var(--surface-raised);color: var(--white);border: 1px solid var(--glass-border);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5)}
html[data-season="autumn"] .basket-rm{background: none;border: 0;color: var(--white-dim)}
html[data-season="autumn"] .basket-x{background: rgba(255, 255, 255, 0.12);color: var(--white);border: 1px solid rgba(255, 255, 255, 0.35)}
@media (hover: hover){
html[data-season="autumn"] .basket-x:hover{background: var(--trend);border-color: transparent;color: var(--black)}
}
html[data-season="autumn"] .basket-x:focus-visible{box-shadow: var(--focus-ring);outline: none}
html[data-season="autumn"] .basket-list a{color: var(--white);text-decoration: none}
html[data-season="autumn"] .basket-empty{color: var(--white-dim)}
html[data-season="autumn"] .basket-fmt button, html[data-season="autumn"] .basket-clear, html[data-season="autumn"] .basket-copy, html[data-season="autumn"] .basket-listen{background: transparent;color: var(--white-dim);border: 1px solid var(--glass-border)}
html[data-season="autumn"] .basket-fmt button.is-on{color: var(--brand);border-color: var(--brand);background: var(--brand-subtle)}
html[data-season="autumn"] .basket-go{background: var(--gradient-brand);color: var(--black);border: 0}
html[data-season="autumn"] .basket-out:not(:empty){border-top: 1px solid var(--glass-border)}
html[data-season="autumn"] .basket-text hr{border: 0;border-top: 1px solid var(--glass-border)}
html[data-season="autumn"] .basket-text a{color: var(--brand)}
html[data-season="autumn"] .basket-busy{color: var(--white-dim)}
html[data-season="autumn"] .basket-err{color: var(--trend)}
html[data-season="autumn"] .fw-grip--tr{background: linear-gradient(225deg, transparent 50%, var(--white-dim) 50%, var(--white-dim) 58%, transparent 58%, transparent 70%, var(--white-dim) 70%, var(--white-dim) 78%, transparent 78%)}
html[data-season="autumn"] .fw-grip--br{background: linear-gradient(315deg, transparent 50%, var(--white-dim) 50%, var(--white-dim) 58%, transparent 58%, transparent 70%, var(--white-dim) 70%, var(--white-dim) 78%, transparent 78%)}
html[data-season="autumn"] .basket-spin{border: 2px solid var(--glass-border);border-top-color: var(--brand)}
html[data-season="autumn"] .radio-fab{background: var(--surface);color: var(--brand);border: 1px solid rgba(255, 166, 48, 0.35);box-shadow: var(--shadow-md)}
html[data-season="autumn"] .radio-fab:focus-visible{outline: 2px solid var(--brand)}
@media (hover: hover){
html[data-season="autumn"] .radio-fab:hover{border-color: var(--brand)}
}
html[data-season="autumn"] .radio-fab::before, html[data-season="autumn"] .radio-fab::after{border: 1px solid var(--brand)}
html[data-season="autumn"] .radio-fab.is-playing{box-shadow: var(--shadow-md), 0 0 14px rgba(255, 166, 48, 0.28)}
html[data-season="autumn"] .radio-fab-notes svg{color: var(--brand)}
html[data-season="autumn"] .radio-fab-notes svg:nth-child(2){color: var(--accent, var(--brand))}
html[data-season="autumn"]{--black: #06060c;--surface: #0c0d17;--surface-raised: #14152a;--white: #e8e8f0;--white-dim: #a2a2c0;--brand: #ffa630;--brand-dim: #ff960a;--brand-subtle: rgba(255, 166, 48, 0.08);--brand-glow: rgba(255, 166, 48, 0.25);--accent: #e0533d;--accent-dim: #da5540;--accent-subtle: rgba(224, 83, 61, 0.08);--accent-glow: rgba(224, 83, 61, 0.25);--trend: #f97316;--trend-dim: #ea580c;--trend-subtle: rgba(249, 115, 22, 0.08);--success: #22c55e;--gradient-brand: linear-gradient(135deg, #ffa630, #eb8600);--gradient-bg: linear-gradient(180deg, #06060c 0%, #090915 50%, #0b0b1a 100%);--glass-bg: rgba(12, 13, 23, 0.75);--glass-border: rgba(255, 255, 255, 0.06);--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);--shadow-md: 0 8px 32px rgba(0, 0, 0, 0.35);--shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.45);--shadow-brand: 0 12px 32px rgba(255, 166, 48, 0.15)}
html[data-season="autumn"] body{background-color: var(--black);background-image: var(--gradient-bg);color: var(--white)}
html[data-season="autumn"] body::before{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@media (min-width: 769px){
html[data-season="autumn"] body::after{background-image: var(--gradient-bg)}
}
html[data-season="autumn"] ::selection{background: var(--brand);color: var(--black)}
html[data-season="autumn"] ::-webkit-scrollbar-track{background: var(--black)}
html[data-season="autumn"] ::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.08)}
@media (hover: hover){
html[data-season="autumn"] ::-webkit-scrollbar-thumb:hover{background: rgba(255, 255, 255, 0.15)}
}
html[data-season="autumn"] a{color: var(--brand);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] a:hover{color: var(--brand-dim)}
}
html[data-season="autumn"] :focus-visible{outline: none;box-shadow: var(--focus-ring)}
html[data-season="autumn"] .sr-only{border: 0}
html[data-season="autumn"] .sr-only-focusable:focus{background: var(--black);color: var(--white);text-decoration: none;border: 1px solid var(--brand);box-shadow: var(--focus-ring)}
html[data-season="autumn"] .noise-overlay{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-season="autumn"] .site-header{background: var(--glass-bg);border-bottom: 1px solid var(--glass-border)}
html[data-season="autumn"] .logo{text-decoration: none;color: var(--white)}
html[data-season="autumn"] .logo-img{border: 1.5px solid rgba(255, 166, 48, 0.4)}
html[data-season="autumn"] .logo-text span{background: var(--gradient-brand);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}
html[data-season="autumn"] .nav-link{color: var(--white-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .nav-link:hover{color: var(--white);background: rgba(255, 255, 255, 0.04)}
}
html[data-season="autumn"] .nav-link.active{color: var(--white);background: rgba(255, 166, 48, 0.08)}
html[data-season="autumn"] .nav-link.active::after{background: var(--gradient-brand)}
html[data-season="autumn"] .lang-switch{color: var(--white-dim);text-decoration: none;border: 1px solid rgba(255, 255, 255, 0.08)}
@media (hover: hover){
html[data-season="autumn"] .lang-switch:hover{color: var(--brand);border-color: rgba(255, 166, 48, 0.3);background: rgba(255, 166, 48, 0.04)}
}
html[data-season="autumn"] .lang-flag{box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12)}
html[data-season="autumn"] .hamburger{background: none;border: 1px solid rgba(255, 255, 255, 0.08)}
html[data-season="autumn"] .hamburger-line{background: var(--white)}
@media (max-width: 768px){
html[data-season="autumn"] .mobile-backdrop{background: rgba(0, 0, 0, 0.6)}
html[data-season="autumn"] .mobile-panel{background: rgba(10, 10, 18, 0.96);box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.5)}
html[data-season="autumn"] .mobile-panel-label{color: var(--white-dim)}
html[data-season="autumn"] .mobile-close{border: none;background: rgba(255, 255, 255, 0.06);color: var(--white-dim)}
html[data-season="autumn"] .mobile-close:active{background: rgba(255, 166, 48, 0.12);color: var(--brand)}
html[data-season="autumn"] .mobile-link{color: var(--white);text-decoration: none}
html[data-season="autumn"] .mobile-link:active{background: rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] .mobile-link.active{color: var(--brand);background: rgba(255, 166, 48, 0.06)}
html[data-season="autumn"] .mobile-link-indicator{background: var(--brand);box-shadow: 0 0 8px var(--brand-glow)}
html[data-season="autumn"] .mobile-lang{color: var(--white-dim);text-decoration: none;border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .mobile-lang:active{color: var(--brand);border-color: rgba(255, 166, 48, 0.25);background: rgba(255, 166, 48, 0.04)}
html[data-season="autumn"] .mobile-social-link{color: var(--white-dim)}
html[data-season="autumn"] .mobile-social-link:active{color: var(--brand);background: rgba(255, 166, 48, 0.06)}
}
html[data-season="autumn"] .search-trigger{background: none;border: 1px solid rgba(255, 255, 255, 0.08);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .search-trigger:hover{color: var(--brand);border-color: rgba(255, 166, 48, 0.3);background: rgba(255, 166, 48, 0.04)}
}
html[data-season="autumn"] .search-overlay[role="search"]{background: rgba(6, 6, 12, 0.85)}
html[data-season="autumn"] .search-input-wrap{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.1)}
html[data-season="autumn"] .search-input-wrap:focus-within{border-color: var(--brand)}
html[data-season="autumn"] .search-modal-icon{color: var(--white-dim)}
html[data-season="autumn"] .search-input-wrap .search-input{background: none;border: none;outline: none;color: var(--white)}
html[data-season="autumn"] .search-input-wrap .search-input::placeholder{color: var(--white-dim)}
html[data-season="autumn"] .search-close{background: none;border: 1px solid rgba(255, 255, 255, 0.12);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .search-close:hover{color: var(--white);border-color: rgba(255, 255, 255, 0.3);background: rgba(255, 255, 255, 0.06)}
}
html[data-season="autumn"] .search-reset{background: none;border: none;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .search-reset:hover{color: var(--white);background: rgba(255, 255, 255, 0.08)}
}
html[data-season="autumn"] .search-help-btn{background: none;border: 1px solid rgba(255, 255, 255, 0.12);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .search-help-btn:hover{color: var(--brand);border-color: rgba(255, 166, 48, 0.3);background: rgba(255, 166, 48, 0.04)}
}
html[data-season="autumn"] .search-help-card{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.12);box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5)}
html[data-season="autumn"] .search-help-card::before{background: var(--surface);border-left: 1px solid rgba(255, 255, 255, 0.12);border-top: 1px solid rgba(255, 255, 255, 0.12)}
html[data-season="autumn"] .search-help-head h3{color: var(--white)}
html[data-season="autumn"] .search-help-close{background: none;border: none;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .search-help-close:hover{color: var(--white);background: rgba(255, 255, 255, 0.06)}
}
html[data-season="autumn"] .search-help-list li{color: var(--white-dim)}
html[data-season="autumn"] .search-help-list li::before{background: var(--brand)}
html[data-season="autumn"] .search-help-list li em{color: var(--brand);background: rgba(255, 166, 48, 0.08)}
html[data-season="autumn"] [data-search-results]{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] [data-search-results] .search-result-item{text-decoration: none;border-bottom: 1px solid rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] [data-search-results] .search-result-item:last-child{border-bottom: none}
@media (hover: hover){
html[data-season="autumn"] [data-search-results] .search-result-item:hover{background: rgba(255, 255, 255, 0.04)}
}
html[data-season="autumn"] [data-search-results] .search-result-title{color: var(--white)}
html[data-season="autumn"] [data-search-results] .search-result-excerpt{color: var(--white-dim)}
html[data-season="autumn"] [data-search-empty]{color: var(--white-dim)}
html[data-season="autumn"] .search-pag-btn{background: rgba(255, 255, 255, 0.06);border: 1px solid rgba(255, 255, 255, 0.1);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .search-pag-btn:hover:not(:disabled){background: rgba(255, 255, 255, 0.12);color: var(--white)}
}
html[data-season="autumn"] .search-pag-info{color: var(--white-dim)}
html[data-season="autumn"] .notif-badge{color: #f43f5e;text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9)}
html[data-season="autumn"] .notif-panel{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5)}
html[data-season="autumn"] .notif-panel-head{border-bottom: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .notif-panel-title{color: var(--white)}
html[data-season="autumn"] .notif-toggle{background: rgba(255, 166, 48, 0.08);border: 1px solid rgba(255, 166, 48, 0.25);color: var(--brand)}
@media (hover: hover){
html[data-season="autumn"] .notif-toggle:hover{background: rgba(255, 166, 48, 0.15)}
}
html[data-season="autumn"] .notif-toggle.is-on{background: rgba(34, 197, 94, 0.1);border-color: rgba(34, 197, 94, 0.3);color: #22c55e}
html[data-season="autumn"] .notif-empty{color: var(--white-dim)}
html[data-season="autumn"] .notif-session{text-decoration: none;border-bottom: 1px solid rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] .notif-session:last-child{border-bottom: none}
@media (hover: hover){
html[data-season="autumn"] .notif-session:hover{background: rgba(255, 255, 255, 0.04)}
}
html[data-season="autumn"] .notif-session-count{color: var(--brand)}
html[data-season="autumn"] .notif-session-titles{color: var(--white-dim)}
html[data-season="autumn"] .notif-session-title{color: var(--white-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .notif-session-title:hover{color: var(--brand)}
}
html[data-season="autumn"] .notif-session-more{color: var(--white-dim)}
html[data-season="autumn"] .notif-session-time{color: var(--white-dim)}
html[data-season="autumn"] .notif-ask{background: var(--surface);border: 1px solid var(--glass-border);box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);color: var(--white-dim)}
html[data-season="autumn"] .notif-ask-text a{color: var(--brand)}
html[data-season="autumn"] .notif-ask-yes{border: 1px solid var(--brand);background: var(--brand-subtle);color: var(--brand)}
html[data-season="autumn"] .notif-ask-no{border: 0;background: none;color: var(--white-dim)}
html[data-season="autumn"] .notif-consent{border-bottom: 1px solid rgba(255, 255, 255, 0.06);color: var(--white-dim)}
html[data-season="autumn"] .notif-consent a{color: var(--brand)}
html[data-season="autumn"] .notif-panel-foot{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .notif-foot-link{color: var(--white-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .notif-foot-link:hover{color: var(--brand)}
}
html[data-season="autumn"] .notif-foot-sep{color: var(--white-dim)}
html[data-season="autumn"] .src-stack{color: var(--white-dim)}
html[data-season="autumn"] .src-icons > img, html[data-season="autumn"] .src-icons > .src-initial{border: 2px solid var(--surface, #0f1119);background: #ffffff}
html[data-season="autumn"] .src-initial{background: #2a2f45;color: #ffffff}
html[data-season="autumn"] .src-const polyline{fill: none;stroke: var(--brand)}
html[data-season="autumn"] .src-const circle{fill: var(--brand)}
html[data-season="autumn"] .follow-btn{border: 1px solid rgba(255, 166, 48, 0.4);background: rgba(255, 166, 48, 0.06);color: var(--brand)}
html[data-season="autumn"] .follow-btn.is-on{background: var(--gradient-brand);color: var(--black);border-color: transparent}
html[data-season="autumn"] .follow-btn--star{border: 0;background: none;color: var(--white-dim)}
html[data-season="autumn"] .follow-btn--star.is-on{background: none;color: #ffc940}
html[data-season="autumn"] .foryou-topic{color: var(--brand);text-decoration: none}
html[data-season="autumn"] .foryou-empty{color: var(--white-dim)}
html[data-season="autumn"] .notif-filter{color: var(--white-dim);border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .search-result-kind{color: var(--brand)}
html[data-season="autumn"] .search-result-ai .search-result-kind{background: var(--gradient-brand);color: var(--black)}
html[data-season="autumn"] .theme-toggle{border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.03);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .theme-toggle:hover{color: var(--white)}
}
html[data-season="autumn"] .badge-new{background: rgba(34, 197, 94, 0.14);color: #34d17a}
html[data-season="autumn"] .ai-stat-block{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .ai-stat-label{color: var(--white-dim)}
html[data-season="autumn"] .ai-stat-value{color: var(--white)}
html[data-season="autumn"] .ai-stat-source{color: var(--white-dim)}
html[data-season="autumn"] .ai-stat-source a{color: var(--brand-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .ai-stat-source a:hover{text-decoration: underline}
}
html[data-season="autumn"] .expert-quote{border-left: 3px solid var(--accent);background: rgba(255, 255, 255, 0.02)}
html[data-season="autumn"] .expert-quote p{color: var(--white)}
html[data-season="autumn"] .expert-quote-footer{color: var(--white-dim)}
html[data-season="autumn"] .expert-quote-footer a{color: var(--brand-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .expert-quote-footer a:hover{text-decoration: underline}
}
html[data-season="autumn"] .breadcrumbs{color: var(--white-dim)}
html[data-season="autumn"] .breadcrumbs a{color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .breadcrumbs a:hover{color: var(--brand)}
}
html[data-season="autumn"] .article-meta{color: var(--white-dim)}
html[data-season="autumn"] .card-reading-time{color: var(--white-dim)}
html[data-season="autumn"] .article-sources{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .article-sources-label{color: var(--white-dim)}
html[data-season="autumn"] .article-sources-text{color: var(--white-dim)}
html[data-season="autumn"] .article-sources-sep{color: rgba(255, 255, 255, 0.15)}
html[data-season="autumn"] .article-sources-link{color: var(--brand);text-decoration: underline;text-decoration-color: rgba(255, 166, 48, 0.35)}
@media (hover: hover){
html[data-season="autumn"] .article-sources-link:hover{color: var(--white);text-decoration-color: var(--white)}
}
html[data-season="autumn"] .article-sources-name{color: var(--white-dim)}
html[data-season="autumn"] .post-updated{background: var(--accent-subtle);color: var(--accent)}
html[data-season="autumn"] .article-title{color: var(--white)}
html[data-season="autumn"] .article-subtitle{color: var(--white-dim);border-left: 3px solid var(--brand)}
html[data-season="autumn"] .article-cover{border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .cover-credit{color: rgba(255, 255, 255, 0.55)}
html[data-season="autumn"] .post-content > p:has(> picture) + p em{color: rgba(255, 255, 255, 0.55)}
html[data-season="autumn"] .post-content{color: rgba(255, 255, 255, 0.78)}
html[data-season="autumn"] .post-content h2{color: var(--white)}
html[data-season="autumn"] .post-content h3{color: var(--white)}
html[data-season="autumn"] .post-content strong{color: var(--white)}
html[data-season="autumn"] .post-content a{color: var(--brand);text-decoration: underline;text-decoration-color: rgba(255, 166, 48, 0.3)}
@media (hover: hover){
html[data-season="autumn"] .post-content a:hover{text-decoration-color: var(--brand)}
}
html[data-season="autumn"] .post-content blockquote{border-left: 3px solid var(--brand);background: var(--surface);color: var(--white-dim)}
html[data-season="autumn"] .post-content pre{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .post-content code{background: rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .post-content pre code{background: none}
html[data-season="autumn"] .post-content hr{border: none;border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .related-posts{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .related-title{color: var(--white)}
html[data-season="autumn"] .related-card{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .related-card:hover{background: var(--accent-subtle);border-color: rgba(224, 83, 61, 0.2)}
}
html[data-season="autumn"] .related-card-title{color: var(--white)}
html[data-season="autumn"] .related-card-date{color: var(--white-dim)}
html[data-season="autumn"] .article-nav{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .article-nav-back{color: var(--brand-dim)}
@media (hover: hover){
html[data-season="autumn"] .article-nav-back:hover{color: var(--brand)}
}
html[data-season="autumn"] .article-nav-link{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .article-nav-link:hover{background: var(--accent-subtle);border-color: rgba(224, 83, 61, 0.2)}
}
html[data-season="autumn"] .article-nav-direction{color: var(--brand)}
@media (hover: hover){
html[data-season="autumn"] .article-nav-link:hover .article-nav-direction{color: var(--brand)}
}
html[data-season="autumn"] .article-nav-title{color: var(--white)}
html[data-season="autumn"] .article-footer-note{color: var(--white-dim);background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .comments-delimiter{border: none;border-top: 1px solid rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] .comments-toggle{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);color: var(--white)}
@media (hover: hover){
html[data-season="autumn"] .comments-toggle:hover{background: var(--accent-subtle);border-color: rgba(224, 83, 61, 0.2)}
}
html[data-season="autumn"] .comments-toggle-icon{color: var(--brand)}
html[data-season="autumn"] .comments-toggle-count{color: var(--white-dim)}
html[data-season="autumn"] .comments-toggle-arrow{color: var(--white-dim)}
html[data-season="autumn"] .comment-item{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .comment-nickname{color: var(--brand)}
html[data-season="autumn"] .comment-time{color: var(--white-dim)}
html[data-season="autumn"] .comment-body{color: rgba(255, 255, 255, 0.8)}
html[data-season="autumn"] .comments-empty{color: var(--white-dim)}
html[data-season="autumn"] .comment-input, html[data-season="autumn"] .comment-textarea{background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.08);color: var(--white);outline: none}
html[data-season="autumn"] .comment-input:focus, html[data-season="autumn"] .comment-textarea:focus{border-color: var(--brand);background: rgba(255, 166, 48, 0.04)}
html[data-season="autumn"] .comment-remember{color: var(--white-dim)}
html[data-season="autumn"] .comment-remember input[type="checkbox"]{accent-color: var(--brand)}
html[data-season="autumn"] .comment-gdpr{color: var(--white-dim)}
html[data-season="autumn"] .comment-feedback.comment-feedback-success{background: rgba(34, 197, 94, 0.1);border: 1px solid rgba(34, 197, 94, 0.2);color: #22c55e}
html[data-season="autumn"] .comment-feedback.comment-feedback-error{background: rgba(239, 68, 68, 0.1);border: 1px solid rgba(239, 68, 68, 0.2);color: #ef4444}
html[data-season="autumn"] .comment-feedback.comment-feedback-warning{background: rgba(234, 179, 8, 0.1);border: 1px solid rgba(234, 179, 8, 0.2);color: #eab308}
html[data-season="autumn"] .comments-sort-label{color: var(--white-dim)}
html[data-season="autumn"] .comments-sort-btn{background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.06);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .comments-sort-btn:hover{border-color: rgba(224, 83, 61, 0.3);color: var(--white)}
}
html[data-season="autumn"] .comments-sort-btn.active{background: rgba(224, 83, 61, 0.1);border-color: var(--brand);color: var(--brand)}
html[data-season="autumn"] .comment-reply-btn{background: none;border: none;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .comment-reply-btn:hover{color: var(--brand)}
}
html[data-season="autumn"] .comment-reply-form{border-left: 2px solid rgba(224, 83, 61, 0.15)}
html[data-season="autumn"] .comment-reply-cancel{background: none;border: 1px solid rgba(255, 255, 255, 0.08);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .comment-reply-cancel:hover{border-color: rgba(255, 255, 255, 0.15);color: var(--white)}
}
html[data-season="autumn"] .comment-replies{border-left: 2px solid rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] .comment-replies .comment-item{background: rgba(255, 255, 255, 0.015);border-color: rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] .comment-depth-end{color: var(--white-dim)}
html[data-season="autumn"] .comments-load-more{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .comments-load-more:hover{background: var(--accent-subtle);border-color: rgba(224, 83, 61, 0.2);color: var(--white)}
}
html[data-season="autumn"] .breadcrumbs{color: var(--white-dim)}
html[data-season="autumn"] .breadcrumbs a{color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .breadcrumbs a:hover{color: var(--brand)}
}
html[data-season="autumn"] .article-meta{color: var(--white-dim)}
html[data-season="autumn"] .card-reading-time{color: var(--white-dim)}
html[data-season="autumn"] .article-sources{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .article-sources-label{color: var(--white-dim)}
html[data-season="autumn"] .article-sources-text{color: var(--white-dim)}
html[data-season="autumn"] .article-sources-sep{color: rgba(255, 255, 255, 0.15)}
html[data-season="autumn"] .article-sources-link{color: var(--brand);text-decoration: underline;text-decoration-color: rgba(255, 166, 48, 0.35)}
@media (hover: hover){
html[data-season="autumn"] .article-sources-link:hover{color: var(--white);text-decoration-color: var(--white)}
}
html[data-season="autumn"] .article-sources-name{color: var(--white-dim)}
html[data-season="autumn"] .post-updated{background: var(--accent-subtle);color: var(--accent)}
html[data-season="autumn"] .article-title{color: var(--white)}
html[data-season="autumn"] .article-subtitle{color: var(--white-dim);border-left: 3px solid var(--brand)}
html[data-season="autumn"] .article-cover{border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .cover-credit{color: rgba(255, 255, 255, 0.55)}
html[data-season="autumn"] .post-content > p:has(> picture) + p em{color: rgba(255, 255, 255, 0.55)}
html[data-season="autumn"] .post-content{color: rgba(255, 255, 255, 0.78)}
html[data-season="autumn"] .post-content h2{color: var(--white)}
html[data-season="autumn"] .post-content h3{color: var(--white)}
html[data-season="autumn"] .post-content strong{color: var(--white)}
html[data-season="autumn"] .post-content a{color: var(--brand);text-decoration: underline;text-decoration-color: rgba(255, 166, 48, 0.3)}
@media (hover: hover){
html[data-season="autumn"] .post-content a:hover{text-decoration-color: var(--brand)}
}
html[data-season="autumn"] .post-content blockquote{border-left: 3px solid var(--brand);background: var(--surface);color: var(--white-dim)}
html[data-season="autumn"] .post-content pre{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .post-content code{background: rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .post-content pre code{background: none}
html[data-season="autumn"] .post-content hr{border: none;border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .ai-stat-block{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .ai-stat-label{color: var(--white-dim)}
html[data-season="autumn"] .ai-stat-value{color: var(--white)}
html[data-season="autumn"] .ai-stat-source{color: var(--white-dim)}
html[data-season="autumn"] .ai-stat-source a{color: var(--brand-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .ai-stat-source a:hover{text-decoration: underline}
}
html[data-season="autumn"] .expert-quote{border-left: 3px solid var(--accent);background: rgba(255, 255, 255, 0.02)}
html[data-season="autumn"] .expert-quote p{color: var(--white)}
html[data-season="autumn"] .expert-quote-footer{color: var(--white-dim)}
html[data-season="autumn"] .expert-quote-footer a{color: var(--brand-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .expert-quote-footer a:hover{text-decoration: underline}
}
html[data-season="autumn"] .related-posts{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .related-title{color: var(--white)}
html[data-season="autumn"] .related-card{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .related-card:hover{background: var(--accent-subtle);border-color: rgba(224, 83, 61, 0.2)}
}
html[data-season="autumn"] .related-card-title{color: var(--white)}
html[data-season="autumn"] .related-card-date{color: var(--white-dim)}
html[data-season="autumn"] .article-nav{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .article-nav-back{color: var(--brand-dim)}
@media (hover: hover){
html[data-season="autumn"] .article-nav-back:hover{color: var(--brand)}
}
html[data-season="autumn"] .article-nav-link{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .article-nav-link:hover{background: var(--accent-subtle);border-color: rgba(224, 83, 61, 0.2)}
}
html[data-season="autumn"] .article-nav-direction{color: var(--brand)}
@media (hover: hover){
html[data-season="autumn"] .article-nav-link:hover .article-nav-direction{color: var(--brand)}
}
html[data-season="autumn"] .article-nav-title{color: var(--white)}
html[data-season="autumn"] .article-footer-note{color: var(--white-dim);background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .comments-delimiter{border: none;border-top: 1px solid rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] .comments-toggle{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);color: var(--white)}
@media (hover: hover){
html[data-season="autumn"] .comments-toggle:hover{background: var(--accent-subtle);border-color: rgba(224, 83, 61, 0.2)}
}
html[data-season="autumn"] .comments-toggle-icon{color: var(--brand)}
html[data-season="autumn"] .comments-toggle-count{color: var(--white-dim)}
html[data-season="autumn"] .comments-toggle-arrow{color: var(--white-dim)}
html[data-season="autumn"] .comment-item{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .comment-nickname{color: var(--brand)}
html[data-season="autumn"] .comment-time{color: var(--white-dim)}
html[data-season="autumn"] .comment-body{color: rgba(255, 255, 255, 0.8)}
html[data-season="autumn"] .comments-empty{color: var(--white-dim)}
html[data-season="autumn"] .comment-input, html[data-season="autumn"] .comment-textarea{background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.08);color: var(--white);outline: none}
html[data-season="autumn"] .comment-input:focus, html[data-season="autumn"] .comment-textarea:focus{border-color: var(--brand);background: rgba(255, 166, 48, 0.04)}
html[data-season="autumn"] .comment-remember{color: var(--white-dim)}
html[data-season="autumn"] .comment-remember input[type="checkbox"]{accent-color: var(--brand)}
html[data-season="autumn"] .comment-gdpr{color: var(--white-dim)}
html[data-season="autumn"] .comment-feedback.comment-feedback-success{background: rgba(34, 197, 94, 0.1);border: 1px solid rgba(34, 197, 94, 0.2);color: #22c55e}
html[data-season="autumn"] .comment-feedback.comment-feedback-error{background: rgba(239, 68, 68, 0.1);border: 1px solid rgba(239, 68, 68, 0.2);color: #ef4444}
html[data-season="autumn"] .comment-feedback.comment-feedback-warning{background: rgba(234, 179, 8, 0.1);border: 1px solid rgba(234, 179, 8, 0.2);color: #eab308}
html[data-season="autumn"] .comments-sort-label{color: var(--white-dim)}
html[data-season="autumn"] .comments-sort-btn{background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.06);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .comments-sort-btn:hover{border-color: rgba(224, 83, 61, 0.3);color: var(--white)}
}
html[data-season="autumn"] .comments-sort-btn.active{background: rgba(224, 83, 61, 0.1);border-color: var(--brand);color: var(--brand)}
html[data-season="autumn"] .comment-reply-btn{background: none;border: none;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .comment-reply-btn:hover{color: var(--brand)}
}
html[data-season="autumn"] .comment-reply-form{border-left: 2px solid rgba(224, 83, 61, 0.15)}
html[data-season="autumn"] .comment-reply-cancel{background: none;border: 1px solid rgba(255, 255, 255, 0.08);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .comment-reply-cancel:hover{border-color: rgba(255, 255, 255, 0.15);color: var(--white)}
}
html[data-season="autumn"] .comment-replies{border-left: 2px solid rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] .comment-replies .comment-item{background: rgba(255, 255, 255, 0.015);border-color: rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] .comment-depth-end{color: var(--white-dim)}
html[data-season="autumn"] .comments-load-more{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .comments-load-more:hover{background: var(--accent-subtle);border-color: rgba(224, 83, 61, 0.2);color: var(--white)}
}
html[data-season="autumn"] .search-icon{color: var(--white-dim)}
html[data-season="autumn"] .search-input{background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.08);color: var(--white);outline: none}
html[data-season="autumn"] .search-input::placeholder{color: var(--white-dim)}
html[data-season="autumn"] .search-input:focus{border-color: rgba(255, 166, 48, 0.3);box-shadow: 0 0 0 3px rgba(255, 166, 48, 0.06)}
html[data-season="autumn"] .search-help-inline{background: none;border: 1px solid rgba(255, 255, 255, 0.12);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .search-help-inline:hover{color: var(--brand);border-color: rgba(255, 166, 48, 0.3);background: rgba(255, 166, 48, 0.04)}
}
html[data-season="autumn"] .search-reset-inline{background: none;border: none;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .search-reset-inline:hover{color: var(--white);background: rgba(255, 255, 255, 0.08)}
}
html[data-season="autumn"] .card-image-link{text-decoration: none}
html[data-season="autumn"] .card-image-placeholder{color: rgba(255, 255, 255, 0.08);background: var(--surface-raised)}
html[data-season="autumn"] .search-pag-info{color: var(--white-dim)}
html[data-season="autumn"] .empty-state{color: var(--white-dim)}
html[data-season="autumn"] .page-num{color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .page-num:hover{color: var(--white);background: rgba(255, 255, 255, 0.06)}
}
html[data-season="autumn"] .page-num.active{color: var(--white);background: var(--brand)}
html[data-season="autumn"] .card-trend{color: var(--brand)}
html[data-season="autumn"] .search-icon{color: var(--white-dim)}
html[data-season="autumn"] .search-input{background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.08);color: var(--white);outline: none}
html[data-season="autumn"] .search-input::placeholder{color: var(--white-dim)}
html[data-season="autumn"] .search-input:focus{border-color: rgba(255, 166, 48, 0.3);box-shadow: 0 0 0 3px rgba(255, 166, 48, 0.06)}
html[data-season="autumn"] .search-help-inline{background: none;border: 1px solid rgba(255, 255, 255, 0.12);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .search-help-inline:hover{color: var(--brand);border-color: rgba(255, 166, 48, 0.3);background: rgba(255, 166, 48, 0.04)}
}
html[data-season="autumn"] .search-reset-inline{background: none;border: none;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .search-reset-inline:hover{color: var(--white);background: rgba(255, 255, 255, 0.08)}
}
html[data-season="autumn"] .card-image-link{text-decoration: none}
html[data-season="autumn"] .search-pag-info{color: var(--white-dim)}
html[data-season="autumn"] .page-ellipsis{color: var(--white-dim)}
html[data-season="autumn"] .empty-state{color: var(--white-dim)}
html[data-season="autumn"] .page-num{color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .page-num:hover{color: var(--white);background: rgba(255, 255, 255, 0.06)}
}
html[data-season="autumn"] .page-num.active{color: var(--white);background: var(--brand)}
html[data-season="autumn"] .galaxy-stage{background: radial-gradient(ellipse 60% 50% at 50% 45%, rgba(255, 166, 48, 0.06), transparent 70%),
radial-gradient(ellipse 40% 40% at 20% 80%, rgba(224, 83, 61, 0.07), transparent 70%),
radial-gradient(ellipse 35% 30% at 85% 15%, rgba(244, 63, 94, 0.04), transparent 70%),
#05050b;border-bottom: 1px solid rgba(255, 255, 255, 0.05)}
html[data-season="autumn"] .galaxy-stage::before{background: radial-gradient(ellipse 75% 70% at 50% 45%, transparent 55%, rgba(0, 0, 0, 0.55))}
html[data-season="autumn"] .galaxy-stage::after{background: radial-gradient(circle at 50% 45%, rgba(255, 246, 235, 0.9), rgba(255, 166, 48, 0.25) 40%, transparent 75%)}
html[data-season="autumn"] .galaxy-label{color: rgba(232, 232, 240, 0.78);text-decoration: none;text-shadow: 0 0 6px rgba(6, 6, 12, 0.95), 0 0 14px rgba(6, 6, 12, 0.8)}
html[data-season="autumn"] .galaxy-label.is-hl{color: var(--brand);text-shadow: 0 0 10px rgba(255, 166, 48, 0.6), 0 0 6px rgba(6, 6, 12, 0.95)}
@media (hover: hover){
html[data-season="autumn"] .galaxy-label.is-on:hover{color: var(--brand);text-shadow: 0 0 10px rgba(255, 166, 48, 0.6), 0 0 6px rgba(6, 6, 12, 0.95)}
}
html[data-season="autumn"] .galaxy-label.is-followed::before{color: #facc15}
html[data-season="autumn"] .galaxy-intro h1{background: linear-gradient(100deg, #f4f4fb 0%, #f4f4fb 38%, #ffddaf 48%, #f09a8d 54%, #f4f4fb 64%, #f4f4fb 100%);-webkit-background-clip: text;background-clip: text;color: transparent}
html[data-season="autumn"] .galaxy-intro p{color: var(--white-dim);text-shadow: 0 0 8px var(--black)}
html[data-season="autumn"] .galaxy-hint kbd{border: 1px solid rgba(255, 255, 255, 0.25)}
html[data-season="autumn"] .galaxy-tip{background: rgba(12, 13, 23, 0.94);border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: var(--shadow-md), 0 0 24px rgba(255, 166, 48, 0.08)}
html[data-season="autumn"] .galaxy-tip strong{color: var(--white)}
html[data-season="autumn"] .galaxy-tip-cat{color: var(--c)}
html[data-season="autumn"] .galaxy-tip-meta{color: var(--white-dim)}
html[data-season="autumn"] .galaxy-controls{background: rgba(12, 13, 23, 0.82);border: 1px solid rgba(255, 255, 255, 0.08);box-shadow: 0 10px 40px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .galaxy-count{color: var(--brand)}
html[data-season="autumn"] .galaxy-count.is-zero{color: #f87171}
html[data-season="autumn"] .galaxy-search input{border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.04);color: var(--white)}
html[data-season="autumn"] .galaxy-search input:focus{outline: none;border-color: var(--brand)}
html[data-season="autumn"] .galaxy-btn{border: 1px solid rgba(255, 255, 255, 0.12);background: rgba(255, 255, 255, 0.04);color: var(--white)}
html[data-season="autumn"] .galaxy-tour[aria-pressed="true"]{border-color: var(--brand);color: var(--brand);box-shadow: 0 0 14px rgba(255, 166, 48, 0.45)}
html[data-season="autumn"] .galaxy-btn:focus-visible{border-color: var(--brand);color: var(--brand)}
@media (hover: hover){
html[data-season="autumn"] .galaxy-btn:hover{border-color: var(--brand);color: var(--brand)}
}
html[data-season="autumn"] .galaxy-play[aria-pressed="true"]{border-color: var(--brand);color: var(--brand)}
html[data-season="autumn"] .galaxy-range{background: transparent}
html[data-season="autumn"] .galaxy-range:focus{outline: none}
html[data-season="autumn"] .galaxy-range::-webkit-slider-runnable-track{background: linear-gradient(transparent calc(100% - 1px), rgba(255, 255, 255, 0.14) 0)}
html[data-season="autumn"] .galaxy-range::-moz-range-track{background: linear-gradient(transparent calc(100% - 1px), rgba(255, 255, 255, 0.14) 0)}
html[data-season="autumn"] .galaxy-range::-webkit-slider-thumb{background: var(--brand);box-shadow: 0 0 10px var(--brand), 0 0 3px #ffffff}
html[data-season="autumn"] .galaxy-range::-moz-range-thumb{border: 0;background: var(--brand);box-shadow: 0 0 10px var(--brand)}
html[data-season="autumn"] .galaxy-date{color: var(--white-dim)}
html[data-season="autumn"] .galaxy-cat{border: 1px solid rgba(255, 255, 255, 0.1);background: transparent;color: var(--white-dim)}
html[data-season="autumn"] .galaxy-cat::before{background: var(--c);box-shadow: 0 0 6px var(--c)}
html[data-season="autumn"] .galaxy-cat[aria-pressed="false"]::before{box-shadow: none}
@media (hover: hover){
html[data-season="autumn"] .galaxy-cat:hover{color: var(--white)}
}
html[data-season="autumn"] .galaxy-noscript, html[data-season="autumn"] .galaxy-stage.is-error::after{color: var(--white-dim)}
html[data-season="autumn"] .galaxy-stage.is-error::after{background: none}
html[data-season="autumn"] .galaxy-list > p{color: var(--white-dim)}
html[data-season="autumn"] .galaxy-list li a{border: 1px solid rgba(255, 255, 255, 0.1);color: var(--white);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .galaxy-list li a:hover{border-color: var(--brand);color: var(--brand)}
}
html[data-season="autumn"] .galaxy-list li span{color: var(--white-dim)}
html[data-season="autumn"] .galaxy-ring{border: 1.5px solid var(--brand);box-shadow: 0 0 12px rgba(255, 166, 48, 0.6)}
html[data-season="autumn"] .galaxy-card{background: linear-gradient(160deg, rgba(20, 22, 40, 0.92), rgba(9, 10, 20, 0.92));border: 1px solid rgba(255, 255, 255, 0.09);box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 166, 48, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .galaxy-card-x{border: 0;background: transparent;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .galaxy-card-x:hover{color: var(--white);background: rgba(255, 255, 255, 0.06)}
}
html[data-season="autumn"] .galaxy-card-title{color: var(--white);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .galaxy-card-title:hover{color: var(--brand)}
}
html[data-season="autumn"] .galaxy-chip{border: 1px solid rgba(255, 255, 255, 0.12);color: var(--white-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .galaxy-chip:hover{color: var(--brand);border-color: var(--brand)}
}
html[data-season="autumn"] .galaxy-card-open{background: linear-gradient(135deg, #ffa630, #ed6d59);color: #05050b;text-decoration: none;box-shadow: 0 0 18px rgba(255, 166, 48, 0.35)}
@media (hover: hover){
html[data-season="autumn"] .galaxy-card-open:hover{box-shadow: 0 0 28px rgba(255, 166, 48, 0.6)}
}
html[data-season="autumn"] .galaxy-card-h{color: var(--white-dim)}
html[data-season="autumn"] .galaxy-near button{border: 0;background: transparent;color: var(--white)}
html[data-season="autumn"] .galaxy-near button::before{background: var(--c);box-shadow: 0 0 8px var(--c)}
html[data-season="autumn"] .galaxy-near button:focus-visible{background: rgba(255, 255, 255, 0.05)}
@media (hover: hover){
html[data-season="autumn"] .galaxy-near button:hover{background: rgba(255, 255, 255, 0.05)}
}
html[data-season="autumn"] .galaxy-near small{color: var(--white-dim)}
html[data-season="autumn"] .galaxy-caption a{text-decoration: none}
html[data-season="autumn"] .galaxy-caption-k{color: var(--brand)}
html[data-season="autumn"] .galaxy-caption-t{color: var(--white);text-shadow: 0 0 24px rgba(255, 166, 48, 0.45), 0 0 8px rgba(6, 6, 12, 0.9)}
html[data-season="autumn"] .galaxy-caption-n{color: var(--white-dim);text-shadow: 0 0 8px var(--black)}
html[data-season="autumn"] .galaxy-caption-l{background: rgba(12, 13, 23, 0.75);border: 1px solid rgba(255, 255, 255, 0.08);color: var(--white)}
@media (hover: hover){
html[data-season="autumn"] .galaxy-caption-l:hover{color: var(--brand)}
}
html[data-season="autumn"] .galaxy-label--cat{color: var(--c);text-shadow: 0 0 14px color-mix(in srgb, var(--c) 55%, transparent), 0 0 4px rgba(6, 6, 12, 0.95), 0 0 10px rgba(6, 6, 12, 0.8)}
html[data-season="autumn"] .galaxy-label--cat.is-hl{color: var(--c);text-shadow: 0 0 18px var(--c), 0 0 4px rgba(6, 6, 12, 0.95)}
@media (hover: hover){
html[data-season="autumn"] .galaxy-label--cat.is-on:hover{color: var(--c);text-shadow: 0 0 18px var(--c), 0 0 4px rgba(6, 6, 12, 0.95)}
}
html[data-season="autumn"] .galaxy-3d[aria-pressed="true"]{border-color: var(--brand);color: #05050b;background: var(--brand);box-shadow: 0 0 16px rgba(255, 166, 48, 0.55)}
html[data-season="autumn"] .galaxy-lasso[aria-pressed="true"]{border-color: var(--brand);color: #05050b;background: var(--brand);box-shadow: 0 0 16px rgba(255, 166, 48, 0.55)}
html[data-season="autumn"] .galaxy-area-bar span{background: var(--c);box-shadow: 0 0 10px var(--c)}
html[data-season="autumn"] .galaxy-area-legend{color: var(--white-dim)}
html[data-season="autumn"] .galaxy-area-legend li::before{background: var(--c)}
html[data-season="autumn"] .galaxy-area-legend a{color: var(--white);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .galaxy-area-legend a:hover{color: var(--brand)}
}
html[data-season="autumn"] .masthead{border-bottom: 1px solid rgba(255, 255, 255, 0.05);background: radial-gradient(ellipse 720px 420px at 88% -10%, rgba(255, 166, 48, 0.07), transparent 65%),
radial-gradient(ellipse 560px 380px at 6% 115%, rgba(224, 83, 61, 0.05), transparent 65%)}
html[data-season="autumn"] .masthead-kicker{color: var(--brand)}
html[data-season="autumn"] .masthead-dot{background: var(--brand);box-shadow: 0 0 10px var(--brand-glow)}
html[data-season="autumn"] .masthead-title-accent{background: var(--gradient-brand);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}
html[data-season="autumn"] .masthead-tagline{color: var(--white-dim)}
html[data-season="autumn"] .masthead-updated{color: var(--white-dim)}
html[data-season="autumn"] .masthead-updated strong{color: var(--white)}
html[data-season="autumn"] .masthead-sep{color: var(--white-dim)}
html[data-season="autumn"] .masthead-audio{color: var(--brand)}
@media (hover: hover){
html[data-season="autumn"] .masthead-audio:hover{color: var(--white)}
}
html[data-season="autumn"] .home-section-desc{color: var(--white-dim)}
html[data-season="autumn"] .home-header-cta{color: var(--brand);border-bottom: 1px solid rgba(255, 166, 48, 0.25)}
@media (hover: hover){
html[data-season="autumn"] .home-header-cta:hover{color: var(--white);border-color: rgba(255, 255, 255, 0.35)}
}
html[data-season="autumn"] .featured-card{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.06)}
@media (hover: hover){
html[data-season="autumn"] .featured-card:hover{border-color: rgba(255, 166, 48, 0.2);box-shadow: 0 14px 44px rgba(0, 0, 0, 0.35)}
}
html[data-season="autumn"] .featured-media{background: var(--surface-raised)}
html[data-season="autumn"] .featured-badge{background: rgba(6, 6, 12, 0.75);border: 1px solid rgba(255, 166, 48, 0.35);color: var(--brand)}
html[data-season="autumn"] .featured-title a{color: var(--white)}
@media (hover: hover){
html[data-season="autumn"] .featured-title a:hover{color: var(--brand)}
}
html[data-season="autumn"] .featured-desc{color: var(--white-dim)}
html[data-season="autumn"] .featured-readmore{color: var(--black);background: var(--gradient-brand)}
@media (hover: hover){
html[data-season="autumn"] .featured-readmore:hover{box-shadow: var(--shadow-brand), 0 0 30px rgba(255, 166, 48, 0.12)}
}
html[data-season="autumn"] .latest-rail{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .latest-tabs{background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.08)}
html[data-season="autumn"] .latest-tab{border: 0;background: transparent;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .latest-tab:hover{color: var(--white)}
}
html[data-season="autumn"] .latest-tab[aria-selected="true"]{background: var(--gradient-brand);color: var(--black)}
html[data-season="autumn"] .latest-tab:focus-visible{outline: 2px solid var(--brand)}
html[data-season="autumn"] .latest-rank{color: var(--brand)}
html[data-season="autumn"] .latest-item{border-bottom: 1px solid rgba(255, 255, 255, 0.05)}
html[data-season="autumn"] .latest-item a{color: var(--white)}
html[data-season="autumn"] .latest-time{color: var(--white-dim)}
html[data-season="autumn"] .latest-item-title{color: var(--white)}
@media (hover: hover){
html[data-season="autumn"] .latest-item a:hover .latest-item-title{color: var(--brand)}
}
html[data-season="autumn"] .latest-more{color: var(--black);background: var(--gradient-brand)}
@media (hover: hover){
html[data-season="autumn"] .latest-more:hover{box-shadow: var(--shadow-brand), 0 0 30px rgba(255, 166, 48, 0.12)}
}
html[data-season="autumn"] .video-section{background: var(--surface)}
html[data-season="autumn"] .video-section::before{background: linear-gradient(90deg, transparent, var(--brand-subtle), transparent)}
html[data-season="autumn"] .video-facade{border: 1px solid rgba(255, 255, 255, 0.07);background: var(--black);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3)}
@media (hover: hover){
html[data-season="autumn"] .video-facade:hover{border-color: rgba(255, 166, 48, 0.25);box-shadow: 0 14px 48px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 166, 48, 0.07)}
}
html[data-season="autumn"] .video-facade:focus-visible{outline: none;box-shadow: var(--focus-ring)}
html[data-season="autumn"] .video-facade .video-thumb{background: var(--surface-raised)}
html[data-season="autumn"] .video-facade iframe{border: 0}
html[data-season="autumn"] .video-play{background: rgba(255, 0, 0, 0.85);color: #ffffff;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3)}
@media (hover: hover){
html[data-season="autumn"] .video-facade:hover .video-play, html[data-season="autumn"] .video-facade:focus-visible .video-play{background: #ff0000}
}
html[data-season="autumn"] .video-card-title{color: var(--white)}
html[data-season="autumn"] .video-article-link, html[data-season="autumn"] .video-yt-link{color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .video-article-link:hover, html[data-season="autumn"] .video-yt-link:hover{color: var(--brand)}
}
html[data-season="autumn"] .video-shorts-label{color: var(--white-dim)}
html[data-season="autumn"] .video-shorts-label::after{background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), transparent)}
html[data-season="autumn"] .short-card-title{color: var(--white-dim)}
html[data-season="autumn"] .card-image-placeholder{color: rgba(255, 255, 255, 0.08);background: var(--surface-raised)}
html[data-season="autumn"] .card-placeholder .card-title, html[data-season="autumn"] .card-placeholder .card-desc{color: var(--white-dim)}
html[data-season="autumn"] .ask{background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 0 0 0 rgba(255, 166, 48, 0)}
html[data-season="autumn"] .ask:focus-within{border-color: rgba(255, 166, 48, 0.55);background: rgba(255, 255, 255, 0.06);box-shadow: 0 0 0 4px rgba(255, 166, 48, 0.12), 0 12px 40px rgba(255, 166, 48, 0.08)}
html[data-season="autumn"] .ask-icon{color: var(--brand)}
html[data-season="autumn"] .ask input{background: transparent;border: 0;outline: 0;color: var(--white)}
html[data-season="autumn"] .ask input::placeholder{color: var(--white-dim)}
html[data-season="autumn"] .ask-kbd{color: var(--white-dim);border: 1px solid rgba(255, 255, 255, 0.12)}
html[data-season="autumn"] .ask-submit{border: 0;background: var(--gradient-brand);color: var(--black)}
html[data-season="autumn"] .ask-submit:focus-visible{outline: 2px solid var(--white)}
html[data-season="autumn"] .ask-mic{border: 1px solid transparent;background: transparent;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .ask-mic:hover{color: var(--brand);background: rgba(255, 166, 48, 0.08)}
}
html[data-season="autumn"] .ask-mic:focus-visible{outline: 2px solid var(--brand)}
html[data-season="autumn"] .ask-mic.is-listening{color: #ff4d6d;background: rgba(255, 77, 109, 0.12);border-color: rgba(255, 77, 109, 0.45)}
html[data-season="autumn"] .ask-suggest{background: #0f1119;border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5)}
html[data-season="autumn"] .ask-opt{color: var(--white);text-decoration: none;background: transparent;border: 0}
html[data-season="autumn"] .ask-opt[aria-selected="true"]{background: rgba(255, 166, 48, 0.08)}
@media (hover: hover){
html[data-season="autumn"] .ask-opt:hover{background: rgba(255, 166, 48, 0.08)}
}
html[data-season="autumn"] .ask-opt-kind{color: var(--brand)}
html[data-season="autumn"] .ask-opt--ai .ask-opt-kind{color: var(--black);background: var(--gradient-brand)}
html[data-season="autumn"] .ask-chip{border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.03);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .ask-chip:hover{color: var(--white);border-color: rgba(255, 166, 48, 0.35);background: rgba(255, 166, 48, 0.05)}
}
html[data-season="autumn"] .ask-panel{background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 166, 48, 0.25)}
html[data-season="autumn"] .ask-panel-q{color: var(--white)}
html[data-season="autumn"] .ask-panel-close{background: none;border: 0;color: var(--white-dim)}
html[data-season="autumn"] .ask-panel-body{color: var(--white-dim)}
html[data-season="autumn"] .ask-panel-body strong{color: var(--white)}
html[data-season="autumn"] .ask-panel-body a{color: var(--brand)}
html[data-season="autumn"] .ask-cite{color: var(--brand);text-decoration: none}
html[data-season="autumn"] .ask-panel-sources{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .ask-panel-sources a{color: var(--white);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .ask-panel-sources a:hover{color: var(--brand)}
}
html[data-season="autumn"] .ask-listen{border: 1px solid rgba(255, 255, 255, 0.14);background: transparent;color: var(--white)}
@media (hover: hover){
html[data-season="autumn"] .ask-listen:hover{border-color: rgba(255, 166, 48, 0.45);color: var(--brand)}
}
html[data-season="autumn"] .ask-listen.is-playing{border-color: rgba(255, 166, 48, 0.55);color: var(--brand);background: rgba(255, 166, 48, 0.08)}
html[data-season="autumn"] .ask-continue{background: none;border: 0;color: var(--brand)}
html[data-season="autumn"] .ask-panel-note{color: var(--white-dim)}
html[data-season="autumn"] .ask-panel-note a{color: inherit}
html[data-season="autumn"] .ask-loading span{background: var(--brand)}
html[data-season="autumn"] .briefing-date{color: var(--white-dim)}
html[data-season="autumn"] .briefing-play{border: 1px solid rgba(255, 166, 48, 0.35);background: rgba(255, 166, 48, 0.06);color: var(--brand)}
html[data-season="autumn"] .briefing-play.is-playing{background: var(--gradient-brand);color: var(--black);border-color: transparent}
html[data-season="autumn"] .briefing-item{border-bottom: 1px solid rgba(255, 255, 255, 0.05)}
html[data-season="autumn"] .briefing-item:last-child{border-bottom: 0}
html[data-season="autumn"] .briefing-headline{color: var(--white)}
html[data-season="autumn"] .briefing-why{color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .briefing-item a:hover .briefing-headline{color: var(--brand)}
}
html[data-season="autumn"] .ask input:focus, html[data-season="autumn"] .ask input:focus-visible{outline: none;box-shadow: none;border: 0}
html[data-season="autumn"] .mosaic-hot{background: radial-gradient(ellipse at 100% 0%, rgba(255, 166, 48, 0.12), transparent 60%), var(--surface);border: 1px solid rgba(255, 166, 48, 0.2)}
html[data-season="autumn"] .mosaic-hot-kicker{color: var(--brand)}
html[data-season="autumn"] .mosaic-hot-title a{color: var(--white);text-decoration: none}
html[data-season="autumn"] .mosaic-hot-list{border-left: 1px solid rgba(255, 255, 255, 0.12)}
html[data-season="autumn"] .mosaic-hot-list li::before{background: var(--brand)}
html[data-season="autumn"] .mosaic-hot-list time{color: var(--white-dim)}
html[data-season="autumn"] .mosaic-hot-list a{color: var(--white);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .mosaic-hot-list a:hover{color: var(--brand)}
}
html[data-season="autumn"] .mosaic-hot-more{color: var(--brand);text-decoration: none}
html[data-season="autumn"] .ask-voice{border: 1px solid rgba(255, 255, 255, 0.14);background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239aa0b5' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 0.6rem center;color: var(--white-dim)}
html[data-season="autumn"] .ask-voice:focus-visible{border-color: rgba(255, 166, 48, 0.45);color: var(--white);outline: none}
@media (hover: hover){
html[data-season="autumn"] .ask-voice:hover{border-color: rgba(255, 166, 48, 0.45);color: var(--white);outline: none}
}
html[data-season="autumn"] .ask-voice option{background: #0c0d17;color: #e8e8f0}
html[data-season="autumn"] .since-visit{border: 1px solid rgba(255, 255, 255, 0.08);border-left: 3px solid var(--brand);background: var(--surface)}
html[data-season="autumn"] .since-visit-head{color: var(--white-dim)}
html[data-season="autumn"] .since-visit-head strong{color: var(--white)}
html[data-season="autumn"] .since-visit-dot{background: var(--brand);box-shadow: 0 0 10px var(--brand-glow)}
html[data-season="autumn"] .since-visit-list a{color: var(--white);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .since-visit-list a:hover{color: var(--brand)}
}
html[data-season="autumn"] .since-visit-list a:focus-visible{color: var(--brand)}
html[data-season="autumn"] .since-visit-src{color: var(--white-dim)}
html[data-season="autumn"] .since-visit-close{border: 0;background: none;color: var(--white-dim)}
html[data-season="autumn"] .latest-list::before{background: linear-gradient(to bottom, rgba(255, 166, 48, 0.45), rgba(255, 166, 48, 0.08))}
html[data-season="autumn"] .latest-item a::before{background: var(--surface);box-shadow: 0 0 0 1px rgba(255, 166, 48, 0.6)}
html[data-season="autumn"] .latest-item a:focus-visible::before{background: var(--brand);box-shadow: 0 0 0 1px var(--brand), 0 0 8px var(--brand)}
@media (hover: hover){
html[data-season="autumn"] .latest-item a:hover::before{background: var(--brand);box-shadow: 0 0 0 1px var(--brand), 0 0 8px var(--brand)}
}
html[data-season="autumn"] .hww-stat{background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.07)}
html[data-season="autumn"] .hww-stat-value{color: var(--brand)}
html[data-season="autumn"] .hww-stat-label{color: var(--white-dim)}
html[data-season="autumn"] .hww-section{color: var(--white-dim)}
html[data-season="autumn"] .hww-section h2{color: var(--white)}
html[data-season="autumn"] .hww-section a{color: var(--brand);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .hww-section a:hover{text-decoration: underline}
}
html[data-season="autumn"] .hww-section strong{color: var(--white)}
html[data-season="autumn"] .hww-roles li{border-left: 3px solid var(--brand)}
html[data-season="autumn"] .hww-steps li::before{color: var(--black);background: var(--brand)}
html[data-season="autumn"] .hww-steps li:not(:last-child)::after{background: rgba(255, 255, 255, 0.1)}
html[data-season="autumn"] .hww-steps h3{color: var(--white)}
html[data-season="autumn"] .article-footer-note{color: var(--white-dim);background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .article-ai-disclaimer{color: var(--white-dim);background: rgba(255, 255, 255, 0.03);border-left: 3px solid var(--brand)}
html[data-season="autumn"] .article-author{color: var(--brand)}
html[data-season="autumn"] .breadcrumbs{color: var(--white-dim)}
html[data-season="autumn"] .breadcrumbs a{color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .breadcrumbs a:hover{color: var(--brand)}
}
html[data-season="autumn"] .article-meta{color: var(--white-dim)}
html[data-season="autumn"] .article-sources{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .article-sources-label{color: var(--white-dim)}
html[data-season="autumn"] .article-sources-text{color: var(--white-dim)}
html[data-season="autumn"] .article-sources-sep{color: rgba(255, 255, 255, 0.15)}
html[data-season="autumn"] .article-sources-link{color: var(--brand);text-decoration: underline;text-decoration-color: rgba(255, 166, 48, 0.35)}
@media (hover: hover){
html[data-season="autumn"] .article-sources-link:hover{color: var(--white);text-decoration-color: var(--white)}
}
html[data-season="autumn"] .article-sources-name{color: var(--white-dim)}
html[data-season="autumn"] .post-updated{background: var(--accent-subtle);color: var(--accent)}
html[data-season="autumn"] .article-title{color: var(--white)}
html[data-season="autumn"] .article-subtitle{color: var(--white-dim);border-left: 3px solid var(--brand)}
html[data-season="autumn"] .article-cover{border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .cover-credit{color: rgba(255, 255, 255, 0.55)}
html[data-season="autumn"] .post-content > p:has(> picture) + p em{color: rgba(255, 255, 255, 0.55)}
html[data-season="autumn"] .post-content{color: rgba(255, 255, 255, 0.78)}
html[data-season="autumn"] .post-content h2{color: var(--white)}
html[data-season="autumn"] .post-content h3{color: var(--white)}
html[data-season="autumn"] .post-content strong{color: var(--white)}
html[data-season="autumn"] .post-content a{color: var(--brand);text-decoration: underline;text-decoration-color: rgba(255, 166, 48, 0.3)}
@media (hover: hover){
html[data-season="autumn"] .post-content a:hover{text-decoration-color: var(--brand)}
}
html[data-season="autumn"] .post-content blockquote{border-left: 3px solid var(--brand);background: var(--surface);color: var(--white-dim)}
html[data-season="autumn"] .post-content pre{background: var(--surface);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .post-content code{background: rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .post-content pre code{background: none}
html[data-season="autumn"] .post-content hr{border: none;border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .ai-stat-block{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .ai-stat-label{color: var(--white-dim)}
html[data-season="autumn"] .ai-stat-value{color: var(--white)}
html[data-season="autumn"] .ai-stat-source{color: var(--white-dim)}
html[data-season="autumn"] .ai-stat-source a{color: var(--brand-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .ai-stat-source a:hover{text-decoration: underline}
}
html[data-season="autumn"] .expert-quote{border-left: 3px solid var(--accent);background: rgba(255, 255, 255, 0.02)}
html[data-season="autumn"] .expert-quote p{color: var(--white)}
html[data-season="autumn"] .expert-quote-footer{color: var(--white-dim)}
html[data-season="autumn"] .expert-quote-footer a{color: var(--brand-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .expert-quote-footer a:hover{text-decoration: underline}
}
html[data-season="autumn"] a.google-source-banner{--gsb-yellow: #fbbc05;border: 1.5px solid rgba(255, 166, 48, 0.35);background: linear-gradient(135deg, #10202b 0%, #0c161e 100%);box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.6), 0 0 0 4px rgba(255, 166, 48, 0.04);color: #fff6eb;text-decoration: none}
html[data-season="autumn"] a.google-source-banner::after{background: #0c161e;border-right: 1.5px solid rgba(255, 166, 48, 0.35);border-bottom: 1.5px solid rgba(255, 166, 48, 0.35)}
html[data-season="autumn"] .google-source-banner-shine::before{background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.12) 45%, rgba(255, 166, 48, 0.18) 55%, transparent)}
html[data-season="autumn"] .google-source-banner-kicker{background: var(--gsb-yellow);color: #1a1400;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.35)}
html[data-season="autumn"] .google-source-banner-badge{background: #ffffff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35)}
html[data-season="autumn"] .google-source-banner-star{fill: var(--gsb-yellow);stroke: #0c161e}
html[data-season="autumn"] .google-source-banner-badge i{background: var(--gsb-yellow)}
html[data-season="autumn"] .google-source-banner-sub{color: #e6d8c5}
html[data-season="autumn"] .google-source-banner-main{color: #ffffff}
html[data-season="autumn"] .google-source-banner-main > span{background: linear-gradient(transparent 60%, rgba(251, 188, 5, 0.32) 60%, rgba(251, 188, 5, 0.32) 92%, transparent 92%) no-repeat 0 0 / 100% 100%}
html[data-season="autumn"] .google-source-banner-cta{background: var(--brand);color: #00111a}
html[data-season="autumn"] .google-source-banner-cta svg{fill: none;stroke: currentColor}
@media (hover: hover){
html[data-season="autumn"] a.google-source-banner:hover{border-color: rgba(255, 166, 48, 0.8);box-shadow: 0 14px 34px -12px rgba(0, 0, 0, 0.65), 0 0 0 4px rgba(255, 166, 48, 0.1)}
html[data-season="autumn"] a.google-source-banner:hover::after{border-color: rgba(255, 166, 48, 0.8)}
html[data-season="autumn"] a.google-source-banner:hover .google-source-banner-cta{background: #ffce8c}
}
html[data-season="autumn"] a.google-source-banner:focus-visible{outline: 2px solid var(--brand)}
html[data-season="autumn"] .related-posts{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .related-title{color: var(--white)}
html[data-season="autumn"] .related-card{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .related-card:hover{background: var(--accent-subtle);border-color: rgba(224, 83, 61, 0.2)}
}
html[data-season="autumn"] .related-card-title{color: var(--white)}
html[data-season="autumn"] .related-card-date{color: var(--white-dim)}
html[data-season="autumn"] .article-nav{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .article-nav-back{color: var(--brand-dim)}
@media (hover: hover){
html[data-season="autumn"] .article-nav-back:hover{color: var(--brand)}
}
html[data-season="autumn"] .article-nav-link{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .article-nav-link:hover{background: var(--accent-subtle);border-color: rgba(224, 83, 61, 0.2)}
}
html[data-season="autumn"] .article-nav-direction{color: var(--brand)}
@media (hover: hover){
html[data-season="autumn"] .article-nav-link:hover .article-nav-direction{color: var(--brand)}
}
html[data-season="autumn"] .article-nav-title{color: var(--white)}
html[data-season="autumn"] .comments-delimiter{border: none;border-top: 1px solid rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] .comments-section{border-top: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .comments-toggle{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);color: var(--white)}
@media (hover: hover){
html[data-season="autumn"] .comments-toggle:hover{background: var(--accent-subtle);border-color: rgba(224, 83, 61, 0.2)}
}
html[data-season="autumn"] .comments-toggle-icon{color: var(--brand)}
html[data-season="autumn"] .comments-toggle-count{color: var(--white-dim)}
html[data-season="autumn"] .comments-toggle-arrow{color: var(--white-dim)}
html[data-season="autumn"] .comment-item{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06)}
html[data-season="autumn"] .comment-nickname{color: var(--brand)}
html[data-season="autumn"] .comment-time{color: var(--white-dim)}
html[data-season="autumn"] .comment-body{color: rgba(255, 255, 255, 0.8)}
html[data-season="autumn"] .comments-empty{color: var(--white-dim)}
html[data-season="autumn"] .comment-input, html[data-season="autumn"] .comment-textarea{background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.08);color: var(--white);outline: none}
html[data-season="autumn"] .comment-input:focus, html[data-season="autumn"] .comment-textarea:focus{border-color: var(--brand);background: rgba(255, 166, 48, 0.04)}
html[data-season="autumn"] .comment-remember{color: var(--white-dim)}
html[data-season="autumn"] .comment-remember input[type="checkbox"]{accent-color: var(--brand)}
html[data-season="autumn"] .comment-gdpr{color: var(--white-dim)}
html[data-season="autumn"] .comment-feedback.comment-feedback-success{background: rgba(34, 197, 94, 0.1);border: 1px solid rgba(34, 197, 94, 0.2);color: #22c55e}
html[data-season="autumn"] .comment-feedback.comment-feedback-error{background: rgba(239, 68, 68, 0.1);border: 1px solid rgba(239, 68, 68, 0.2);color: #ef4444}
html[data-season="autumn"] .comment-feedback.comment-feedback-warning{background: rgba(234, 179, 8, 0.1);border: 1px solid rgba(234, 179, 8, 0.2);color: #eab308}
html[data-season="autumn"] .comments-sort-label{color: var(--white-dim)}
html[data-season="autumn"] .comments-sort-btn{background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.06);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .comments-sort-btn:hover{border-color: rgba(224, 83, 61, 0.3);color: var(--white)}
}
html[data-season="autumn"] .comments-sort-btn.active{background: rgba(224, 83, 61, 0.1);border-color: var(--brand);color: var(--brand)}
html[data-season="autumn"] .comment-reply-btn{background: none;border: none;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .comment-reply-btn:hover{color: var(--brand)}
}
html[data-season="autumn"] .comment-reply-form{border-left: 2px solid rgba(224, 83, 61, 0.15)}
html[data-season="autumn"] .comment-reply-cancel{background: none;border: 1px solid rgba(255, 255, 255, 0.08);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .comment-reply-cancel:hover{border-color: rgba(255, 255, 255, 0.15);color: var(--white)}
}
html[data-season="autumn"] .comment-replies{border-left: 2px solid rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] .comment-replies .comment-item{background: rgba(255, 255, 255, 0.015);border-color: rgba(255, 255, 255, 0.04)}
html[data-season="autumn"] .comment-depth-end{color: var(--white-dim)}
html[data-season="autumn"] .comments-load-more{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .comments-load-more:hover{background: var(--accent-subtle);border-color: rgba(224, 83, 61, 0.2);color: var(--white)}
}
html[data-season="autumn"] .article-meta a.card-category{text-decoration: none}
html[data-season="autumn"] .article-keypoints{border-left: 3px solid var(--brand);color: var(--white-dim)}
html[data-season="autumn"] .article-keypoints li::before{background: var(--brand)}
html[data-season="autumn"] .article-synthesis{color: var(--white-dim)}
html[data-season="autumn"] .article-synthesis summary svg{color: var(--brand)}
html[data-season="autumn"] .article-synthesis summary a{color: var(--brand);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .article-synthesis summary a:hover{text-decoration: underline}
}
html[data-season="autumn"] .article-synthesis-toggle{color: var(--brand)}
html[data-season="autumn"] .article-timeline{border-left: 1px solid rgba(255, 255, 255, 0.12)}
html[data-season="autumn"] .article-timeline li::before{background: rgba(255, 255, 255, 0.3)}
html[data-season="autumn"] .article-timeline li.is-current::before{background: var(--brand)}
html[data-season="autumn"] .article-timeline a{color: var(--white);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .article-timeline a:hover{color: var(--brand)}
}
html[data-season="autumn"] .article-timeline li.is-current span{color: var(--white)}
html[data-season="autumn"] .article-topic{color: var(--brand);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .article-topic:hover{text-decoration: underline}
}
html[data-season="autumn"] .ai-disclaimer-link{color: var(--brand);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .ai-disclaimer-link:hover{text-decoration: underline}
}
html[data-season="autumn"] .read-modes{background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.08)}
html[data-season="autumn"] .read-mode{border: 0;background: transparent;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .read-mode:hover{color: var(--white)}
}
html[data-season="autumn"] .read-mode[aria-checked="true"]{background: var(--gradient-brand);color: var(--black)}
html[data-season="autumn"] .read-mode:focus-visible{outline: 2px solid var(--brand)}
html[data-season="autumn"] .quick-view{border: 1px solid rgba(255, 166, 48, 0.2);background: rgba(255, 166, 48, 0.03)}
html[data-season="autumn"] .quick-lead{color: var(--white-dim)}
html[data-season="autumn"] .quick-more{border: 0;background: none;color: var(--brand)}
html[data-season="autumn"] .article-day-link{color: inherit;text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .article-day-link:hover time{color: var(--brand)}
}
html[data-season="autumn"] .article-followups a{border: 1px solid rgba(255, 201, 64, 0.35);background: rgba(255, 201, 64, 0.06);text-decoration: none}
html[data-season="autumn"] .article-followups-kicker{color: #ffc940}
html[data-season="autumn"] .article-followups-title{color: var(--white)}
@media (hover: hover){
html[data-season="autumn"] .article-followups a:hover .article-followups-title{color: var(--brand)}
}
html[data-season="autumn"] .article-synthesis-diverge{color: #ffc940}
html[data-season="autumn"] .article-diverge-note{border-left: 3px solid #ffc940;background: rgba(255, 201, 64, 0.06);color: var(--white-dim)}
html[data-season="autumn"] .article-diverge-note strong{color: var(--white)}
html[data-season="autumn"] abbr.gloss{text-decoration: underline dotted rgba(255, 166, 48, 0.7)}
html[data-season="autumn"] abbr.gloss::after{background: #151827;border: 1px solid rgba(255, 166, 48, 0.35);color: var(--white);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45)}
html[data-season="autumn"] abbr.gloss:focus{outline: none;background: rgba(255, 166, 48, 0.1)}
html[data-season="autumn"] .read-progress{background: var(--gradient-brand)}
html[data-season="autumn"] .article-galaxy a{color: var(--white-dim);text-decoration: none;border-bottom: 1px dashed rgba(255, 255, 255, 0.2)}
html[data-season="autumn"] .article-galaxy a:focus-visible{color: var(--brand);border-bottom-color: var(--brand)}
@media (hover: hover){
html[data-season="autumn"] .article-galaxy a:hover{color: var(--brand);border-bottom-color: var(--brand)}
}
html[data-season="autumn"] .article-galaxy span{color: var(--brand)}
html[data-season="autumn"] .kp-src{background: rgba(255, 166, 48, 0.12);color: var(--brand);text-decoration: none}
html[data-season="autumn"] .kp-src:focus-visible{outline: 2px solid var(--brand)}
html[data-season="autumn"] .kp-src-num{background: rgba(255, 166, 48, 0.12);color: var(--brand)}
html[data-season="autumn"] .kp-src-num:target{background: var(--brand);color: var(--black, #000000)}
html[data-season="autumn"] .article-synthesis-origin.is-independent{color: #3ddc97}
html[data-season="autumn"] .article-synthesis-origin.is-single{color: var(--white-dim)}
html[data-season="autumn"] .article-origin-note, html[data-season="autumn"] .article-primary-source{color: var(--white-dim)}
html[data-season="autumn"] .article-origin-note strong, html[data-season="autumn"] .article-primary-source strong{color: var(--white)}
html[data-season="autumn"] .day-kicker{color: var(--brand)}
html[data-season="autumn"] .day-body h2 span{color: var(--white-dim)}
html[data-season="autumn"] .day-highlights{border: 1px solid rgba(255, 166, 48, 0.2);background: rgba(255, 166, 48, 0.03)}
html[data-season="autumn"] .day-highlights li::marker{color: var(--brand)}
html[data-season="autumn"] .day-highlights a{color: var(--white);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .day-highlights a:hover{color: var(--brand)}
}
html[data-season="autumn"] .day-why{color: var(--white-dim)}
html[data-season="autumn"] .day-all li{border-bottom: 1px solid rgba(255, 255, 255, 0.05)}
html[data-season="autumn"] .day-all time{color: var(--white-dim)}
html[data-season="autumn"] .day-all a{color: var(--white);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .day-all a:hover{color: var(--brand)}
}
html[data-season="autumn"] .day-weekdays > *{background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.07);text-decoration: none;color: var(--white-dim)}
html[data-season="autumn"] .day-weekdays strong{color: var(--white)}
@media (hover: hover){
html[data-season="autumn"] .day-weekdays a:hover{border-color: rgba(255, 166, 48, 0.4)}
}
html[data-season="autumn"] .day-nav a{color: var(--brand);text-decoration: none}
html[data-season="autumn"] .search-icon{color: var(--white-dim)}
html[data-season="autumn"] .search-input{background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.08);color: var(--white);outline: none}
html[data-season="autumn"] .search-input::placeholder{color: var(--white-dim)}
html[data-season="autumn"] .search-input:focus{border-color: rgba(255, 166, 48, 0.3);box-shadow: 0 0 0 3px rgba(255, 166, 48, 0.06)}
html[data-season="autumn"] .search-help-inline{background: none;border: 1px solid rgba(255, 255, 255, 0.12);color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .search-help-inline:hover{color: var(--brand);border-color: rgba(255, 166, 48, 0.3);background: rgba(255, 166, 48, 0.04)}
}
html[data-season="autumn"] .search-reset-inline{background: none;border: none;color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .search-reset-inline:hover{color: var(--white);background: rgba(255, 255, 255, 0.08)}
}
html[data-season="autumn"] .cat-pill{border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.03);color: var(--white-dim);text-decoration: none}
@media (hover: hover){
html[data-season="autumn"] .cat-pill:hover{color: var(--white);border-color: rgba(255, 166, 48, 0.3);background: rgba(255, 166, 48, 0.04)}
}
html[data-season="autumn"] .cat-pill.is-active{color: var(--black);background: var(--brand);border-color: var(--brand)}
html[data-season="autumn"] .news-disclosure{color: var(--white-dim)}
html[data-season="autumn"] .card-image-link{text-decoration: none}
html[data-season="autumn"] .search-pag-info{color: var(--white-dim)}
html[data-season="autumn"] .page-ellipsis{color: var(--white-dim)}
html[data-season="autumn"] .empty-state{color: var(--white-dim)}
html[data-season="autumn"] .page-num{color: var(--white-dim)}
@media (hover: hover){
html[data-season="autumn"] .page-num:hover{color: var(--white);background: rgba(255, 255, 255, 0.06)}
}
html[data-season="autumn"] .page-num.active{color: var(--white);background: var(--brand)}
html[data-season="autumn"] .news-topics-label{color: var(--white-dim)}
html[data-season="autumn"] .news-topics a{color: var(--white-dim);text-decoration: none}
html[data-season="autumn"] .news-topics a::before{color: var(--brand)}
@media (hover: hover){
html[data-season="autumn"] .news-topics a:hover{color: var(--brand)}
}
html[data-season="autumn"] .topic-brief{border-left: 3px solid var(--brand);background: rgba(255, 166, 48, 0.04)}
html[data-season="autumn"] .topic-brief-kicker{color: var(--brand)}
html[data-season="autumn"] .topic-brief p{color: var(--white-dim)}
html[data-season="autumn"] .topic-timeline-svg rect.on{fill: var(--brand)}
html[data-season="autumn"] .topic-timeline-svg rect.off{fill: rgba(255, 255, 255, 0.08)}
@media (hover: hover){
html[data-season="autumn"] .topic-timeline-svg rect:hover{fill: #ffffff}
}
html[data-season="autumn"] .topic-timeline figcaption{color: var(--white-dim)}
html[data-season="autumn"]{--oracle-primary: var(--brand, #ffa630);--oracle-primary-dim: var(--brand-dim, #eb8600);--oracle-bg: #06060c;--oracle-bg-2: #0c0d17;--oracle-surface: #14152a;--oracle-text: #e8e8f0;--oracle-text-dim: #a2a2c0;--oracle-border: rgba(255, 255, 255, 0.08);--oracle-border-strong: rgba(255, 255, 255, 0.16);--oracle-glow: 0 0 24px rgba(255, 166, 48, 0.4);--oracle-glow-strong: 0 0 32px rgba(255, 166, 48, 0.6)}
html[data-season="autumn"] body #alextech-oracle #oracle-toggle{background: linear-gradient(135deg, rgba(255, 166, 48, 0.18), rgba(255, 166, 48, 0.08)) !important;border: 1px solid rgba(255, 166, 48, 0.35) !important;color: var(--oracle-text) !important;box-shadow: var(--shadow-md, 0 8px 32px rgba(0, 0, 0, 0.35)) !important;text-decoration: none !important}
@media (hover: hover){
html[data-season="autumn"] body #alextech-oracle #oracle-toggle:hover{border-color: var(--oracle-primary) !important;box-shadow: var(--oracle-glow), 0 12px 36px rgba(0, 0, 0, 0.45) !important;background: linear-gradient(135deg, rgba(255, 166, 48, 0.28), rgba(255, 166, 48, 0.12)) !important}
}
html[data-season="autumn"] body #alextech-oracle #oracle-toggle .oracle-icon{background: linear-gradient(135deg, var(--oracle-primary), var(--oracle-primary-dim)) !important;box-shadow: 0 0 16px rgba(255, 166, 48, 0.5) !important}
html[data-season="autumn"] body #alextech-oracle #oracle-toggle .oracle-icon svg{color: var(--oracle-bg) !important}
html[data-season="autumn"] body #alextech-oracle #oracle-toggle .oracle-label{color: var(--oracle-text)}
html[data-season="autumn"] body #alextech-oracle #oracle-window{background: var(--oracle-bg) !important;background-image: linear-gradient(180deg, var(--oracle-bg) 0%, var(--oracle-bg-2) 100%) !important;border: 1px solid var(--oracle-border-strong) !important;box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 166, 48, 0.1) !important}
html[data-season="autumn"] body #alextech-oracle #oracle-header{background: linear-gradient(135deg, rgba(255, 166, 48, 0.12), rgba(224, 83, 61, 0.08)) !important;border-bottom: 1px solid var(--oracle-border) !important}
html[data-season="autumn"] body #alextech-oracle #oracle-header .oracle-avatar{background: linear-gradient(135deg, var(--oracle-primary), var(--oracle-primary-dim)) !important;box-shadow: 0 0 12px rgba(255, 166, 48, 0.4)}
html[data-season="autumn"] body #alextech-oracle #oracle-header .oracle-avatar svg{color: var(--oracle-bg)}
html[data-season="autumn"] body #alextech-oracle #oracle-header .oracle-title{color: var(--oracle-text) !important}
html[data-season="autumn"] body #alextech-oracle #oracle-header .oracle-subtitle{color: var(--oracle-text-dim) !important}
html[data-season="autumn"] .oracle-status-dot{background: #22c55e !important;box-shadow: 0 0 6px rgba(34, 197, 94, 0.6) !important}
html[data-season="autumn"] body #alextech-oracle #oracle-header .oracle-icon-btn{background: transparent !important;border: 1px solid transparent !important;color: var(--oracle-text-dim) !important}
@media (hover: hover){
html[data-season="autumn"] body #alextech-oracle #oracle-header .oracle-icon-btn:hover{background: rgba(255, 255, 255, 0.06) !important;color: var(--oracle-text) !important;border-color: var(--oracle-border) !important}
}
@media (hover: hover){
html[data-season="autumn"] body #alextech-oracle #oracle-header .oracle-icon-btn.danger:hover{background: rgba(239, 68, 68, 0.12) !important;color: #fca5a5 !important;border-color: rgba(239, 68, 68, 0.3) !important}
}
html[data-season="autumn"] body #alextech-oracle #oracle-messages{background: var(--oracle-bg) !important}
html[data-season="autumn"] body #alextech-oracle #oracle-messages::-webkit-scrollbar-track{background: transparent}
html[data-season="autumn"] body #alextech-oracle #oracle-messages::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.1)}
@media (hover: hover){
html[data-season="autumn"] body #alextech-oracle #oracle-messages::-webkit-scrollbar-thumb:hover{background: rgba(255, 255, 255, 0.2)}
}
html[data-season="autumn"] body #alextech-oracle .oracle-msg.user .oracle-msg-bubble{background: linear-gradient(135deg, var(--oracle-primary), var(--oracle-primary-dim)) !important;color: var(--oracle-bg) !important}
html[data-season="autumn"] body #alextech-oracle .oracle-msg.bot .oracle-msg-bubble{background: var(--oracle-surface) !important;color: var(--oracle-text) !important;border: 1px solid var(--oracle-border) !important}
html[data-season="autumn"] body #alextech-oracle .oracle-msg.error .oracle-msg-bubble{background: rgba(239, 68, 68, 0.12) !important;color: #fca5a5 !important;border: 1px solid rgba(239, 68, 68, 0.3) !important}
html[data-season="autumn"] body #alextech-oracle .oracle-msg.bot .oracle-msg-avatar{background: linear-gradient(135deg, var(--oracle-primary), var(--oracle-primary-dim)) !important;color: var(--oracle-bg) !important}
html[data-season="autumn"] body #alextech-oracle .oracle-msg.user .oracle-msg-avatar{background: var(--oracle-surface) !important;color: var(--oracle-primary) !important;border: 1px solid var(--oracle-border) !important}
html[data-season="autumn"] body #alextech-oracle .oracle-msg-bubble strong{color: var(--oracle-primary) !important}
html[data-season="autumn"] body #alextech-oracle .oracle-msg-bubble em{color: var(--oracle-text-dim) !important}
html[data-season="autumn"] body #alextech-oracle .oracle-msg-bubble a{color: var(--oracle-primary) !important;text-decoration: underline !important}
@media (hover: hover){
html[data-season="autumn"] body #alextech-oracle .oracle-msg-bubble a:hover{color: var(--oracle-text) !important;text-decoration-color: var(--oracle-primary) !important}
}
html[data-season="autumn"] body #alextech-oracle .oracle-msg-bubble code{background: rgba(255, 166, 48, 0.1) !important;color: var(--oracle-primary) !important}
html[data-season="autumn"] body #alextech-oracle .oracle-msg-bubble li::marker{color: var(--oracle-primary) !important}
html[data-season="autumn"] body #alextech-oracle .oracle-sources{border-top: 1px dashed var(--oracle-border) !important}
html[data-season="autumn"] body #alextech-oracle .oracle-sources-title{color: var(--oracle-text-dim) !important}
html[data-season="autumn"] body #alextech-oracle .oracle-source-item{color: var(--oracle-text-dim) !important;text-decoration: none !important}
@media (hover: hover){
html[data-season="autumn"] body #alextech-oracle .oracle-source-item:hover{color: var(--oracle-primary) !important}
}
html[data-season="autumn"] body #alextech-oracle .oracle-source-item .oracle-source-type.blog{background: rgba(224, 83, 61, 0.2) !important;color: #f09a8d !important}
html[data-season="autumn"] body #alextech-oracle .oracle-source-item .oracle-source-type.news{background: rgba(255, 166, 48, 0.15) !important;color: var(--oracle-primary) !important}
html[data-season="autumn"] body #alextech-oracle .oracle-suggestion{background: rgba(255, 166, 48, 0.08) !important;border: 1px solid rgba(255, 166, 48, 0.25) !important;color: var(--oracle-primary) !important}
@media (hover: hover){
html[data-season="autumn"] body #alextech-oracle .oracle-suggestion:hover{background: rgba(255, 166, 48, 0.16) !important;border-color: var(--oracle-primary) !important}
}
html[data-season="autumn"] .oracle-typing-dot{background: var(--oracle-primary) !important}
html[data-season="autumn"] body #alextech-oracle #oracle-input-area{border-top: 1px solid var(--oracle-border) !important;background: var(--oracle-bg-2) !important}
html[data-season="autumn"] body #alextech-oracle #oracle-input{background: var(--oracle-surface) !important;border: 1px solid var(--oracle-border) !important;color: var(--oracle-text) !important;outline: none !important}
html[data-season="autumn"] body #alextech-oracle #oracle-input:focus{border-color: var(--oracle-primary) !important;box-shadow: 0 0 0 3px rgba(255, 166, 48, 0.15) !important}
html[data-season="autumn"] body #alextech-oracle #oracle-input::placeholder{color: var(--oracle-text-dim) !important}
html[data-season="autumn"] body #alextech-oracle #oracle-send{background: linear-gradient(135deg, var(--oracle-primary), var(--oracle-primary-dim)) !important;border: none !important;color: var(--oracle-bg) !important;box-shadow: 0 0 16px rgba(255, 166, 48, 0.3) !important}
@media (hover: hover){
html[data-season="autumn"] body #alextech-oracle #oracle-send:hover:not(:disabled){box-shadow: 0 0 20px rgba(255, 166, 48, 0.5) !important}
}
html[data-season="autumn"] body #alextech-oracle #oracle-send:disabled{box-shadow: none !important}
html[data-season="autumn"] body #alextech-oracle #oracle-footer{border-top: 1px solid var(--oracle-border) !important;color: var(--oracle-text-dim) !important;background: var(--oracle-bg-2) !important}
html[data-season="autumn"] body #alextech-oracle #oracle-footer a{color: var(--oracle-text-dim) !important;text-decoration: underline !important}
@media (hover: hover){
html[data-season="autumn"] body #alextech-oracle #oracle-footer a:hover{color: var(--oracle-primary) !important}
}
@media screen and (max-width: 768px){
html[data-season="autumn"] body #alextech-oracle #oracle-window{border: none !important}
html[data-season="autumn"] body #alextech-oracle #oracle-header .oracle-icon-btn{background: rgba(255, 255, 255, 0.06) !important}
html[data-season="autumn"] body #alextech-oracle #oracle-header .oracle-icon-btn:active{background: rgba(255, 255, 255, 0.14) !important}
@media (hover: hover){
html[data-season="autumn"] body #alextech-oracle #oracle-header .oracle-icon-btn.danger:hover{background: rgba(239, 68, 68, 0.2) !important}
}
}
html[data-season="autumn"] body #alextech-oracle .oracle-modal-backdrop{background: rgba(0, 0, 0, 0.55)}
html[data-season="autumn"] body #alextech-oracle .oracle-modal-card{background: #1a1a2e;border: 1px solid rgba(255, 166, 48, 0.2);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5)}
html[data-season="autumn"] body #alextech-oracle .oracle-modal-text{color: #e0e0e0}
html[data-season="autumn"] body #alextech-oracle .oracle-modal-btn{border: 1px solid transparent}
html[data-season="autumn"] body #alextech-oracle .oracle-modal-btn--cancel{background: rgba(255, 255, 255, 0.08);color: #aaaaaa;border-color: rgba(255, 255, 255, 0.12)}
@media (hover: hover){
html[data-season="autumn"] body #alextech-oracle .oracle-modal-btn--cancel:hover{background: rgba(255, 255, 255, 0.14);color: #e0e0e0}
}
html[data-season="autumn"] body #alextech-oracle .oracle-modal-btn--confirm{background: rgba(239, 68, 68, 0.15);color: #ef4444;border-color: rgba(239, 68, 68, 0.3)}
@media (hover: hover){
html[data-season="autumn"] body #alextech-oracle .oracle-modal-btn--confirm:hover{background: rgba(239, 68, 68, 0.25);border-color: rgba(239, 68, 68, 0.5)}
}
html[data-season="autumn"] body #alextech-oracle #oracle-toggle{background: linear-gradient(135deg, #0d1626, #0a0f1c) !important;border-color: transparent !important}
html[data-season="autumn"] body #alextech-oracle #oracle-toggle::before{background: conic-gradient(from var(--oa), #ffa630, #ea533c, #ff4fd8, #ffd166, #ffa630)}
html[data-season="autumn"] body #alextech-oracle #oracle-toggle::after{background: radial-gradient(closest-side, rgba(255, 166, 48, 0.45), rgba(234, 83, 60, 0.25) 60%, transparent)}
html[data-season="autumn"] body #alextech-oracle #oracle-toggle .oracle-icon{background: linear-gradient(135deg, #ffa630, #ea533c) !important}
html[data-season="autumn"] body #alextech-oracle #oracle-toggle .oracle-icon::after{color: #ffd166;text-shadow: 0 0 6px rgba(255, 209, 102, 0.9)}
html[data-season="autumn"] body #alextech-oracle #oracle-toggle .oracle-label{background: linear-gradient(100deg, #e8e8f0 35%, #ffa630 50%, #e8e8f0 65%) 0 0 / 250% 100%;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent !important}
@media (hover: hover){
html[data-season="autumn"] body #alextech-oracle #oracle-toggle:hover{background: linear-gradient(135deg, #12203a, #0c1426) !important}
}
html[data-season="autumn"] .cursor-dot{background-color: #ffa630;box-shadow: 0 0 10px #ffa630, 0 0 20px #ffa630}
html[data-season="autumn"] .cursor-ring-inner{border: 1px solid rgba(255, 166, 48, 0.5);box-shadow: 0 0 15px rgba(255, 166, 48, 0.1)}
html[data-season="autumn"] .cursor-ring.hovered .cursor-ring-inner{border-color: #ffa630;background-color: rgba(255, 166, 48, 0.05);box-shadow: 0 0 20px rgba(255, 166, 48, 0.2)}
html[data-season="autumn"] .cursor-ring.magnetized .cursor-ring-inner{box-shadow: 0 0 25px rgba(255, 166, 48, 0.4)}
html[data-season="autumn"] .cursor-dot.hovered{background-color: #ffffff;box-shadow: 0 0 15px #ffffff}
html[data-season="autumn"] .cursor-ring.text-mode .cursor-ring-inner{border-color: transparent;background-color: transparent;box-shadow: none}
html[data-season="autumn"] .cursor-ring.text-mode .cursor-ring-inner::before, html[data-season="autumn"] .cursor-ring.text-mode .cursor-ring-inner::after{border: 2px solid #ffa630}
html[data-season="autumn"] .cursor-ring.text-mode .cursor-ring-inner::before{border-right: none}
html[data-season="autumn"] .cursor-ring.text-mode .cursor-ring-inner::after{border-left: none}
html[data-season="autumn"] .cursor-dot.text-mode{background-color: #ffa630;box-shadow: 0 0 10px #ffa630}
html[data-season="autumn"] .cursor-ring.scan-mode .cursor-ring-inner{border-color: transparent;background-color: rgba(255, 166, 48, 0.02);box-shadow: none}
html[data-season="autumn"] .cursor-ring.scan-mode .cursor-ring-inner::before, html[data-season="autumn"] .cursor-ring.scan-mode .cursor-ring-inner::after{border: 2px solid #ffa630;border: none;background: linear-gradient(to right, #ffa630 2px, transparent 2px) 0 0,
linear-gradient(to bottom, #ffa630 2px, transparent 2px) 0 0,
linear-gradient(to left, #ffa630 2px, transparent 2px) 100% 0,
linear-gradient(to bottom, #ffa630 2px, transparent 2px) 100% 0,
linear-gradient(to right, #ffa630 2px, transparent 2px) 0 100%,
linear-gradient(to top, #ffa630 2px, transparent 2px) 0 100%,
linear-gradient(to left, #ffa630 2px, transparent 2px) 100% 100%,
linear-gradient(to top, #ffa630 2px, transparent 2px) 100% 100%}
html[data-season="autumn"] .cursor-ring.scan-mode .cursor-ring-inner::after{background: rgba(255, 166, 48, 0.8);box-shadow: 0 0 10px #ffa630}
html[data-season="autumn"] .cursor-ring.clicking .cursor-ring-inner{background-color: rgba(255, 166, 48, 0.3);border-color: #ffffff}
html[data-season="autumn"] .cursor-trail-particle{background-color: rgba(255, 166, 48, 0.5)}
html[data-season="autumn"] .cursor-compass::before{background: conic-gradient(
from 0deg,
transparent 0deg,
transparent 60deg,
#ffa630 90deg,
transparent 120deg
)}
html[data-season="autumn"] .cursor-compass::after{background: conic-gradient(
from 0deg,
transparent 0deg,
transparent 50deg,
rgba(255, 166, 48, 0.6) 90deg,
transparent 130deg
)}
html[data-season="autumn"] .cursor-ripple{border: 1px solid #ffa630;background: radial-gradient(circle, rgba(255, 166, 48, 0.1) 0%, transparent 70%);box-shadow: 0 0 15px rgba(255, 166, 48, 0.2)}