
/* Headlines live at body level, outside the header's backdrop-filter containing block. */
html[data-design="glass"] .os-news-backdrop{position:fixed;inset:0;z-index:1000;background:transparent}
html[data-design="glass"] .os-news-backdrop[hidden]{display:none}
html[data-design="glass"] .c6-news.os-news-panel{position:fixed!important;inset:auto;z-index:1001;width:min(384px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:min(640px,calc(100dvh - 88px));box-sizing:border-box;padding:0!important;border:1px solid var(--os-line)!important;border-radius:16px!important;background:var(--os-glass-strong)!important;color:var(--os-fg)!important;box-shadow:0 3px 8px #00000008,0 24px 64px -20px #00000030;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden!important;display:none!important;font-family:var(--os-font)!important}
html[data-design="glass"] .c6-news.os-news-panel.os-news-open{display:flex!important;flex-direction:column}
html[data-design="glass"] .os-news-panel .c6-news-head{position:relative;flex:none;margin:0;padding:20px 64px 14px 20px;gap:5px}
html[data-design="glass"] .os-news-panel .c6-news-title{font-size:16px;font-weight:500;color:var(--os-heading)}
html[data-design="glass"] .os-news-panel .c6-news-sub{font-size:12px;line-height:1.5;color:var(--os-muted)}
html[data-design="glass"] .os-news-close{position:absolute;right:10px;top:10px;width:44px;height:44px;border:0;background:transparent;color:var(--os-muted);font-size:26px;line-height:1;cursor:pointer}
html[data-design="glass"] .os-news-panel .c6-news-tabs{display:flex;flex-wrap:nowrap;flex:none;gap:4px;margin:0;padding:0 16px 12px;border-bottom:1px solid var(--os-line);overflow-x:auto}
html[data-design="glass"] .os-news-panel .c6-news-tab{display:flex;align-items:center;justify-content:center;min-height:40px;flex:1;padding:8px 10px;box-sizing:border-box;font-size:12px;white-space:nowrap;background:transparent!important;border:1px solid transparent;color:var(--os-muted)!important}
html[data-design="glass"] .os-news-panel .c6-news-tab[aria-selected="true"]{background:var(--os-primary)!important;color:var(--os-primary-text)!important;border-color:var(--os-primary)}
html[data-design="glass"] .os-news-panel .c6-news-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 20px}
html[data-design="glass"] .os-news-panel .c6-news-item{padding:15px 0;border-color:var(--os-line);color:var(--os-fg);overflow-wrap:anywhere}
html[data-design="glass"] .os-news-panel .c6-news-h{font-size:14px;font-weight:400;line-height:1.5}
html[data-design="glass"] .os-news-panel .c6-news-meta{margin-top:5px;font-size:11px;line-height:1.4;color:var(--os-muted)}
html[data-design="glass"] .os-news-panel .c6-news-foot{flex:none;margin:0;padding:12px 20px;border-top:1px solid var(--os-line);font-size:10px;line-height:1.5;color:var(--os-muted)}
html[data-design="glass"] .os-news-panel .c6-news-empty{color:var(--os-muted);padding:24px 0}
@media(max-width:767px){
 html[data-design="glass"] .os-news-backdrop{background:#00000033;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
 html[data-design="glass"] .c6-news.os-news-panel{top:max(12px,env(safe-area-inset-top))!important;left:12px!important;right:12px!important;bottom:auto!important;width:auto!important;max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)))}
 html[data-design="glass"] .os-news-panel .c6-news-tab{min-height:44px}
}
html[data-design="glass"] .os-beliefs{width:100%;max-width:760px;box-sizing:border-box;margin:24px 0 0;grid-column:1/-1}
html[data-design="glass"] .os-beliefs h2{margin:0 0 10px;font-size:14px!important;font-weight:400!important;color:var(--os-heading)}
html[data-design="glass"] .os-tweet{margin:0;padding:16px;border:1px solid var(--os-line);border-radius:12px;background:var(--os-pane);box-shadow:0 2px 3px #00000004,0 12px 30px -20px #00000020}
html[data-design="glass"] .os-tweet blockquote{margin:0 0 16px;padding:0;border:0;color:var(--os-fg);font-size:14px;line-height:1.55;font-style:normal}
html[data-design="glass"] .os-tweet-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--os-muted);font-size:10px}
html[data-design="glass"] .os-tweet-footer strong{display:block;color:var(--os-heading);font-size:11px;font-weight:500}
html[data-design="glass"] .os-tweet-footer a{color:var(--os-muted);text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
html[data-design="glass"] .os-tweet-footer a:hover{color:var(--os-accent)}
html[data-design="glass"] .c6-thread:not(.c6-first)>.os-beliefs{display:none}
@media(max-width:600px){
 html[data-design="glass"] .os-beliefs{margin-top:20px}
 html[data-design="glass"] .os-tweet{padding:14px}
 html[data-design="glass"] .os-tweet blockquote{font-size:13px}
}

/* Resolution-independent metallic gold, limited to one corner. */
html[data-design="glass"] .os-tweet{position:relative;isolation:isolate}
html[data-design="glass"] .os-tweet::before{content:"";position:absolute;top:-1px;right:-1px;width:96px;height:96px;background:url("../images/ui/gold-corner.svg") center/contain no-repeat;pointer-events:none;filter:drop-shadow(0 0 2px #d6ad5430);transition:filter .8s ease}
html[data-design="glass"] .os-tweet::after{content:"";position:absolute;top:-3px;right:20px;width:20px;height:7px;background:radial-gradient(ellipse,#fffbe4 0%,#f5d98a55 30%,transparent 70%);pointer-events:none;opacity:.7}
@media(hover:hover){
 html[data-design="glass"] .os-tweet:hover::before{filter:drop-shadow(0 0 4px #d6ad5460) brightness(1.12)}
 html[data-design="glass"] .os-tweet:hover::after{animation:os-gold-glint 1.2s cubic-bezier(.22,1,.36,1) both}
}
@keyframes os-gold-glint{0%{opacity:.3;transform:translateX(-28px) scale(.6)}45%{opacity:1;transform:translateX(0) scale(1.3)}100%{opacity:.7;transform:translateX(8px) scale(1)}}
@media(prefers-reduced-motion:reduce){html[data-design="glass"] .os-tweet::before{transition:none}html[data-design="glass"] .os-tweet::after{animation:none!important}}

html[data-design="glass"] .os-beliefs .os-tweet+.os-tweet{margin-top:14px}
