/* liquid-glass: macOS Tahoe 26 surface layer. Surface-only: no layout, size, font, spacing changes. Load last. */
:root{--lg-fill:rgba(253,254,255,.62);--lg-fill-strong:rgba(253,254,255,.78);--lg-edge:rgba(255,255,255,.72);--lg-line:rgba(120,150,190,.22);--lg-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 8px 28px rgba(28,62,110,.09),0 1px 3px rgba(28,62,110,.06);--lg-blur:saturate(170%) blur(18px)}

/* calm colored backdrop so glass reads */
body.xb,body.xb:has(.xb-home){background:radial-gradient(1200px 600px at 8% -5%,#dfeafb 0,transparent 60%),radial-gradient(900px 520px at 100% 10%,#e6f1f7 0,transparent 62%),radial-gradient(900px 700px at 50% 100%,#eef0fb 0,transparent 60%),#f3f7fc!important}

/* blue header kept, glass sheen only */
body.xb #xb-top.xb-mast,body.xb:has(.xb-home) #xb-top.xb-mast,body.xb:has(.xb-home) .xb-mast{background:linear-gradient(180deg,rgba(43,108,232,.94),rgba(31,91,216,.94))!important;-webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 6px 22px rgba(23,72,176,.18)!important;border-bottom-color:transparent!important}
@media(min-width:768px){
 body.xb:has(.xb-home) .xb-mast .xb-brand b{color:#fff!important}
 body.xb:has(.xb-home) .xb-mast .xb-brand i{color:#c9d9fb!important}
 body.xb:has(.xb-home) .xb-mast .xb-nav li>a{color:#e6eeff!important}
 body.xb:has(.xb-home) .xb-mast .xb-nav li.a>a,body.xb:has(.xb-home) .xb-mast .xb-nav li>a:hover{color:#fff!important}
 body.xb:has(.xb-home) .xb-mast .xb-nav li.a>a:after{background:#fff!important}
 body.xb:has(.xb-home) .xb-mast .xb-navrow{border-top-color:rgba(255,255,255,.16)!important}
 body.xb:has(.xb-home) .xb-util .xb-ghost,body.xb:has(.xb-home) .xb-util .xb-uname{color:#fff!important}
 body.xb:has(.xb-home) .xb-util .xb-btn{background:rgba(255,255,255,.92)!important;color:#1f5bd8!important}
 body.xb:has(.xb-home) .xb-util .xb-lang select{color:#f4f8ff!important;background:transparent!important;border-color:rgba(255,255,255,.3)!important}
 body.xb:has(.xb-home) .xb-util .xb-lang option{color:#1f2329;background:#fdfeff}
 body.xb:has(.xb-home) .xb-mast .xb-font{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.35)!important}
 body.xb:has(.xb-home) .xb-mast .xb-font button,body.xb:has(.xb-home) .xb-mast .xb-font output{color:#f4f8ff!important;border-color:rgba(255,255,255,.25)!important}
 body.xb:has(.xb-home) .xb-mast .xb-font button:hover{background:rgba(255,255,255,.2)!important}
}
@media(max-width:767px){
 body.xb:has(.xb-home) .xb-mast .xb-brand b{color:#fff!important}
 body.xb:has(.xb-home) .xb-mast .xb-brand i{color:#c9d9fb!important}
}
/* search pill: frosted */
body.xb .xb-mast .xb-util .xb-search,body.xb:has(.xb-home) .xb-mast .xb-util .xb-search{background:rgba(253,254,255,.9)!important;border-color:rgba(255,255,255,.6)!important;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 4px 14px rgba(10,40,100,.14)!important;border-radius:20px!important}
body.xb .xb-mast .xb-util .xb-search:focus-within{box-shadow:0 0 0 3px rgba(255,255,255,.35),0 4px 14px rgba(10,40,100,.16)!important}

/* strips */
body.xb .xb-daily,body.xb:has(.xb-home) .xb-daily,.qq-strip{background:rgba(238,245,253,.66)!important;border-bottom-color:var(--lg-line)!important}
.xw-panel{background:linear-gradient(180deg,rgba(234,243,253,.7),rgba(247,249,252,.45))!important;border-bottom-color:var(--lg-line)!important}
.xw-now-icon{background:var(--lg-fill-strong)!important;box-shadow:var(--lg-shadow)!important}
.xw-day{background:rgba(253,254,255,.58)!important;border-color:var(--lg-edge)!important;border-radius:14px!important;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 3px 10px rgba(28,62,110,.06)!important}

/* top-level glass cards (blurred) */
.xh-quick ul,.xh-card,.xb-home .xh-right>section,.qq-side>section,.qq-svc .svc-panel,.qq-rail>section,.qq-rail>nav,.qq-hot,body.xb .bm,body.xb #ct .mn>.bm,body.xb .xbm{background:var(--lg-fill)!important;border-color:var(--lg-edge)!important;box-shadow:var(--lg-shadow)!important;border-radius:18px!important;-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur)}
/* Shared forum, article and city cards: retain their exact existing geometry. */
body.xb .xb-panel,body.xb .xb-card,body.xb .xb-tcard,body.xb .xb-post,body.xb .xb-forum,body.xb .xb-notice{background:var(--lg-fill)!important;border-color:var(--lg-edge)!important;box-shadow:var(--lg-shadow)!important;border-radius:18px!important}
.xb-home .xh-slider,.qq-mid .ed-slider{border-radius:18px!important;box-shadow:0 10px 30px rgba(28,62,110,.14)!important}
.qq-feature .qq-it{border-radius:16px!important}

/* left rail: Apple-style source list surfaces (no structure change) */
.xh-left .xh-card{background:rgba(246,249,253,.55)!important}
.xh-nav a{border-radius:10px!important}
.xh-nav a:hover,.xh-q:hover{background:rgba(23,105,181,.1)!important}
.xh-q{border-radius:12px!important}
.xh-boards a,.qq-boards nav a{background:rgba(255,255,255,.5)!important;border-radius:12px!important;box-shadow:0 0 0 1px rgba(255,255,255,.6) inset}
.xh-chips a,.qq-tags a{background:rgba(234,244,255,.75)!important;box-shadow:0 0 0 1px rgba(255,255,255,.7) inset}
.xh-empty{background:rgba(247,249,252,.55)!important;border-radius:14px!important}

/* primary buttons: tinted glass blue */
.xh-publish,.xh-q-p,.xb-home .xh-right .svc-btn-p{background:linear-gradient(180deg,#2a7ccb,#1769b5)!important;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 6px 16px rgba(23,105,181,.24)!important;border-radius:14px!important}
.xh-publish:hover,.xh-q-p:hover{background:linear-gradient(180deg,#1f6db8,#124c85)!important}
.xh-publish.is-off,.xb-home [aria-disabled="true"]{background:rgba(228,233,239,.8)!important;box-shadow:none!important}
.xh-q.is-off[aria-disabled="true"]{background:none!important}

/* form controls */
body.xb .xb-home select,body.xb .xb-home input[type=text],body.xb .xb-home input[type=search],body.xb .xb-home input[type=number],.qq-side select,.qq-side input[type=text],.xd-city select,body.xb .px,body.xb .pt{background:rgba(255,255,255,.7)!important;border-color:rgba(120,150,190,.32)!important;border-radius:10px!important}
body.xb .xb-home select:focus,body.xb .xb-home input:focus,body.xb .px:focus,body.xb .pt:focus{outline-color:#1769b5;border-color:#1769b5!important;box-shadow:0 0 0 3px rgba(23,105,181,.15)!important}

/* no blur support: solid fallback */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .xh-quick ul,.xh-card,.xb-home .xh-right>section,.qq-side>section,.qq-svc .svc-panel,.qq-rail>section,.qq-rail>nav,.qq-hot,body.xb .bm,body.xb .xbm{background:rgba(253,254,255,.94)!important}
}
@media(prefers-reduced-transparency:reduce){
 body.xb,body.xb:has(.xb-home){background:#f3f7fc!important}
 .xh-quick ul,.xh-card,.xb-home .xh-right>section,.qq-side>section,.qq-svc .svc-panel,.qq-rail>section,.qq-rail>nav,.qq-hot,body.xb .bm,body.xb .xbm,.xw-day,.xw-now-icon{background:#fdfeff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 body.xb .xb-daily,.xw-panel{background:#eef5fd!important}
 body.xb #xb-top.xb-mast,body.xb:has(.xb-home) #xb-top.xb-mast,body.xb:has(.xb-home) .xb-mast{background:#1f5bd8!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 body.xb .xb-panel,body.xb .xb-card,body.xb .xb-tcard,body.xb .xb-post,body.xb .xb-forum,body.xb .xb-notice{background:#fdfeff!important}
}
@media(forced-colors:active){
 body.xb,.xh-quick ul,.xh-card,.xb-home .xh-right>section,.qq-side>section,.qq-svc .svc-panel,.qq-rail>section,.qq-rail>nav,.qq-hot,body.xb .bm,body.xb .xbm,.xw-day{background:Canvas!important;border-color:CanvasText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 body.xb #xb-top.xb-mast,body.xb:has(.xb-home) #xb-top.xb-mast,body.xb:has(.xb-home) .xb-mast{background:Canvas!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 body.xb .xb-panel,body.xb .xb-card,body.xb .xb-tcard,body.xb .xb-post,body.xb .xb-forum,body.xb .xb-notice{background:Canvas!important;box-shadow:none!important;border-color:CanvasText!important}
 body.xb #xb-top.xb-mast :is(a,b,i,button,select,output){color:CanvasText!important}
}