/* The shell stays visible behind dialogs. Modal backdrops retain input ownership. */
body:has(.ko-drawer) .kn-bell,body:has(.ko-drawer) [data-support-dock],body:has([role=dialog][data-state=open]) .kn-bell,body:has([role=dialog][data-state=open]) [data-support-dock]{visibility:visible!important}
/* One full-height native track; no moving track margins or artificial gutter. */
html:has(body[data-ko-surface=public]){scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:#66666e #0e0e12}
@supports selector(::-webkit-scrollbar){
 html:has(body[data-ko-surface=public]){scrollbar-color:auto!important}
 html:has(body[data-ko-surface=public])::-webkit-scrollbar,body[data-ko-surface=public]::-webkit-scrollbar{width:6px;height:6px;background:linear-gradient(to bottom,#17171b 0 calc(var(--ko-header-height,65px) - 1px),#2b2b2f calc(var(--ko-header-height,65px) - 1px) var(--ko-header-height,65px),#0a0a0f var(--ko-header-height,65px) var(--ka-footer-top,100vh),#2c2c30 var(--ka-footer-top,100vh) calc(var(--ka-footer-top,100vh) + 1px),#0e0e12 calc(var(--ka-footer-top,100vh) + 1px) 100%)!important}
 html:has(body[data-ko-surface=public])::-webkit-scrollbar-track,body[data-ko-surface=public]::-webkit-scrollbar-track{margin:0!important;border:0!important;background:transparent!important}
 html:has(body[data-ko-surface=public])::-webkit-scrollbar-thumb,body[data-ko-surface=public]::-webkit-scrollbar-thumb{background:#62626b!important;border:1px solid transparent!important;border-radius:9px;background-clip:padding-box!important;min-height:36px}
}
/* Shared rental-library cover, spacing and typography. */
.co-page[data-offline-view=library]{max-width:1200px;padding:32px 24px;min-height:0;flex:1;--co-panel:#111216;--co-muted:#92929f}
.co-page[data-offline-view=library] .co-heading{align-items:end!important;margin-bottom:28px;gap:16px}
.co-page[data-offline-view=library] .co-heading h1{font-size:34px;line-height:1.2;margin-bottom:4px}
.co-page[data-offline-view=library] .co-heading-actions{gap:12px;flex-wrap:wrap;justify-content:flex-end}
.co-page[data-offline-view=library] .kd-search{width:288px;min-height:42px;max-width:100%;border-radius:10px;background:#111216;border-color:#4b4c57;box-shadow:0 0 0 1px #ffffff06}
.co-page[data-offline-view=library] .kd-search input{font-size:14px}
.co-page[data-offline-view=library] .co-plan-summary{min-height:44px!important;padding:4px 12px!important;gap:1px;border-radius:10px;border-color:#33343d;background:transparent}
.co-page[data-offline-view=library] .co-plan-summary strong{font-size:13px}.co-page[data-offline-view=library] .co-plan-summary span{font-size:12px}
.co-page[data-offline-view=library] .co-nav-link{font-size:14px;padding:0 10px;border:1px solid #33343d;border-radius:10px;gap:4px;min-height:44px}
.co-page[data-offline-view=library] .co-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}
.co-page[data-offline-view=library] .co-card{border-radius:20px;border:1px solid #ffffff0f;background:#111216;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s}
.co-page[data-offline-view=library] .co-cover{position:relative;aspect-ratio:460/215;background:#17181f}
.co-page[data-offline-view=library] .co-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111216,rgba(17,18,22,.1) 60%,transparent)}
.co-page[data-offline-view=library] .co-cover img{transition:transform .45s ease-out}
.co-page[data-offline-view=library] .co-card-content{padding:14px!important;min-height:0;gap:0}
.co-library-title{display:flex;align-items:center;gap:8px}
.co-page[data-offline-view=library] .co-library-title h2{font-size:15px!important;line-height:20px!important;min-height:0!important;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.co-library-title>svg{width:16px;height:16px;flex-shrink:0;color:#92929f}
.co-library-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;font-size:13px;color:#92929f;flex-wrap:wrap}
.co-page[data-offline-view=library] .co-library-meta time{display:flex;gap:4px;align-items:center;color:#92929f;font-size:12px;white-space:nowrap}
.co-library-meta svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.7;fill:none}
.co-library-card:focus-visible{outline:2px solid #dddde5;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.co-page[data-offline-view=library] .co-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -16px #0009;border-color:#ffffff28}.co-page[data-offline-view=library] .co-card:hover img{transform:scale(1.05)}}
.co-entry-list{scrollbar-width:thin;scrollbar-color:#61616b transparent;scroll-padding:8px;gap:8px}
.co-entry-list button{position:relative;border-color:#303038!important;border-radius:12px!important;background:#111216!important;color:#d8d8df}
.co-entry-list button[aria-pressed=true]{border-color:#aaaab5!important;background:#25252c!important;box-shadow:inset 3px 0 #d9d9e0}
.co-entry-list button:focus-visible{outline:2px solid #dddde5;outline-offset:2px}
.co-entry-list small{font-size:12px;color:#b0b0ba}.co-entry-list span{line-height:1.5;font-variant-numeric:tabular-nums}
.co-game-actions{min-width:0}.co-access-placeholder{min-height:180px}
@keyframes ko-account-reveal{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}
.co-detail-page .co-access{animation:ko-account-reveal .16s ease-out}
/* Notification controls: one stable footer, no settings route or saved banner. */
.kn-panel{--kn-accent:#eeeef3;--kn-muted:#b5b5bf;--kn-border:#ffffff14;background:#17171c!important;border-color:#3a3a43!important}
.kn-panel [hidden]{display:none!important}
.kn-panel .kn-head{gap:4px}.kn-panel .kn-head h2{min-width:0;overflow-wrap:anywhere;font-size:20px!important}
.kn-panel .kn-iconbtn{flex-shrink:0;min-width:36px;min-height:40px;color:#d0d0da!important}
.kn-panel .kn-tab{font-size:13px!important;color:#b5b5bf!important}
.kn-panel .kn-tab[aria-selected=true]{color:#fff!important}.kn-panel .kn-underline{background:#e3e3eb}.kn-panel .kn-tabcount{color:#aaaab5!important}
.kn-panel .kn-rowmedia{background:#25252c;color:#c9c9d1}.kn-panel .kn-dot{background:#d9d9e2}
.kn-panel .kn-rowbody{font-size:14px;line-height:1.5;color:#bcbcc6}.kn-panel .kn-rowtitle{font-size:15px!important;line-height:1.4!important;color:#f0f0f4}
.kn-panel .kn-time{font-size:12px;color:#a5a5af}.kn-panel .kn-row{padding-block:16px}
.kn-panel .kn-dismiss{position:static;align-self:flex-start;min-width:32px;min-height:36px;width:32px;opacity:1}.kn-panel .kn-dismiss svg{width:17px;height:17px}
.kn-panel .kn-footer{padding:10px 16px;min-height:64px;gap:8px}
.kn-panel .kn-readall{font-size:13px!important;min-height:44px;color:#eeeef3!important}
.kn-panel .kn-soundshort{font-size:13px;min-height:44px;cursor:pointer}
.kn-panel .kn-toggle{width:36px;height:22px;background:#383840;border-color:#585861}
.kn-panel .kn-toggle:before{width:14px;height:14px;top:3px;left:3px;background:#dddde3}
.kn-panel .kn-toggle:checked{background:#dddde3;border-color:#dddde3}.kn-panel .kn-toggle:checked:before{transform:translateX(14px);background:#27272d}
.kn-panel .kn-status{position:absolute;inset:auto 12px 76px;z-index:2;border:1px solid #6c5656;background:#2c2222;color:#ffdedb;padding:10px 12px;border-radius:10px;box-shadow:0 6px 20px #0005;font-size:13px}
.kn-panel .kn-status[hidden]{display:none!important}
.kn-panel .kn-textinput{font-size:14px!important;background:#111216;border-color:#494951;color:#eeeef3}.kn-panel .kn-primary{background:#e4e4eb;color:#16161b!important}.kn-panel .kn-help{font-size:12px;color:#b6b6c0}
@media(max-width:1100px){.co-page[data-offline-view=library] .co-heading{flex-direction:column!important;align-items:stretch!important}.co-page[data-offline-view=library] .co-heading-actions{justify-content:flex-start}.co-page[data-offline-view=library] .kd-search{flex:1;min-width:180px}}
@media(max-width:1023px){.co-page[data-offline-view=library] .co-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.co-page[data-offline-view=library]{padding:28px 16px}.co-page[data-offline-view=library] .co-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.co-page[data-offline-view=library] .co-heading-actions{display:grid!important;grid-template-columns:1fr auto;gap:10px;width:100%!important}.co-page[data-offline-view=library] .kd-search{grid-column:1/-1;width:100%;min-width:0}.co-page[data-offline-view=library] .co-heading h1{font-size:30px}.co-page[data-offline-view=library] .co-plan-summary{min-height:44px!important}.co-detail-page .co-entry-list{max-height:210px}.kn-panel .kn-rowmedia{width:36px;min-width:36px;height:42px}.kn-panel .kn-row{gap:9px;margin-inline:14px}.kn-panel .kn-head{padding-inline:12px}.kn-panel .kn-tabs{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.co-page[data-offline-view=library] .co-card,.co-page[data-offline-view=library] img,.co-detail-page .co-access{animation:none!important;transition:none!important;transform:none!important}}
@supports selector(::-webkit-scrollbar){
 html:has(body[data-ko-surface=public]){scrollbar-width:auto!important}
 html:has(body[data-ko-surface=public])::-webkit-scrollbar-button,body[data-ko-surface=public]::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}
}
.co-page[data-offline-view=library] .co-card{background:#111216!important;border-color:#ffffff0f!important}
.co-page[data-offline-view=library] .co-card-content{background:#111216!important}
.kn-bell .kn-badge{background:#e5e5ed!important;color:#16161a!important;box-shadow:0 0 0 2px #17171b}

.co-cover{position:relative}.co-cover-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;color:#6e6e79}