/* Manual feed continuation */
#load-zone.load-zone{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 16px 48px;text-align:center}
#load-zone[hidden]{display:none!important}
#load-zone #load-state{order:2;margin:0;color:#566779;font-size:13px;line-height:1.6}
#load-zone #load-more{order:1;min-width:184px;min-height:48px;padding:12px 28px;border:1px solid #d5dfe6;border-radius:999px;background:rgba(248,251,253,.88);backdrop-filter:blur(16px);color:#344e64;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer;transition:background .18s ease,transform .18s ease;box-shadow:none}
#load-zone #load-more:hover{background:#e8eff4;transform:translateY(-1px)}
#load-zone #load-more:active{transform:translateY(0);background:#dce7ef}
#load-zone #load-more:focus-visible{outline:2px solid #45647e;outline-offset:4px}
#load-zone #load-more:disabled{cursor:wait;transform:none;color:#566779;background:#edf2f6}
#load-zone #load-more[hidden]{display:none!important}
#load-zone #load-more[aria-busy="true"]:before{content:"";display:inline-block;width:12px;height:12px;margin-right:10px;border:2px solid #c6d3dd;border-top-color:#45647e;border-radius:50%;vertical-align:-2px;animation:hs-load-turn .8s linear infinite}
@keyframes hs-load-turn{to{transform:rotate(360deg)}}
@media(max-width:600px){#load-zone.load-zone{padding:28px 12px 40px;gap:10px}#load-zone #load-more{min-width:176px;min-height:48px}#load-zone #load-state{font-size:12px}}
@media(prefers-reduced-motion:reduce){#load-zone #load-more{transition:none}#load-zone #load-more[aria-busy="true"]:before{animation:none}}
#load-zone #load-more{border-radius:999px!important;background:rgba(248,251,253,.88)!important;color:#344e64!important}
#load-zone #load-more:hover{background:#e8eff4!important}
#load-zone #load-more:disabled{background:#edf2f6!important}

#load-zone .load-auto-control{order:3;display:flex;align-items:center;gap:10px;font-size:13px;color:#455d70;min-height:44px;cursor:pointer}
#load-zone .load-auto-control input{appearance:none;width:38px;height:22px;border-radius:999px;background:#c7d1da;border:0;position:relative;cursor:pointer;margin:0}
#load-zone .load-auto-control input:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:white;transition:transform .15s}
#load-zone .load-auto-control input:checked{background:#405e75}
#load-zone .load-auto-control input:checked:before{transform:translateX(16px)}
#load-zone .load-auto-control input:focus-visible{outline:2px solid #45647e;outline-offset:4px}

#desk-dock{display:flex;align-items:center;gap:8px}
#desk-dock .load-auto-control{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.92);color:#455d70;font-size:12px;box-shadow:0 6px 20px rgba(35,50,65,.08);backdrop-filter:blur(16px);cursor:pointer}
#desk-dock .load-auto-control input{appearance:none;width:34px;height:20px;border-radius:999px;background:#c7d1da;border:0;position:relative;cursor:pointer;margin:0;flex:none}
#desk-dock .load-auto-control input:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:white}
#desk-dock .load-auto-control input:checked{background:#405e75}
#desk-dock .load-auto-control input:checked:before{transform:translateX(14px)}
#desk-dock .load-auto-control input:focus-visible{outline:2px solid #45647e;outline-offset:4px}
@media(max-width:600px){#desk-dock .load-auto-control{padding:0 10px;min-height:44px;font-size:11px;gap:6px}}

#desk-dock .load-auto-control input{background:#c7d1da!important;border-radius:999px!important;padding:0!important}#desk-dock .load-auto-control input:checked{background:#405e75!important}

#glass-panel .load-auto-control{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;margin-top:12px;padding:12px 0;border-top:1px solid #dce4eb;color:#455d70;font-size:14px;cursor:pointer}
#glass-panel .load-auto-control input{appearance:none;width:38px;height:22px;border-radius:999px!important;background:#c7d1da!important;border:0!important;padding:0!important;position:relative;cursor:pointer;margin:0;flex:none}
#glass-panel .load-auto-control input:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:white}
#glass-panel .load-auto-control input:checked{background:#405e75!important}
#glass-panel .load-auto-control input:checked:before{transform:translateX(16px)}
#glass-panel .load-auto-control input:focus-visible{outline:2px solid #45647e;outline-offset:4px}

.glass-settings{position:fixed;right:22px;bottom:22px;z-index:35;display:flex!important;align-items:center;gap:6px;padding:4px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 6px 20px rgba(35,50,65,.1)}
.glass-settings>.glass-launcher{position:static!important;box-shadow:none!important;background:transparent!important}
.glass-settings>.load-auto-control{order:-1;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;color:#455d70;font-size:12px;cursor:pointer;white-space:nowrap}
.glass-settings>.load-auto-control input{appearance:none;width:34px;height:20px;border-radius:999px!important;background:#c7d1da!important;border:0!important;padding:0!important;position:relative;cursor:pointer;margin:0;flex:none}
.glass-settings>.load-auto-control input:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:white}
.glass-settings>.load-auto-control input:checked{background:#405e75!important}
.glass-settings>.load-auto-control input:checked:before{transform:translateX(14px)}
.glass-settings>.load-auto-control input:focus-visible{outline:2px solid #45647e;outline-offset:3px}
@media(max-width:600px){.glass-settings>.load-auto-control{padding:0 7px;gap:5px;font-size:11px}.glass-settings{gap:0;right:14px;bottom:max(14px,env(safe-area-inset-bottom))}}

#hs-auto-control input{background:#c7d1da!important;border-radius:999px!important}#hs-auto-control input:checked{background:#405e75!important}

body>#hs-auto-control{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:35;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 6px 20px rgba(35,50,65,.1);color:#455d70;font-size:12px;cursor:pointer;white-space:nowrap}
body>#hs-auto-control input{appearance:none;width:34px;height:20px;border:0!important;padding:0!important;position:relative;cursor:pointer;margin:0;flex:none}
body>#hs-auto-control input:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:white}
body>#hs-auto-control input:checked:before{transform:translateX(14px)}
body>#hs-auto-control input:focus-visible{outline:2px solid #45647e;outline-offset:3px}
@media(max-width:600px){body>#hs-auto-control{bottom:calc(88px + env(safe-area-inset-bottom));min-height:44px;padding:0 12px}}

/* Shared glass surface for all three floating tools */
html body :is(#desk-dock,.glass-settings, #hs-auto-control){background:var(--glass-surface)!important;-webkit-backdrop-filter:blur(var(--glass-effective-blur)) saturate(135%)!important;backdrop-filter:blur(var(--glass-effective-blur)) saturate(135%)!important;box-shadow:var(--glass-edge),0 6px 20px rgba(35,50,65,.1)!important;border-radius:999px!important;min-height:48px}
html body #desk-dock #desk-launch,html body .glass-settings #glass-launcher{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;min-height:40px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body :is(#desk-dock,.glass-settings,#hs-auto-control){background:#fff!important}}

html body>#hs-auto-control{left:auto;right:22px;bottom:80px;transform:none;min-width:116px;justify-content:center}
@media(max-width:600px){html body>#hs-auto-control{right:14px;bottom:calc(74px + env(safe-area-inset-bottom));min-width:104px}}

html body>#hs-auto-control,html body .glass-settings{box-sizing:border-box!important;width:132px!important;min-width:132px!important;justify-content:center}
html body .glass-settings #glass-launcher{width:100%;justify-content:center}
@media(max-width:600px){html body>#hs-auto-control,html body .glass-settings{width:124px!important;min-width:124px!important}}

@media(max-width:720px){html body .glass-settings{display:none!important}html body>#hs-auto-control{right:14px;bottom:calc(88px + env(safe-area-inset-bottom));min-height:40px!important;height:40px;width:124px!important;min-width:124px!important;padding:0 10px;font-size:11px}html body #desk-dock{display:none!important}}

#feed .feed-enter{animation:hs-feed-enter .32s ease-out both}
@keyframes hs-feed-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
#load-zone{min-height:144px;overflow-anchor:none}#feed .post-media{background:#f2f4f6}
@media(prefers-reduced-motion:reduce){#feed .feed-enter{animation:none}}

/* Display returned cards immediately; never wait for all media. */
#feed .feed-enter{animation:none}

/* Avoid one backdrop compositing surface per brand on mobile. */
@media(max-width:720px){
.brand-ring,.play-badge,.filterbar button,.rail-motion{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.brand-ring{background:rgba(255,255,255,.72)!important}
#feed .post{contain:layout style}
}

/* Repeated feed surfaces do not need individual backdrop layers. */
.brand-ring,.play-badge,.filterbar button,.rail-motion{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.brand-ring{background:rgba(255,255,255,.64)!important}
#feed .post{contain:layout style}

/* Stable media geometry and offscreen work reduction. */
#feed .post-media{position:relative}
#feed .post-media img,#feed .post-media.tall img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;transition:none}
#feed .post{content-visibility:auto;contain-intrinsic-size:auto 600px}