:root{--color-bg:#f8f8f7;--color-surface:#ffffff;--color-surface-raised:#f2f1ef;--color-border:#e4e3e0;--color-border-subtle:#eeede9;--color-text-primary:#1a1a18;--color-text-secondary:#5a5a56;--color-text-muted:#8a8a84;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-success-bg:#f0faf0;--color-success-text:#166534;--color-success-border:#bbf7d0;--color-warning-bg:#fffbeb;--color-warning-text:#92400e;--color-warning-border:#fde68a;--color-error-bg:#fef2f2;--color-error-text:#991b1b;--color-error-border:#fecaca;--color-neutral-bg:#f4f4f2;--color-neutral-text:#4a4a46;--color-neutral-border:#d8d8d4;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-size-sm:0.8125rem;--font-size-base:0.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-body:1.6;--line-height-heading:1.25;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 2px 8px rgba(0,0,0,0.07),0 1px 2px rgba(0,0,0,0.04);--page-max-width:860px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-body);color:var(--color-text-primary);background-color:var(--color-bg)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}.page-wrapper{max-width:var(--page-max-width);margin:0 auto;padding:var(--space-10) var(--space-6)}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);color:var(--color-text-primary)}.session-indicator{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.session-indicator strong{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.catalog-page{min-height:100vh;display:flex;flex-direction:column}.catalog-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.catalog-header__inner{max-width:1160px;margin:0 auto;padding:var(--space-5) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.catalog-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.catalog-header__actions{display:flex;align-items:center;gap:var(--space-4)}.btn-logout{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;font-size:var(--font-size-sm);font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn-logout:hover{background:var(--color-surface-raised);border-color:var(--color-neutral-border)}.catalog-body{flex:1 1;max-width:1160px;width:100%;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}.catalog-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.vc{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.vc,.vc:hover{text-decoration:none;color:inherit}.vc:hover{box-shadow:var(--shadow-md),0 4px 16px rgba(0,0,0,.06);border-color:var(--color-neutral-border);transform:translateY(-2px)}.vc:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.vc__poster{width:100%;aspect-ratio:16/9;background:var(--color-surface-raised);flex-shrink:0;overflow:hidden;transition:background .18s ease}.vc:hover .vc__poster{background:color-mix(in srgb,var(--color-surface-raised) 85%,var(--color-border))}.vc__poster-img{width:100%;height:100%;object-fit:cover;display:block}.vc__poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vc__poster-icon{font-size:1.25rem;color:var(--color-border);transition:color .18s ease,transform .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vc:hover .vc__poster-icon{color:var(--color-text-muted);transform:scale(1.1)}.vc__body{padding:var(--space-4) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);flex:1 1}.vc__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vc__footer{margin-top:auto;justify-content:space-between;flex-wrap:wrap}.vc__footer,.vc__meta{display:flex;align-items:center;gap:var(--space-2)}.vc__meta-item{font-size:.6875rem;color:var(--color-text-muted);text-transform:capitalize;letter-spacing:.03em}.vc__meta-dot{width:2px;height:2px;border-radius:50%;background:var(--color-text-muted);opacity:.4;flex-shrink:0}.catalog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center}.catalog-empty__icon{font-size:2rem;color:var(--color-border);margin-bottom:var(--space-2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.catalog-empty__heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.catalog-empty__sub,.meta-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.meta-label{text-transform:capitalize}.meta-divider{color:var(--color-border)}.access-badge,.meta-divider{font-size:var(--font-size-sm)}.access-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);line-height:1.5;white-space:nowrap}.access-badge--allowed{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.access-badge--auth-required{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.access-badge--forbidden{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.access-badge--unknown{background:var(--color-neutral-bg);color:var(--color-neutral-text);border:1px solid var(--color-neutral-border)}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-base)}.error-state{padding:var(--space-6) var(--space-8);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error-text)}.error-state__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.error-state__body{font-size:var(--font-size-sm);opacity:.85}.back-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-8)}.back-link:hover{color:var(--color-text-secondary)}.vp-page{min-height:100vh}.vp-hero{position:relative;background:var(--color-text-primary);overflow:hidden}.vp-hero__backdrop{position:absolute;inset:0;background:linear-gradient(160deg,color-mix(in srgb,var(--color-text-primary) 95%,transparent) 0,color-mix(in srgb,var(--color-text-primary) 75%,var(--color-text-secondary)) 100%)}.vp-hero__backdrop--image{background-size:cover;background-position:50%}.vp-hero__backdrop--image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.35))}.vp-hero--skeleton .vp-hero__backdrop{background:var(--color-surface-raised);animation:pulse 1.6s ease-in-out infinite}.vp-hero__inner{position:relative;z-index:1;max-width:var(--page-max-width);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-12)}.vp-back-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:rgba(255,255,255,.5);margin-bottom:var(--space-6);transition:color .15s ease;text-decoration:none}.vp-back-link:hover{color:rgba(255,255,255,.85);text-decoration:none}.vp-hero__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);color:#fff;margin-bottom:var(--space-2);letter-spacing:-.02em;max-width:680px}.vp-hero__subtitle{font-size:var(--font-size-base);color:rgba(255,255,255,.6);line-height:var(--line-height-body);margin-bottom:var(--space-4);max-width:560px}.vp-hero__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}.vp-hero__meta-item{font-size:var(--font-size-xs,.75rem);color:rgba(255,255,255,.4);text-transform:capitalize;letter-spacing:.03em}.vp-hero__meta-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.2);flex-shrink:0}.vp-hero__nav-skeleton{height:13px;width:60px;margin-bottom:var(--space-6)}.vp-hero__nav-skeleton,.vp-hero__title-skeleton{background:rgba(255,255,255,.1);border-radius:var(--radius-sm);animation:pulse 1.6s ease-in-out infinite}.vp-hero__title-skeleton{height:38px;width:50%;margin-bottom:var(--space-3)}.vp-hero__subtitle-skeleton{height:16px;width:32%;background:rgba(255,255,255,.07);border-radius:var(--radius-sm);animation:pulse 1.6s ease-in-out infinite}.vp-hero--watch .vp-hero__inner{padding-bottom:var(--space-8)}.vp-hero--watch .vp-hero__subtitle{margin-bottom:var(--space-2)}.vp-watch{max-width:1000px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-16)}.vp-body{max-width:var(--page-max-width);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16);display:grid;grid-template-columns:1fr 300px;grid-gap:var(--space-10);gap:var(--space-10);align-items:start}.vp-main{min-width:0}.vp-poster{width:100%;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-subtle);margin-bottom:var(--space-6)}.vp-poster__inner{width:100%;aspect-ratio:16/9;background:var(--color-surface-raised)}.vp-poster__img{width:100%;height:auto;display:block}.vp-about{padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.vp-about__heading{font-size:.6875rem;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}.vp-about__body{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7}.vp-about--watch{margin-top:0}.vp-sidebar{position:-webkit-sticky;position:sticky;top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.vp-sidebar__skeleton{height:380px;background:var(--color-surface-raised);border-radius:var(--radius-lg);animation:pulse 1.6s ease-in-out infinite}.player-panel{width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-6);position:relative}.player-video{width:100%;height:100%;display:block}.player-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.player-panel--loading{background:var(--color-surface-raised);border:1px solid var(--color-border)}.player-loading__label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;padding:0 var(--space-6)}.player-loading__spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.access-notice{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md)}.access-notice__price{font-size:var(--font-size-3xl);line-height:1;letter-spacing:-.02em}.access-notice__price,.access-notice__title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.access-notice__title{font-size:var(--font-size-lg);line-height:var(--line-height-heading)}.access-notice__body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--space-1)}.access-notice__actions{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.access-notice__hint{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.access-notice__perks-wrap{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle)}.access-notice__perks-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.access-notice__perks{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.access-notice__perk{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.access-notice__perk-icon{color:var(--color-success-text);font-style:normal;font-weight:var(--font-weight-semibold);flex-shrink:0}.access-notice__secondary{margin-top:var(--space-4)}.access-notice__request{margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.access-notice__request-link{background:none;border:none;font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;padding:0;font-family:var(--font-sans);text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;transition:color .15s ease,-webkit-text-decoration-color .15s ease;transition:color .15s ease,text-decoration-color .15s ease;transition:color .15s ease,text-decoration-color .15s ease,-webkit-text-decoration-color .15s ease}.access-notice__request-link:hover{color:var(--color-text-secondary);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.access-notice__request-message{font-size:var(--font-size-sm);color:var(--color-text-muted)}.notice-success{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-md);color:var(--color-success-text);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.notice-success__icon{font-style:normal;font-weight:var(--font-weight-semibold);flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-sans);cursor:pointer;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,opacity .15s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--full{width:100%}.btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);text-decoration:none;color:#fff}.btn--ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-raised);color:var(--color-text-primary);text-decoration:none}.redeem-section{margin-top:var(--space-4)}.redeem-form{width:100%;flex-direction:column}.redeem-form,.redeem-form__row{display:flex;gap:var(--space-2)}.redeem-form__input{flex:1 1;min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-surface);transition:border-color .15s ease,box-shadow .15s ease;outline:none}.redeem-form__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.redeem-form__input:disabled{opacity:.6;cursor:not-allowed}.redeem-form__error{font-size:var(--font-size-sm);color:var(--color-error-text)}.redeem-form__success{font-size:var(--font-size-sm);color:var(--color-success-text)}.redeem-form__cancel{background:none;border:none;font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;padding:0;font-family:var(--font-sans);align-self:flex-start}.redeem-form__cancel:hover{color:var(--color-text-secondary)}.loading-panel{width:100%;aspect-ratio:16/9;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);animation:pulse 1.6s ease-in-out infinite}.loading-title{height:32px;width:60%}.loading-meta,.loading-title{background:var(--color-surface-raised);border-radius:var(--radius-sm);animation:pulse 1.6s ease-in-out infinite}.loading-meta{height:18px;width:30%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:680px){.vp-hero__inner{padding-bottom:var(--space-8)}.vp-hero__title{font-size:var(--font-size-2xl,1.5rem)}.vp-watch{padding:var(--space-4) var(--space-4) var(--space-12)}.vp-body{grid-template-columns:1fr;gap:var(--space-6);padding-top:var(--space-6)}.vp-sidebar{position:static;order:-1}.vp-poster{display:none}.vp-about{padding-top:var(--space-5)}.redeem-form__row{flex-direction:column}.redeem-form__row .btn{width:100%}}@media (max-width:480px){.catalog-grid{grid-template-columns:1fr}.catalog-header__inner{padding:var(--space-4) var(--space-4)}.catalog-body{padding:var(--space-6) var(--space-4) var(--space-12)}}