/* The original header remains in the DOM for legacy archive interactions. */
#tian-coverflow-live .cf-header{display:none!important}
#tian-coverflow-live .cf-page{padding-bottom:100px}
.archive-dock{position:fixed;z-index:85;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;width:102px;height:46px;box-sizing:border-box;border:1px solid #ffffffb3;border-radius:28px;background:#f5f4efd4;box-shadow:0 0 0 1px #191b1a22,0 6px 18px #191b1a25,0 18px 44px #191b1a1a,inset 0 1px 0 #fff9;backdrop-filter:blur(26px) saturate(1.12);-webkit-backdrop-filter:blur(26px) saturate(1.12);overflow:hidden;transition:width .4s cubic-bezier(.22,1.12,.35,1)}
.archive-dock[data-open="true"]{width:min(350px,calc(100vw - 28px))}
.archive-dock-links{position:absolute;left:6px;right:36px;height:44px;display:flex;align-items:center;justify-content:space-evenly;gap:0;white-space:nowrap;opacity:0;visibility:hidden;transform:scale(.94);transition:opacity .18s,transform .3s}
.archive-dock[data-open="true"] .archive-dock-links{opacity:1;visibility:visible;transform:none}
.archive-dock-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 6px;font:400 13px/1 var(--mono,"Courier Prime",monospace);color:var(--muted,#676b66);text-decoration:none}
.archive-dock-links a[aria-current="page"]{color:var(--red,#ae4238)}
.archive-dock-handle{position:absolute;right:0;width:100%;height:44px;padding:0;border:0;background:transparent;color:var(--muted,#676b66);display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}
.archive-menu-label{font:400 12px/1 var(--mono,"Courier Prime",monospace)}
.archive-menu-icon{position:relative;width:17px;height:12px}
.archive-menu-icon::before,.archive-menu-icon::after{content:"";position:absolute;left:0;width:17px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .2s,top .2s}
.archive-menu-icon::before{top:3px}.archive-menu-icon::after{top:8px}
.archive-dock[data-open="true"] .archive-dock-handle{width:36px;gap:0}
.archive-dock[data-open="true"] .archive-menu-label{display:none}
.archive-dock[data-open="true"] .archive-menu-icon::before{top:5px;transform:rotate(45deg)}
.archive-dock[data-open="true"] .archive-menu-icon::after{top:5px;transform:rotate(-45deg)}
.archive-dock :focus-visible{outline:2px solid var(--red,#ae4238);outline-offset:-4px;border-radius:22px}
@media(min-width:761px){.archive-dock,.archive-dock[data-open="true"]{width:350px}.archive-dock-links{left:10px;right:10px}.archive-dock-links a{font-size:14px;padding:0 8px}.archive-dock-handle{display:none}}
@media(hover:hover){.archive-dock-links a:hover{color:var(--red,#ae4238)}}
@media(prefers-reduced-motion:reduce){.archive-dock,.archive-dock-links,.archive-menu-icon::before,.archive-menu-icon::after{transition:none}}

/* Shared glass material is loaded after this file. */