:root{
  color-scheme:dark;
  --background:#0b1323;--surface:#121f34;--surface-raised:#192940;
  --ink:#eff4ff;--muted:#abb9d1;--border:#33445e;--control-border:#64748b;
  --primary:#3568e9;--primary-hover:#2857d0;--link:#b6ccff;--focus:#abd1ff;
  --success:#bbdda2;--error:#ffb4b9;--success-surface:#1e342c;--error-surface:#391f2c;
  --brand-navy:#b6ccff;--brand-blue:#8bb0ff;--radius:8px;
  font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:16px;
}
body{background:var(--background);color:var(--ink)}
.skip-link{background:var(--surface-raised);color:var(--ink);border:1px solid var(--control-border)}
a{color:var(--link)}
button,input,select,summary{touch-action:manipulation}
button,a,input,select,summary{transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
::selection{background:#b6ccff;color:#0b1323}
.site-header{background:var(--background);border-color:var(--border)}
.header-inner{padding-block:10px;min-height:88px;gap:32px}
.brand{color:var(--ink);gap:14px}
.brand-logo{width:56px;height:56px;filter:saturate(.32);opacity:.96}
.brand .brand-caption{font-size:16px;letter-spacing:.7px;font-weight:700}
.brand .brand-caption small{color:var(--muted);font-size:11px;letter-spacing:1px}
.site-header nav a{color:var(--muted);min-height:44px;align-content:center;font-size:14px}
.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--ink)}
.header-account .text-button{color:var(--muted);min-height:44px;font-size:13px}
.header-account #open-login{border-color:var(--control-border);border-radius:6px;min-height:44px;padding:10px 16px;color:var(--ink)}
.header-account .account-name{color:var(--muted);font-size:13px}
.channel-hero{background:var(--background);min-height:calc(100svh - 88px);padding-block:24px 28px;border-bottom:1px solid var(--border)}
.channel-heading h1{font-size:26px;font-weight:650;letter-spacing:-.5px;line-height:1.3}
.channel-heading .eyebrow{color:var(--muted);font-size:12px;letter-spacing:1.5px}
.channel-hero .channel-frame{background:#060c17;box-shadow:0 12px 40px #0003;border:1px solid #25354b;border-radius:8px;position:relative}
.channel-frame video{position:absolute;inset:0;min-width:0;min-height:0;object-fit:contain}
.channel-hero #channel-placeholder{background:var(--surface)}
.channel-hero #channel-placeholder strong{font-weight:650;letter-spacing:-1px}
.channel-hero .channel-badge{background:var(--surface-raised);color:var(--muted);font-size:11px;border:1px solid var(--border);border-radius:4px}
.channel-hero .channel-badge[data-state=live]{background:#442331;border-color:#9b5869;color:#ffd8e0}
.channel-now-bar{border-color:var(--border)}
.channel-hero .channel-schedule dd{color:var(--ink)}
.channel-hero .channel-schedule dt{color:var(--muted);font-size:12px}
.channel-hero .channel-controls{gap:12px}
.channel-hero .channel-controls .button{font-size:13px;min-height:44px}
.channel-hero .secondary{background:var(--surface-raised);color:var(--ink);border-color:var(--control-border)}
.channel-hero .text-button,.channel-info summary{color:var(--link);min-height:44px;font-size:13px}
.channel-hero #channel-feedback,.channel-info p{color:var(--muted);font-size:13px}
.button{min-height:44px;border-radius:6px;font-size:14px;font-weight:600}
.primary{color:#fff;background:var(--primary)}
.primary:hover:not(:disabled){background:var(--primary-hover)}
.secondary{border-color:var(--control-border);background:var(--surface);color:var(--ink)}
.secondary:hover:not(:disabled),.quiet:hover:not(:disabled),.icon-button:hover{background:var(--surface-raised);color:var(--ink)}
.text-button{color:var(--link);min-height:44px;font-size:14px}
.icon-button{min-width:44px;min-height:44px;color:var(--muted)}
.eyebrow{color:var(--muted);font-size:12px;letter-spacing:1.4px}
.account-gate{padding-block:36px;border-color:var(--border)}
.account-gate h2{font-size:25px;line-height:1.25}
.account-gate p{color:var(--muted);font-size:15px}
.member-heading{padding-top:28px;font-size:14px}
.viewer-library{border-color:var(--border);padding-block:28px 32px}
.viewer-library h2,.about-copy h2{font-weight:650;font-size:28px}
.library-status-row p,.library-feedback{font-size:14px}
.library-columns h3{font-weight:600;font-size:18px}
.library-empty{background:var(--surface);border-color:var(--border);color:var(--muted);border-style:solid;line-height:1.7}
.library-open{background:var(--surface);border-color:var(--border);padding:12px}
.library-open:hover,.collection-card:hover{background:var(--surface-raised);border-color:var(--control-border)}
.library-art{background:#243d63;color:var(--ink)}
.library-card-body strong{font-size:15px;font-weight:600}
.library-card-body>span{font-size:13px}
.watch-progress::-webkit-progress-bar{background:#41516c}
.watch-progress::-webkit-progress-value{background:#8bb0ff}
.toolbar{gap:16px;border-color:var(--border);padding-block:20px}
.filters{gap:8px}
.filters span{font-size:13px;min-height:44px;border:1px solid var(--border);border-radius:6px;padding:12px 14px}
.filters input:checked+span,.filters label:hover input:checked+span{background:#b6ccff;color:#101e35;border-color:#b6ccff}
.filters label:hover span{background:var(--surface-raised);color:var(--ink)}
.filters input:focus-visible+span{outline-color:var(--focus)}
.search{background:var(--surface);border-color:var(--control-border);min-height:46px;border-radius:6px}
.search input{font-size:15px;color:var(--ink)}
.search:focus-within{outline-color:var(--focus)}
.category-filter label{font-size:13px;color:var(--muted)}
.category-filter select,.quality-control select,.schedule-date input,#login-form>input,#signup-name,.account-panel input{background:var(--surface);color:var(--ink);border:1px solid var(--control-border);border-radius:6px;min-height:46px;font-size:16px}
.result-count{font-size:14px;line-height:1.5}
.catalog-grid{gap:28px 24px}
.card-art{background:#1f3453;border-color:var(--border);color:#c5d9ff;border-radius:8px}
.card-art[data-tone="0"],.card-art[data-tone="3"]{background:#1b304e;color:#bbd2f5}
.card-art[data-tone="1"],.card-art[data-tone="4"]{background:#26334b;color:#cbd4e5}
.card-art[data-tone="2"],.card-art[data-tone="5"]{background:#20373c;color:#c2dcd6}
.card-art-mark{font-weight:650}
.card-body h3{font-weight:600;line-height:1.4}
.card-body p{font-size:14px;line-height:1.6}
.access-tag,.access-tag[data-policy=public]{background:#20372f;color:#c0dfaf;font-size:12px;letter-spacing:.15px}
.access-tag[data-policy=registered_only]{background:#233954;color:#bed6fc}
.access-tag[data-policy=explicit_grant]{background:#352d4b;color:#dfcef9}
.access-tag[data-policy=subscriber_only]{background:#3b3020;color:#f0d59b}
.card-body .subscriber-lock{color:#f0d59b;font-size:13px}
.state-panel{background:var(--surface);border-color:var(--border);color:var(--ink)}
.error-panel{background:var(--error-surface);border-color:#93535f}
.program-info{background:var(--surface);border-color:var(--border)}
.collection-card{background:var(--surface);border-color:var(--border);border-radius:8px;padding:20px;gap:10px}
.collection-card strong{font-size:19px;font-weight:600}
.collection-card>span:not(.eyebrow){color:var(--muted);font-size:14px}
.collection-card>.collection-count{color:var(--link)}
.schedule-disclosure{border-color:var(--border);margin-block:32px}
.schedule-disclosure>summary{min-height:64px;font-size:18px}
.schedule-disclosure>summary span{font-size:13px}
.schedule-toolbar,.schedule-day-group{background:var(--surface);border-color:var(--border)}
.schedule-row{border-color:var(--border);background:var(--surface)}
.schedule-row[data-phase=current]{background:#18362e;border-color:#729e85}
.schedule-day-group>h3{background:var(--surface-raised);color:var(--ink);border-color:var(--border)}
.schedule-body h3,.schedule-body h4{font-size:16px;font-weight:600}
.schedule-body p,.schedule-body p.schedule-note,.schedule-body details{font-size:13px;color:var(--muted)}
.schedule-tags,.schedule-weekly{font-size:12px;color:var(--muted)}
dialog{background:var(--surface);border:1px solid var(--control-border);border-radius:12px;box-shadow:0 20px 80px #0008}
dialog::backdrop{background:#030815d4}
.dialog-head{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 20px}
.dialog-head .eyebrow{font-size:12px}
.dialog-body{padding:24px 28px 28px}
.dialog-body h2{font-size:28px;font-weight:650;line-height:1.2}
.dialog-body>p{font-size:14px;line-height:1.7;color:var(--muted)}
.episode-navigation,.session-panel{border-color:var(--border)}
.episode-navigation p{font-size:14px;color:var(--muted)}
.media-note{background:#302b20;border-color:#b99d5c;color:#e6d4ad}
.video-frame{background:#08111f;border:1px solid var(--border);border-radius:6px}
.video-panel #video-status{font-size:14px;color:var(--ink)}
.video-panel #video-description{font-size:13px;color:var(--muted)}
.favorite-actions p,#progress-feedback{font-size:14px;color:var(--muted)}
#favorite-video[aria-pressed=true]{background:#223b33;border-color:#88af95;color:#cfebc0}
#login-form>label,#signup-name-field label{font-size:14px}
#login-form>input,#signup-name{padding:11px 12px}
#login-form .show-password{font-size:14px;min-height:44px}
.login-feedback{color:var(--error);font-size:14px}
.demo-credentials{border-color:var(--border);color:var(--muted);background:var(--surface)}
.demo-credentials summary{color:var(--ink);min-height:44px}
.demo-credentials p,.demo-account-row span{font-size:13px}
.about-city{border-top:1px solid var(--border);margin-top:24px;padding-block:44px}
.about-identity img{filter:saturate(.32);width:108px;height:108px;opacity:.96}
.about-copy>p{font-size:16px;color:var(--muted);line-height:1.8}
.about-copy>.eyebrow{font-size:12px}
.about-copy .founder{font-size:15px;color:var(--ink)}
.founder span{font-size:14px}
.contact-links a{font-size:14px}
.institutional-details{font-size:14px;border-color:var(--border)}
.footer{border-color:var(--border);font-size:13px;color:var(--muted);padding-block:24px 32px}
.footer .footer-environment{font-size:12px}
.profile-summary{display:flex;align-items:center;gap:16px;padding:20px 0 24px;border-bottom:1px solid var(--border);margin-bottom:24px;min-width:0}
.profile-summary>div{min-width:0}.profile-summary strong{font-size:18px;font-weight:600;overflow-wrap:anywhere}
.profile-summary p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.profile-avatar{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border-radius:50%;background:#243e65;color:#d4e5ff;font-size:20px;font-weight:600}
#profile-fields,#password-fields{border:0;margin:0;padding:0;min-width:0;display:grid;gap:9px}
#profile-fields legend{font-weight:600;font-size:17px;margin-bottom:18px}
#profile-fields label,#password-fields label{font-size:14px;font-weight:500}
#profile-fields>input,#password-fields>input{background:var(--surface-raised);border:1px solid var(--control-border);border-radius:6px;color:var(--ink);width:100%;min-height:46px;padding:11px 12px;font:inherit;font-size:16px}
#profile-fields input[aria-invalid=true],#password-fields input[aria-invalid=true]{border-color:var(--error)}
.field-error{color:var(--error);font-size:13px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.field-error:empty{display:none}
.field-hint{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 8px}
.account-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.account-feedback{font-size:14px;line-height:1.6;margin:12px 0 0;color:var(--ink);overflow-wrap:anywhere}
.account-feedback:empty{display:none}
.password-settings{border-top:1px solid var(--border);margin-top:28px;padding-top:4px}
.password-settings>summary{cursor:pointer;font-size:17px;font-weight:600;padding:18px 0;line-height:1.5;min-height:60px}
.password-settings>summary span{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:3px}
.password-settings[open]>summary{margin-bottom:10px}
.account-settings{border-top:1px solid var(--border);margin-top:28px;padding-top:4px}
.account-settings>summary{cursor:pointer;font-size:17px;font-weight:600;padding:18px 0;line-height:1.5;min-height:60px}
.account-settings>summary span{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:3px}
.account-settings[open]>summary{margin-bottom:10px}
#preferences-fields,#sessions-fields{border:0;margin:0;padding:0;min-width:0}
.preference-option{display:flex;align-items:center;gap:12px;min-height:44px;font-size:15px;font-weight:500;cursor:pointer}
.preference-option input{width:20px;height:20px;flex-shrink:0;accent-color:var(--primary)}
.preference-option+.field-hint{padding-left:32px;margin:0 0 16px}
.sessions-list{list-style:none;margin:16px 0;padding:0;display:grid;gap:12px}
.sessions-list li{display:grid;gap:5px;background:var(--surface-raised);border:1px solid var(--border);padding:14px;border-radius:6px;overflow-wrap:anywhere}
.sessions-list strong{font-size:15px;font-weight:600}.sessions-list span{color:var(--muted);font-size:13px;line-height:1.6}
.account-notice{border:1px solid var(--control-border);background:var(--surface-raised);padding:16px;margin:18px 0;border-radius:6px}
.account-notice p{font-size:14px;line-height:1.7;margin:0 0 12px}
.account-privacy{font-size:13px;line-height:1.8;color:var(--muted);border-top:1px solid var(--border);padding-top:24px;margin:28px 0 0}
#recovery-dialog{max-width:520px}
.recovery-fields{border:0;padding:0;margin:24px 0 0;display:grid;gap:12px;min-width:0}
.recovery-fields>input{width:100%;min-height:46px;background:var(--surface-raised);border:1px solid var(--control-border);border-radius:6px;color:var(--ink);padding:11px 12px;font:inherit;font-size:16px}
.recovery-fields>label{font-size:14px}.recovery-fields>input[aria-invalid=true]{border-color:var(--error)}
#recovery-local-note{font-size:13px;line-height:1.7}
#forgot-password{margin-left:16px}
.channel-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
#password-fields .show-password{display:flex;align-items:center;gap:10px;min-height:44px}
#password-visible{width:18px;height:18px;accent-color:var(--primary)}
@media(max-width:900px){.header-inner{gap:24px}.channel-hero{min-height:calc(100svh - 112px)}.brand .brand-caption{display:none}}
@media(max-width:600px){.header-inner{padding-block:8px;min-height:112px;gap:4px 12px}.brand-logo{width:48px;height:48px}.site-header nav{gap:22px}.site-header nav a{font-size:13px;padding-block:10px}.header-account #open-login{padding:9px 13px}.channel-hero{padding-block:22px;min-height:calc(100svh - 112px)}.channel-heading h1{font-size:23px}.channel-heading .eyebrow{font-size:11px}.channel-hero .channel-schedule dt{font-size:11px}.channel-hero .channel-schedule dd{font-size:14px}.channel-hero .channel-controls{gap:8px}.channel-hero .channel-controls .button{font-size:12px;padding-inline:12px}.channel-hero .channel-badge{font-size:10px}.viewer-library h2,.about-copy h2{font-size:25px}.viewer-library{padding-block:24px}.member-heading{font-size:14px;gap:12px}.library-art{width:96px}.library-card-body strong{font-size:14px}.library-card-body>span{font-size:12px}.dialog-body{padding:22px 20px 24px}.dialog-body h2{font-size:25px}.dialog-head{padding-inline:16px}.about-copy>p{font-size:15px}.about-identity img{width:88px;height:88px}.footer{gap:16px}.account-actions{align-items:stretch}.account-actions .primary{flex:1 1 100%}.profile-summary{align-items:start}.profile-avatar{width:44px;height:44px;font-size:17px}}
@media(max-width:600px){.channel-hero .channel-badge{font-size:12px}}
@media(prefers-reduced-motion:reduce){button,a,input,select,summary{transition:none}}
/* Account navigation and personal home reuse the portal's existing color tokens. */
.header-account{position:relative}.account-menu{position:absolute;right:0;top:calc(100% + 12px);width:min(310px,calc(100vw - 28px));padding:12px;background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius);box-shadow:0 16px 40px #0006;z-index:20}
.account-menu[hidden]{display:none}.site-header .account-menu{display:grid;gap:4px}.account-menu p{font-size:13px;line-height:1.6;color:var(--muted);margin:4px 10px 12px;overflow-wrap:anywhere}.account-menu button,.site-header .account-menu a{width:100%;text-align:left;padding:12px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;border-radius:4px;cursor:pointer;min-height:44px}.account-menu button:hover,.site-header .account-menu a:hover{background:var(--surface-raised)}.account-menu #logout{border-top:1px solid var(--border);margin-top:8px;border-radius:0}
#login-dialog.is-account{width:min(960px,calc(100% - 28px));max-width:960px}.is-account .login-body{padding:28px 32px}.is-account .profile-summary{margin:24px 0;padding:18px;background:var(--surface-raised);border:1px solid var(--border);border-radius:8px}
.account-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;align-items:start}.account-navigation{display:grid;gap:8px}.account-navigation button{background:transparent;color:var(--muted);border:1px solid transparent;border-radius:6px;padding:12px;text-align:left;font:inherit;font-size:14px;min-height:46px;cursor:pointer}.account-navigation button[aria-current=page]{background:var(--surface-raised);border-color:var(--control-border);color:var(--ink);font-weight:600}.account-pages{min-width:0}.account-page h3{font-size:23px;letter-spacing:-.5px;margin:8px 0 12px}.account-page>p{font-size:14px;line-height:1.8;color:var(--muted)}.account-plan{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;padding:20px;margin:24px 0}.account-plan h4{font-size:20px;line-height:1.4;margin:12px 0}.account-plan p{font-size:14px;line-height:1.7}.account-plan #profile-plan-period{font-size:13px;color:var(--muted)}
.account-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-shortcuts a{display:grid;gap:8px;padding:16px;border:1px solid var(--border);border-radius:8px;color:var(--ink);text-decoration:none}.account-shortcuts span{font-size:13px;color:var(--muted);line-height:1.6}.account-benefits{margin-top:20px}.account-benefits summary{min-height:48px;cursor:pointer;padding:12px 0;font-size:15px}.account-benefits table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.6;table-layout:fixed}.account-benefits caption{text-align:left;font-weight:600;padding:12px 0}.account-benefits th,.account-benefits td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:12px 8px;overflow-wrap:anywhere}.account-benefits th{font-weight:600}.account-benefits p{font-size:13px;line-height:1.7;color:var(--muted)}.account-footer{border-top:1px solid var(--border);margin-top:28px;padding-top:16px}.account-footer button{min-height:44px}.account-page .account-settings,.account-page .password-settings{margin-top:0;border-top:0}.account-page .field-hint{font-size:14px}
@media(max-width:650px){.is-account .login-body{padding:24px 18px}.account-layout{grid-template-columns:1fr;gap:20px}.account-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-navigation button{text-align:center;padding:10px 8px}.account-shortcuts{grid-template-columns:1fr}.account-plan{padding:16px}.account-benefits th,.account-benefits td{padding:10px 4px;font-size:12px}.account-menu{right:0}.is-account .profile-summary{padding:14px}}
/* On-demand viewing: primary media, concise identity, secondary details. */
#content-dialog{width:min(920px,calc(100% - 32px));max-width:920px;overscroll-behavior:contain}
#content-dialog .dialog-head{min-height:60px;padding:8px 24px;border-bottom:1px solid var(--border)}
.icon-button{min-width:44px;min-height:44px;flex-shrink:0}
#content-dialog .watch-body{padding:24px 32px 32px}
.watch-heading{margin-bottom:20px}.watch-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.2;letter-spacing:-.7px;margin:12px 0 8px;text-wrap:balance}.watch-heading p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
#content-dialog .video-panel{margin:0;padding:0;border:0}
#content-dialog .video-frame{aspect-ratio:16/9;position:relative;border:1px solid var(--border);border-radius:8px;background:var(--background)}
#content-video{object-fit:contain;background:var(--background)}
#video-placeholder{height:100%;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 100%,var(--surface-raised),var(--background));gap:12px;padding:20px}
#video-placeholder .play-mark{color:var(--link);flex-shrink:0}#video-placeholder strong{font-size:20px;line-height:1.4;letter-spacing:-.3px;font-weight:600}#video-placeholder>span:last-child{font-size:13px;color:var(--muted)}
.watch-primary-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}.watch-primary-actions .primary{min-width:200px;min-height:48px}.watch-primary-actions .text-button{min-height:44px}
.watch-feedback{margin-top:12px}.watch-feedback p,#content-dialog #video-status{font-size:13px;line-height:1.6;margin:4px 0;color:var(--muted)}.watch-feedback p:empty,#favorite-feedback:empty{display:none}
.playback-options{margin-top:16px;border-bottom:1px solid var(--border);padding-bottom:8px}.playback-options summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--link);font-size:14px}.playback-options .video-actions{margin:8px 0 16px;align-items:end;max-width:400px}.playback-options #video-description{font-size:13px;line-height:1.7;color:var(--muted);max-width:65ch;margin:8px 0 16px}
.watch-information{padding-top:20px}.watch-information .synopsis{font-size:16px;line-height:1.7;margin:0 0 12px;max-width:65ch}.watch-information #detail-categories{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 16px}.watch-information .favorite-actions{margin:0;gap:8px}.favorite-actions button[aria-pressed=true]{border-color:var(--link);color:var(--link);background:var(--surface-raised)}#favorite-feedback{font-size:13px;line-height:1.6;margin:8px 0}
#content-dialog .episode-navigation{margin:24px 0 0;padding:16px 0 0;border-bottom:0;border-top:1px solid var(--border)}#content-dialog .episode-navigation>p{font-size:14px;color:var(--muted);margin:0 0 12px}
#content-dialog .episode-navigation .text-button{min-height:44px}.button:active,.icon-button:active,.account-navigation button:active{filter:brightness(.9)}
#login-dialog{overscroll-behavior:contain}.login-body>p{max-width:60ch}.is-account .login-body>h2{font-size:28px}.is-account .login-body>.access-tag{display:none}.is-account .profile-summary{margin:20px 0 24px}.account-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-footer p:empty{display:none}.account-footer #account-logout{border:1px solid var(--control-border);border-radius:6px;padding:10px 16px;color:var(--ink)}.account-benefits th:first-child{width:42%}
@media(max-width:650px){#content-dialog,#login-dialog.is-account{width:100%;max-height:100dvh;height:100dvh;margin:0;max-width:100%;border-radius:0;border:0}#content-dialog .dialog-head,#login-dialog .dialog-head{padding:8px 16px;padding-top:max(8px,env(safe-area-inset-top));min-height:60px}#content-dialog .watch-body{padding:20px 16px max(28px,env(safe-area-inset-bottom))}.watch-heading{margin-bottom:16px}.watch-heading h2{font-size:25px}.watch-heading p{font-size:13px}#video-placeholder{gap:8px;padding:16px}#video-placeholder strong{font-size:17px}#video-placeholder .play-mark{width:40px;height:40px}.watch-primary-actions{gap:8px;margin-top:12px}.watch-primary-actions .primary{flex:1 1 100%;min-width:0}.watch-primary-actions .text-button{padding:8px 0}.watch-information{padding-top:16px}.watch-information .synopsis{font-size:15px}.is-account .login-body{padding:20px 16px max(28px,env(safe-area-inset-bottom))}.is-account .login-body>h2{font-size:25px}.account-navigation{gap:8px}.account-navigation button{font-size:14px;min-height:48px}.profile-summary>div{min-width:0}.profile-summary p{overflow-wrap:anywhere}.account-page h3{font-size:22px}.account-plan h4{font-size:19px}.account-benefits th,.account-benefits td{font-size:13px}.account-footer #account-logout{width:100%}#login-dialog:not(.is-account){width:calc(100% - 24px);max-height:calc(100dvh - 24px)}#login-dialog input:not([type=checkbox]){font-size:16px;min-height:48px}}
@media(max-height:500px) and (orientation:landscape){#content-dialog .video-frame{max-height:65dvh;aspect-ratio:auto;height:65dvh}.watch-heading{margin-bottom:12px}}
html[data-site-custom] body,html[data-site-custom] button,html[data-site-custom] input,html[data-site-custom] select,html[data-site-custom] textarea{font-family:var(--site-font)}
html[data-site-custom] .primary{color:var(--site-primary-ink)}
html[data-site-custom] .brand-logo{width:var(--site-logo-size);height:var(--site-logo-size)}
html[data-site-logo-tone=original] .brand-logo,html[data-site-logo-tone=original] .about-identity img{filter:none;opacity:1}
html[data-site-brand-text=false] .brand-caption,html[data-site-collections=false] #colecoes,html[data-site-about=false] #sobre{display:none!important}
html[data-site-custom] .button,html[data-site-custom] .catalog-card,html[data-site-custom] .library-open,html[data-site-custom] .channel-frame,html[data-site-custom] .video-frame{border-radius:var(--radius)}
#site-public-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}#site-public-links a{display:inline-flex;min-height:44px;align-items:center;margin:0}
@media(max-width:600px){html[data-site-custom] .brand-logo{width:min(var(--site-logo-size),62px);height:min(var(--site-logo-size),62px)}}
#verification-dialog{width:min(520px,calc(100% - 24px));max-width:520px}#verification-dialog .account-actions{gap:12px}#verification-dialog .account-actions>*{min-height:44px}#account-email-verification h4{margin-top:0}