.library-page{width:min(100%,92rem);padding:calc(5.25rem + env(safe-area-inset-top,0px)) clamp(1rem, 3vw, 2.5rem) 4rem;margin:0 auto}.library-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem 2rem;padding-bottom:1.5rem;display:flex}.library-heading{gap:.45rem;display:grid}.library-eyebrow{color:var(--color-primary-light);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.library-heading h1{color:#fff;letter-spacing:-.025em;margin:0;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:800;line-height:1.15}.library-heading p{max-width:44rem;color:var(--color-text-muted);margin:0;font-size:.925rem;line-height:1.55}.library-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.library-tabs{border:1px solid var(--color-border);background:#141719;border-radius:1rem;flex-wrap:wrap;gap:.35rem;padding:.3rem;display:inline-flex}.library-tab{border-radius:var(--button-radius);min-height:2.75rem;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.55rem 1.05rem;font-size:.875rem;font-weight:600;transition:background-color .18s,color .18s;display:inline-flex}.library-tab:hover:not(.is-active){color:#fff;background:#ffffff0f}.library-tab.is-active{background:var(--color-primary-gradient);font-weight:700;color:var(--button-on-primary)!important}.library-tab__count{font-variant-numeric:tabular-nums;background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;min-width:1.45rem;height:1.35rem;padding:0 .4rem;font-size:.75rem;display:inline-flex}.library-tab.is-active .library-tab__count{background:#05180c24;color:var(--button-on-primary)!important}.library-toolbar-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.library-search{align-items:center;min-width:min(18rem,100%);display:flex;position:relative}.library-search i{color:var(--color-text-muted);pointer-events:none;font-size:1rem;position:absolute;left:.85rem}.library-search input{border:1px solid var(--color-border);border-radius:var(--button-radius);color:#fff;width:100%;min-height:2.75rem;font:inherit;background:#141719;padding:.55rem .9rem .55rem 2.4rem;font-size:.875rem}.library-search input:focus{border-color:var(--color-primary-light);outline:none}.library-clear-btn{border:1px solid var(--control-border);border-radius:var(--button-radius);background:var(--control-bg);color:#e4e4e7;min-height:2.75rem;font:inherit;cursor:pointer;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.84rem;font-weight:600;display:inline-flex}.library-clear-btn:hover{border-color:var(--color-primary-light);color:#fff}.library-grid{gap:1.25rem;margin-top:1.75rem;display:grid}.library-grid--watchlist{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr))}.library-grid--history{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}.library-card{background:#141719;border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;transition:transform .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.library-card:hover,.library-card:focus-within{border-color:rgb(var(--color-primary-rgb) / 42%);transform:translateY(-3px)}.library-card__link{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.library-card__media{background:#0b0d0f;width:100%;position:relative;overflow:hidden}.library-card--poster .library-card__media{aspect-ratio:2/3}.library-card--landscape .library-card__media{aspect-ratio:16/9}.library-card__media img{object-fit:cover;width:100%;height:100%;display:block}.library-card__placeholder{width:100%;height:100%;color:var(--color-text-subtle);place-items:center;font-size:2rem;display:grid}.library-card__progress{background:#ffffff2e;height:4px;position:absolute;inset:auto 0 0}.library-card__progress span{background:var(--color-primary);height:100%;display:block}.library-card__body{gap:.3rem;padding:.85rem .95rem 1rem;display:grid}.library-card__body h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.library-card__meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.78rem;display:flex}.library-card__remove{z-index:2;color:#f4f4f5;cursor:pointer;background:#0c0e10d1;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;padding:0;display:grid;position:absolute;top:.55rem;right:.55rem}.library-card__remove:hover{border-color:var(--color-primary-light);color:#fff;background:#141719}.library-empty{text-align:center;background:#14171999;border:1px dashed #ffffff24;border-radius:1.25rem;justify-items:center;gap:.85rem;margin-top:2.5rem;padding:3rem 1.5rem;display:grid}.library-empty>i{color:var(--color-primary-light);font-size:2.5rem}.library-empty h2{color:#fff;margin:0;font-size:1.2rem}.library-empty p{max-width:28rem;color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.55}@media (width<=47.99rem){.library-search,.library-toolbar-actions{width:100%}.library-grid--watchlist{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.library-grid--history{grid-template-columns:minmax(0,1fr)}}
