:root{--header-height:58px;--sidebar-rail:70px}
header{height:var(--header-height);gap:21px;padding:0 23px}.wordmark{font-size:27px}.wordmark span{font-size:36px}aside{top:var(--header-height);transition:width .18s ease;padding-top:24px}main{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));transition:margin-left .18s ease}.title-page{min-height:calc(100vh - var(--header-height))}
.searchbox{height:36px;background:#ffffff11;border:1px solid #ffffff20;border-radius:7px;padding:0 12px;margin-left:30px;width:36%;max-width:480px;gap:9px;transition:background .15s,border-color .15s}.searchbox:focus-within{background:#ffffff19;border-color:#e8ae2780}.searchbox>span{font-size:25px;line-height:1;color:#c1c4ca}.searchbox input{font-size:12px;padding:7px 0}.searchbox input::placeholder{color:#b1b4bc}.searchbox kbd{color:#b1b4bc;border-color:#ffffff25}.profile-menu{top:43px}
.nav-label{display:block;overflow:hidden;text-overflow:ellipsis;min-width:0}.nav-icon{flex-shrink:0}.nav-item a{overflow:visible}.nav-item a.active:before{left:0}.nav-item a.active{background:#e8ae2710}.nav-grip{left:-9px}
body.nav-collapsed aside{display:flex;width:var(--sidebar-rail);padding:24px 8px}body.nav-collapsed #main{margin-left:var(--sidebar-rail)}body.nav-collapsed .nav-item a{justify-content:center;gap:0;padding:12px 0}body.nav-collapsed .nav-label,body.nav-collapsed .nav-grip,body.nav-collapsed .nav-move{display:none}body.nav-collapsed .nav-icon{font-size:23px;width:26px}body.nav-collapsed .sidebar-bottom{padding:20px 0 0}body.nav-collapsed .sidebar-bottom .connection{justify-content:center}body.nav-collapsed .sidebar-bottom .connection span,body.nav-collapsed .sidebar-bottom small,body.nav-collapsed .sidebar-bottom a{display:none}body.nav-collapsed aside{box-shadow:none}
@media(max-width:1000px){.searchbox{margin-left:12px}header{gap:17px}}
@media(max-width:650px){:root{--sidebar-rail:58px}header{gap:9px;padding:0 12px}.wordmark{font-size:24px}.wordmark span{font-size:31px}.searchbox{margin-left:4px;padding:0 8px;flex:1;width:auto;height:34px;gap:5px}.searchbox>span{font-size:21px}.searchbox input{font-size:11px}.searchbox kbd{display:none}.header-right{gap:3px}aside{top:var(--header-height);width:210px}#main{margin-top:var(--header-height);margin-left:var(--sidebar-rail);padding:25px 18px}.title-main#main{padding:0}body.nav-collapsed aside{padding:24px 6px}body.reordering-sidebar aside{top:184px}body.reordering-sidebar .sidebar-edit-toolbar{top:var(--header-height)}body.reordering-sidebar #main{padding-top:150px}}
@media(prefers-reduced-motion:reduce){aside,main,.searchbox{transition:none}}
.searchbox input:focus{outline:none}.player-page.controls-hidden .trickplay-preview{opacity:0}
/* Denser browsing rows, without changing the larger title-page artwork. */
main:not(.title-main){padding:24px 32px 55px}main:not(.title-main) .tabs{margin-bottom:22px}#home-rows .section{margin-bottom:26px}#home-rows .section-heading{margin-bottom:12px}#home-rows .section h2{font-size:19px}#home-rows .poster-row,#title-related .poster-row{grid-auto-columns:clamp(124px,10vw,160px);gap:18px;padding-bottom:8px}#home-rows .card-title,#grid .card-title,#title-related .card-title{margin-top:8px}#home-rows .card-sub,#grid .card-sub{margin-top:3px}#grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:23px 18px}.page-top{margin-bottom:23px}
@media(max-width:1000px){main:not(.title-main){padding:22px 25px 45px}#home-rows .poster-row,#title-related .poster-row{grid-auto-columns:128px;gap:16px}}
@media(max-width:650px){main:not(.title-main){padding:20px 16px 40px}#home-rows .poster-row,#title-related .poster-row{grid-auto-columns:120px;gap:15px}#home-rows .section h2{font-size:17px}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 14px}body.reordering-sidebar #main{padding-top:150px}}