@charset "UTF-8";
:root{color-scheme:dark;--bg:#09090b;--surface:#141416;--line:#28282c;--text:#f5f5f6;--muted:#99999f;--cyan:#25e5dc;--pink:#ff4264;--top:88px;--bottom:0px;--stage:calc(100dvh - 164px)}
*{box-sizing:border-box;letter-spacing:0}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
button,input,a{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
button,a{touch-action:manipulation}
button{color:inherit;background:none;border:0;cursor:pointer}
button:disabled{opacity:.3;cursor:default}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
svg{width:20px;height:20px;flex:none;stroke-width:1.7;display:block}
button svg{pointer-events:none}
[hidden]{display:none!important}
.icon-button{width:44px;height:44px;display:grid;place-items:center;flex:none;padding:0;border-radius:50%;background:transparent;transition:background .2s}
.icon-button:hover{background:#ffffff15}
.topbar{position:relative;height:var(--top);padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);z-index:10}
.brand{display:flex;align-items:center;gap:20px;flex:none}
.brand img{width:86px;height:auto;display:block;filter:drop-shadow(-1px 0 0 #25e5dc) drop-shadow(1px 0 0 #ff4264)}
.brand-divider{height:21px;width:1px;background:#3b3b40}
.brand-label{font-size:13px;font-weight:500;color:#bdbdc2}
.top-tabs{display:flex;align-self:stretch;gap:36px;position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%)}
.top-tabs button{position:relative;font-weight:600;font-size:15px;padding:0 4px;color:var(--muted)}
.top-tabs button.active{color:#fff}
.top-tabs button.active:after{content:"";position:absolute;bottom:19px;left:50%;width:16px;height:3px;transform:translateX(-50%);background:var(--cyan);box-shadow:3px 0 0 var(--pink)}
.top-actions{display:flex;align-items:center;gap:20px}
.original-label{font-size:10px;font-weight:650;display:flex;align-items:center;gap:8px;color:#b5b5bc}
.original-label>span,.live-dot{width:5px;height:5px;display:inline-block;background:var(--cyan);border-radius:50%}
.contact-link{border:1px solid #3c3c42;display:flex;align-items:center;justify-content:center;gap:16px;height:38px;padding:0 16px;font-size:12px;border-radius:4px}
.contact-link svg{width:15px;height:15px}
.workspace{height:calc(100dvh - var(--top));max-width:1560px;display:grid;grid-template-columns:224px minmax(340px,1fr) 300px;gap:40px;margin:0 auto;padding:0 40px}
.sidebar{display:flex;flex-direction:column;padding-top:34px;min-height:0}
.section-label{color:#7e7e88;font-size:10px;font-weight:650;line-height:1.5;margin:0;text-transform:uppercase}
.side-nav{margin-top:17px;display:grid;gap:5px}
.side-nav button{height:48px;display:flex;align-items:center;padding:0 14px;gap:13px;border-radius:4px;font-size:14px;text-align:left;color:#a5a5ad}
.side-nav button:hover{background:#151517;color:#fff}
.side-nav button.active{background:#1b1b1f;color:#fff}
.side-nav button.active>svg:first-child{color:var(--cyan)}
.side-nav .nav-arrow{width:15px;height:15px;margin-left:auto;color:#73737c}
.saved-badge{margin-left:auto;font-size:11px;color:#a0a0aa}
.category-heading{display:flex;justify-content:space-between;margin-top:38px;align-items:center;padding:0 13px}
#category-count{font-size:10px;color:#65656e}
.category-list{margin-top:14px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:thin}
.category-list button{display:flex;align-items:center;justify-content:space-between;padding:0 13px;min-height:39px;font-size:12px;color:#95959d;border-left:2px solid transparent;text-align:left}
.category-list button:hover{color:#fff}
.category-list button.active{border-color:var(--cyan);color:var(--cyan)}
.category-list button span:last-child{font-size:10px;color:#66666e}
.sidebar-foot{margin-top:auto;padding:34px 13px 32px}
.brand-rule{display:block;width:28px;height:3px;background:var(--cyan);box-shadow:12px 0 0 var(--pink);margin-bottom:18px}
.sidebar-foot p{font-size:17px;font-weight:600;margin:0 0 9px}
.sidebar-foot>span:not(.brand-rule){font-size:9px;color:#64646d}
.sidebar-foot a{font-size:11px;color:#85858d;display:flex;align-items:center;gap:8px;margin-top:27px}
.sidebar-foot svg{width:13px;height:13px}
.screen{height:100%;min-width:0;display:flex;flex-direction:column;align-items:center;position:relative}
.feed-topline{width:min(100%,calc(var(--stage) * .5625));height:44px;flex:none;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b3b3ba}
.feed-topline b{color:#f5f5f6;font-weight:600;font-size:12px}
.slash{color:#46464c;margin:0 7px}
.feed-stage{position:relative;width:min(100%,calc(var(--stage) * .5625));height:var(--stage);flex:none;background:#111113;border-radius:6px;box-shadow:0 0 0 1px #ffffff0a}
.feed{position:absolute;inset:0;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;border-radius:6px;outline-offset:2px;touch-action:pan-y}
.feed::-webkit-scrollbar{display:none}
.slide{position:relative;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#111113;isolation:isolate}
.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.player-host{position:absolute;inset:0;z-index:1}
.slide-caption{position:absolute;bottom:79px;left:22px;right:76px;z-index:3;pointer-events:none;text-shadow:0 1px 8px #0006}
.video-badge{display:flex;align-items:center;gap:6px;font-size:10px;color:#fff;margin-bottom:10px;font-weight:500}
.video-badge>span{width:4px;height:12px;background:var(--cyan);box-shadow:3px 0 0 var(--pink);margin-right:5px}
.slide-caption h2{font-size:22px;font-weight:650;line-height:1.4;margin:0 0 8px;text-wrap:balance}
.caption-meta{font-size:10px;color:#d4d4d8;display:flex;gap:10px;align-items:center;line-height:1.6}
.caption-meta .dot{width:2px;height:2px;background:#b1b1b7;display:inline-block}
.slide-actions{position:absolute;bottom:98px;right:12px;z-index:5;display:flex;flex-direction:column;gap:16px}
.slide-action{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;padding:0;min-width:46px;text-shadow:0 1px 4px #0009}
.slide-action>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff33;background:#15151540;backdrop-filter:blur(8px)}
.slide-action svg{width:20px;height:20px}
.slide-action small{font-size:10px}
.slide-action.saved svg{fill:var(--cyan);color:var(--cyan)}
.slide-counter{position:absolute;top:18px;left:20px;z-index:4;font-size:9px;color:#fff9}
.slide-counter strong{font-weight:700;color:#fff}
.page-nav{position:absolute;right:-61px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:14px}
.page-nav button{border:1px solid #343438;background:#131315;width:40px;height:40px}
.page-nav>span{font-size:10px;color:#878791;font-variant-numeric:tabular-nums}
.feed-foot{width:min(100%,calc(var(--stage) * .5625));height:32px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#686873;flex:none}
.feed-foot>span:first-child{display:flex;align-items:center;gap:7px}
.feed-foot .live-dot{width:4px;height:4px}
.feed-state{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#111113;padding:32px}
.feed-state p{font-size:13px;color:#9e9ea6;line-height:1.8}
.feed-state .retry{border:1px solid #494950;padding:11px 22px;border-radius:4px;font-size:12px}
.loading-mark{width:26px;height:26px;border:2px solid #ffffff18;border-top-color:var(--cyan);border-right-color:var(--pink);border-radius:50%;animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.detail-sidebar{padding:37px 0 24px;min-width:0;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}
.detail-top{display:flex;justify-content:space-between;align-items:center}
.mini-mark{font-size:10px;color:#55555f;font-weight:800}
.work-detail{margin-top:48px}
.detail-category{color:var(--cyan);font-size:11px;display:flex;gap:8px;align-items:center}
.detail-category:before{content:"";width:14px;height:1px;background:var(--cyan)}
.work-detail h1{font-size:30px;line-height:1.4;margin:15px 0 18px;font-weight:650;text-wrap:balance}
.work-detail p{color:#92929d;font-size:12px;line-height:1.9;margin:0}
.detail-facts{display:flex;gap:24px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.detail-facts>div{display:flex;flex-direction:column;gap:6px}
.detail-facts small{color:#6c6c77;font-size:9px}
.detail-facts span{color:#c8c8cf;font-size:11px}
.detail-tools{display:flex;gap:10px;margin-top:27px}
.detail-tool{border:1px solid #35353c;border-radius:4px;min-height:42px;flex:1;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;color:#cacad1}
.detail-tool svg{width:15px;height:15px}
.detail-tool.saved{color:var(--cyan);border-color:#25e5dc50}
.detail-tool.saved svg{fill:#25e5dc20}
.up-next{border-top:1px solid var(--line);margin-top:37px;padding-top:22px}
.up-next-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.text-button{display:flex;align-items:center;gap:7px;font-size:10px;color:#858590;min-height:32px}
.text-button svg{width:13px;height:13px}
.next-work{width:100%;display:flex;gap:13px;align-items:center;padding:8px 0;text-align:left}
.next-work img{height:76px;width:52px;object-fit:cover;border-radius:3px;background:#1d1d21}
.next-work>span{min-width:0;display:flex;flex-direction:column;gap:8px;flex:1}
.next-work strong{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.next-work small{font-size:10px;color:#767680}
.next-work>svg{width:14px;height:14px;color:#656571}
.studio-signoff{margin-top:auto;padding-top:30px;display:flex;gap:15px;align-items:center;color:#61616c;font-size:9px}
.studio-signoff img{opacity:.35}
.mobile-tabs{display:none}
dialog{color:var(--text);background:#111113;border:1px solid #33333b;padding:0;box-shadow:0 24px 100px #0009}
dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}
.library{width:780px;max-width:calc(100vw - 48px);height:min(86dvh,940px);border-radius:8px;padding:28px 30px 30px;overflow-y:auto;scrollbar-width:thin}
.sheet-head{display:flex;justify-content:space-between;align-items:center}
.sheet-head h1{font-size:24px;margin:8px 0 0;display:flex;align-items:center;gap:12px}
.sheet-head h1 span{font-size:11px;color:#888892;font-weight:400}
.search-field{display:flex;align-items:center;margin:25px 0 16px;border:1px solid #35353d;background:#1a1a1e;border-radius:4px;min-width:0;padding-left:14px;gap:12px}
.search-field>svg{width:17px;height:17px;color:#777784}
.search-field input{outline:0;background:none;border:0;color:#fff;min-width:0;flex:1;font-size:12px;height:46px}
.search-field input::placeholder{color:#70707c}
.filter-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:24px}
.filter-tabs button{padding:9px 12px;font-size:11px;color:#9999a5;border-radius:3px;min-height:36px}
.filter-tabs button.active{color:var(--cyan);background:#25e5dc12}
.filter-tabs button:hover{background:#ffffff08}
.library-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 12px}
.work-tile{padding:0;text-align:left;min-width:0;display:flex;flex-direction:column}
.tile-image{aspect-ratio:9/13;width:100%;position:relative;overflow:hidden;border-radius:4px;background:#212126}
.tile-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.work-tile:hover img{transform:scale(1.04)}
.tile-image>span{position:absolute;bottom:8px;right:8px;color:#fff;font-size:9px;text-shadow:0 1px 4px #000;background:#0008;padding:3px 5px;border-radius:2px}
.tile-image>i,.tile-image>svg{position:absolute;top:9px;right:9px;color:var(--cyan);width:14px;height:14px}
.work-tile strong{font-size:12px;font-weight:500;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.work-tile small{font-size:10px;color:#7a7a86;margin-top:6px}
.load-more{margin:30px auto 0;display:flex;align-items:center;gap:10px;border:1px solid #3a3a43;padding:12px 22px;border-radius:4px;font-size:12px}
.load-more svg{width:14px;height:14px}
.library-empty{grid-column:1/-1;text-align:center;padding:60px 10px;color:#91919d;font-size:13px;line-height:2}
.about-dialog{width:440px;max-width:calc(100vw - 40px);padding:60px 36px 36px;border-radius:8px;text-align:center}
.close-about{position:absolute;right:12px;top:12px}
.about-dialog>img{display:block;margin:0 auto 25px;height:auto}
.about-dialog h1{font-size:26px;line-height:1.4;margin:24px 0 12px}
.about-dialog p{color:#91919b;font-size:12px}
.about-contact{display:flex;justify-content:center;align-items:center;gap:30px;background:var(--cyan);color:#081513;font-size:13px;font-weight:650;height:48px;border-radius:4px;margin-top:36px;box-shadow:4px 4px 0 var(--pink)}
.about-contact svg{width:16px;height:16px}
.about-site{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#90909a;margin-top:23px}
.about-site svg{width:12px;height:12px}
.toast{position:fixed;bottom:calc(40px + var(--bottom));left:50%;transform:translateX(-50%);z-index:100;background:#f3f3f5;color:#151519;font-size:12px;padding:13px 20px;border-radius:5px;max-width:calc(100vw - 32px);text-align:center;box-shadow:0 4px 30px #0006}
.noscript{position:fixed;inset:30%;z-index:90;color:#fff;background:#141416;padding:30px}
.art-video-player{font-family:inherit!important}
.art-video-player .art-video{object-fit:contain!important}
.art-video-player .art-bottom{z-index:60!important;padding:0 18px 12px!important;background:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
.art-video-player .art-controls,.art-video-player .art-progress{transform:none!important;opacity:1!important}
.art-video-player .art-controls{height:34px!important}
.art-video-player .art-progress{height:3px!important}
.art-video-player .art-progress-played{background:var(--cyan)!important}
.art-video-player .art-control{padding:0 5px!important}
.art-video-player .art-controls-left .art-control{margin-right:2px}
.art-video-player .art-icon svg{width:20px!important;height:20px!important}
.art-video-player .art-control-time{font-size:10px!important}
.retry-player{position:absolute;top:45%;left:calc(50% - 22px);background:#ffffff20}
.merchant-trigger{display:flex;align-items:center;gap:9px;min-width:44px;min-height:44px;font-size:12px;color:#bdbdc6}
.merchant-trigger>svg:first-child{color:var(--cyan);width:18px;height:18px}
.merchant-trigger>svg:last-child{width:13px;height:13px;color:#757580}
.merchant-trigger>span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.merchant-heading{display:flex;justify-content:space-between;align-items:center;margin:23px 0 5px;padding-left:13px}
.merchant-heading .icon-button{width:30px;height:30px;color:#858590}
.merchant-heading svg{width:15px;height:15px}
.side-merchant{display:flex;align-items:center;gap:11px;min-height:58px;padding:8px 10px;text-align:left;border:1px solid #303037;border-radius:4px;flex:none}
.merchant-monogram{width:33px;height:33px;background:#202024;border-left:2px solid var(--cyan);font-size:10px;font-weight:700;display:grid;place-items:center;flex:none}
.side-merchant>span:nth-child(2){min-width:0;flex:1}
.side-merchant strong{display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-merchant small{display:block;font-size:10px;color:#858590;margin-top:5px}
.side-merchant>svg{width:14px;height:14px;color:#888894}
.merchant-heading~.category-heading{margin-top:25px}
.mobile-merchant-scope{display:none}
.merchant-dialog{width:620px;max-width:calc(100vw - 40px);max-height:85dvh;padding:28px;border:1px solid #34343c;border-radius:8px;background:#141416;color:var(--text);overflow-y:auto}
.merchant-search{margin-top:24px}
.merchant-list{margin-top:20px;border-top:1px solid var(--line)}
.merchant-row{width:100%;display:flex;align-items:center;gap:16px;min-height:90px;padding:18px 10px;text-align:left;border-bottom:1px solid var(--line)}
.merchant-row:hover{background:#ffffff06}
.merchant-row.selected{background:#25e5dc07}
.merchant-avatar{width:44px;height:44px;display:grid;place-items:center;flex:none;border:1px solid #3a3a43;border-radius:4px;font-size:14px;font-weight:650;background:#202024}
.merchant-row.selected .merchant-avatar{color:var(--cyan);border-color:#25e5dc60}
.merchant-row-copy{flex:1;min-width:0}
.merchant-row-copy strong{display:block;font-size:15px;font-weight:600;overflow-wrap:anywhere;line-height:1.5}
.merchant-row-copy small{display:block;font-size:11px;line-height:1.6;color:#8d8d99;margin-top:5px;overflow-wrap:anywhere}
.merchant-row-count{font-size:16px;font-variant-numeric:tabular-nums;text-align:right;flex:none}
.merchant-row-count small{display:block;font-size:9px;color:#82828e;margin-top:5px}
.merchant-row>svg{width:16px;height:16px;color:#6e6e7b}
.merchant-row.selected>svg{color:var(--cyan)}
.merchant-dialog-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:25px}
.merchant-share{display:flex;align-items:center;gap:8px;font-size:12px;min-height:40px;color:var(--cyan)}
.merchant-share svg{width:16px;height:16px}
.merchant-dialog-foot .text-button{margin-left:auto;min-height:40px}
.feed-state .retry{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px}
.feed-state .retry svg{width:15px;height:15px}
.empty-merchants{margin-top:18px;min-height:40px}
@media(max-width:1400px){.top-actions .original-label{display:none}}
@media(max-width:1200px){.merchant-trigger>span,.merchant-trigger>svg:last-child{display:none}.merchant-trigger{justify-content:center;width:36px}}
@media(max-width:640px){
 .top-actions .merchant-trigger{display:none}
 .mobile-merchant-scope{display:flex;align-items:center;gap:8px;position:absolute;z-index:8;top:calc(var(--top) + 8px);left:17px;max-width:calc(100% - 110px);height:32px;padding:0 9px;background:#1119;border:1px solid #ffffff22;border-radius:4px;backdrop-filter:blur(12px);text-shadow:0 1px 4px #0009;font-size:11px}
 .mobile-merchant-scope span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mobile-merchant-scope svg{width:14px;height:14px}
 .mobile-merchant-scope svg:first-child{color:var(--cyan)}
 .slide-counter{left:auto;right:20px;top:calc(var(--top) + 19px)}
 .merchant-dialog{margin:auto 0 0;max-width:none;width:100%;max-height:89dvh;padding:24px 18px calc(24px + env(safe-area-inset-bottom,0px));border-radius:8px 8px 0 0;border-bottom:0}
 .merchant-row{gap:12px;min-height:86px;padding:16px 4px}
 .merchant-row-copy strong{font-size:14px}
 .merchant-avatar{width:40px;height:40px;font-size:12px}
}
.art-video-player .art-mask{background:none!important}
.art-video-player .art-state{position:absolute!important;bottom:auto!important;right:auto!important;left:50%!important;top:44%!important;transform:translate(-50%,-50%)!important}
.art-video-player .art-state svg{width:46px!important;height:46px!important;filter:drop-shadow(0 2px 8px #0006)}
.art-video-player .art-contextmenus{display:none!important}
.art-video-player .art-settings{max-width:230px!important;background:#18181aeF!important;backdrop-filter:blur(15px);border:1px solid #ffffff1c;border-radius:6px!important}
.art-video-player.art-fullscreen-web .art-video{object-fit:contain!important}
@media(min-width:1500px){.workspace{grid-template-columns:240px minmax(340px,1fr) 320px;gap:60px}.detail-sidebar{padding-top:42px}}
@media(max-width:1200px){.workspace{grid-template-columns:180px minmax(300px,1fr) 250px;gap:28px;padding:0 26px}.topbar{padding:0 26px}.detail-facts{gap:18px}.work-detail h1{font-size:25px}.original-label{display:none}.page-nav{right:-49px}.page-nav button{width:34px;height:34px}.detail-sidebar{padding-left:12px}.brand-label{display:none}.brand-divider{display:none}.category-list button{padding:0 10px}}
@media(max-width:980px){.workspace{grid-template-columns:170px minmax(300px,1fr);max-width:860px;padding:0 28px;gap:50px}.detail-sidebar{display:none}.page-nav{right:-60px}.sidebar-foot p{font-size:15px}.contact-link{display:none}.topbar{height:76px}:root{--top:76px;--stage:calc(100dvh - 146px)}}
@media(max-width:640px){
 :root{--top:calc(62px + env(safe-area-inset-top,0px));--bottom:calc(58px + env(safe-area-inset-bottom,0px));--stage:calc(100dvh - var(--bottom))}
 .topbar{position:fixed;left:0;right:0;top:0;height:var(--top);border:0;padding:env(safe-area-inset-top,0px) 18px 0;background:linear-gradient(#0008,transparent);pointer-events:none}
 .topbar>*{pointer-events:auto}
 .brand{gap:0}.brand img{width:62px;height:auto}.brand-label,.brand-divider{display:none}
 .top-tabs{gap:26px;top:env(safe-area-inset-top,0px)}.top-tabs button{font-size:14px;text-shadow:0 1px 8px #0009}.top-tabs button:not(.active){color:#ffffffb0}
 .top-tabs button.active:after{bottom:11px;width:13px;height:2px}
 .top-actions{gap:0}.top-actions .icon-button{width:36px;height:44px}.original-label,.contact-link{display:none}
 .workspace{height:var(--stage);display:block;padding:0;max-width:none}
 .sidebar,.detail-sidebar,.feed-topline,.feed-foot,.page-nav{display:none}
 .screen{height:100%}.feed-stage{width:100%;height:100%;border-radius:0;box-shadow:none}.feed{border-radius:0}
 .slide-caption{left:20px;bottom:80px;right:83px}.slide-caption h2{font-size:23px;margin-bottom:8px}.video-badge{font-size:10px;margin-bottom:9px}.caption-meta{font-size:10px;gap:9px}
 .slide-counter{top:calc(var(--top) + 12px);left:20px;font-size:10px}
 .slide-actions{right:13px;bottom:102px;gap:18px}.slide-action{font-size:10px;gap:6px}.slide-action>span{width:46px;height:46px}
 .mobile-tabs{height:var(--bottom);padding:0 10px env(safe-area-inset-bottom,0px);background:#0d0d10;position:fixed;bottom:0;left:0;right:0;z-index:15;border-top:1px solid #27272b;display:grid;grid-template-columns:repeat(4,1fr)}
 .mobile-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#85858f;position:relative}
 .mobile-tabs button.active{color:#fff}.mobile-tabs button.active svg{color:var(--cyan)}
 .mobile-tabs button.active:before{content:"";position:absolute;top:-1px;width:24px;height:2px;background:var(--cyan);box-shadow:7px 0 0 var(--pink)}
 .mobile-tabs svg{width:20px;height:20px}
 .library{margin:auto 0 0;width:100%;max-width:none;height:calc(93dvh - env(safe-area-inset-top,0px));max-height:none;border-radius:10px 10px 0 0;border-bottom:0;padding:23px 18px calc(26px + env(safe-area-inset-bottom,0px))}
 .sheet-head h1{font-size:23px}.search-field{margin-top:21px}.filter-tabs{flex-wrap:nowrap;overflow-x:auto;margin-right:-18px;padding-right:18px;scrollbar-width:none;gap:0}.filter-tabs button{flex:none;white-space:nowrap;padding:10px 12px;min-height:40px}
 .library-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 9px}.tile-image{aspect-ratio:9/14}.work-tile strong{font-size:11px}.work-tile small{font-size:9px}
 .art-video-player .art-bottom{padding:0 15px 12px!important}.art-video-player .art-control{min-width:30px!important}.art-video-player .art-controls-right .art-control-fullscreenWeb{display:none!important}
}
@media(max-width:360px){.slide-caption h2{font-size:20px}.library-results{grid-template-columns:repeat(2,minmax(0,1fr))}.top-tabs{gap:20px}.caption-meta{flex-wrap:wrap;row-gap:2px}}
@media(max-height:650px) and (min-width:641px){:root{--top:64px;--stage:calc(100dvh - 130px)}.sidebar{padding-top:22px}.category-heading{margin-top:18px}.sidebar-foot{display:none}.detail-sidebar{padding-top:22px}.work-detail{margin-top:22px}.work-detail h1{font-size:23px}.up-next{margin-top:24px}.studio-signoff{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition:none!important}}
#library-title{font-size:inherit;color:inherit;margin:0;font-weight:inherit}
@media(max-width:640px){.slide-counter{left:auto;right:20px;top:calc(var(--top) + 19px)}}