/* Shared Samsung layout adapted for mouse, keyboard, and notebook-sized windows. */
:root {color-scheme:dark;--desktop-scale:1;}
html {zoom:var(--desktop-scale);background:#0d0d0d;}
body {background:#0d0d0d;}
#app-shell,#playback {height:calc(100dvh / var(--desktop-scale));}
button {cursor:pointer;}
button:hover:not(:disabled) {border-color:#c9ac67;}
button:focus-visible {outline:2px solid #efbd50;outline-offset:2px;}
#app-shell.entry-shell {padding:20px 0;}
.entry-view {overflow:auto;}
.entry-layout {width:620px;max-width:90%;}
.entry-brand {height:100px;margin-bottom:20px;}
.entry-brand .brand-logo-full {width:430px;height:100px;}
.entry-card {padding:28px 36px;}
.entry-tab {font-size:21px;min-height:52px;}
.entry-title {font-size:28px;}
.entry-help {font-size:18px;margin-bottom:20px;}
.entry-form .pc-field {display:block;height:auto;min-height:0;margin:0 0 14px;padding:12px 16px;}
.entry-form .pc-field>span {font-size:16px;margin-bottom:5px;}
.entry-form .pc-field input {display:block;width:100%;border:0;outline:0;background:transparent;color:#eee;font:22px/1.4 Arial,sans-serif;padding:0;}
.entry-form .pc-field:focus-within {border-color:#c9ac67;background:#21201c;}
.entry-form .field-secret>.password-eye {bottom:13px;}
.entry-form .field-secret input {padding-right:50px;}
.entry-connect {min-height:54px;font-size:22px;margin-top:10px;}
.entry-disclaimer {margin:16px 0 0;font-size:16px;}
.entry-mac .entry-portal-qr {width:200px;height:200px;margin:16px auto;}
.pc-editor {top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(720px,90%);max-height:90%;height:auto;padding:32px;}
.pc-editor input {width:100%;font:25px Arial,sans-serif;background:#1a1a1a;color:#fff;border:1px solid #c9ac67;border-radius:8px;padding:16px;}
.pc-editor h1 {font-size:30px;}
.pc-editor .actions {margin-top:20px;}
#browser-player {object-fit:contain;}
::-webkit-scrollbar {width:8px;height:8px;}
::-webkit-scrollbar-thumb {background:#444;border-radius:6px;}
@media(max-width:700px){.entry-layout {max-width:94%;}.entry-card {padding:22px;}}

/* Code first, credentials second; the phone option stays visible in both steps. */
#app-shell.entry-shell{position:relative;isolation:isolate;background:radial-gradient(ellipse 720px 460px at 20% 22%,#a8751f0a 0%,transparent 75%),#0a0a0a;overflow:hidden}
#app-shell.entry-shell:before{content:"";position:absolute;inset:-18px;z-index:0;background-image:linear-gradient(90deg,#08080870,#08080820,#08080870),var(--entry-art);background-size:cover;background-position:center 38%;filter:blur(2px) saturate(.7);opacity:.14;pointer-events:none;transform:scale(1.025)}
#app-shell.entry-shell #main{position:relative;z-index:1}
.entry-view{width:100%;min-height:100%;padding:32px 0;overflow-y:auto;overflow-x:hidden}
.entry-layout{width:1320px;max-width:92%;padding:0;background:transparent}
.entry-card{display:grid;grid-template-columns:minmax(0,1.15fr) 1px minmax(0,.85fr);gap:64px;padding:60px 64px;background:#080808dc;border:1px solid #252525;border-radius:22px;box-shadow:0 24px 100px #0005}
.entry-brand,.entry-brand.has-logo{height:68px;justify-content:flex-start;margin:0 0 26px;letter-spacing:0}
.entry-brand .brand-logo-full{width:260px;height:68px;object-position:left center}
.entry-title{font-size:39px;font-weight:700;line-height:1.2;text-align:left;margin:0 0 15px;letter-spacing:-1px}
.entry-title span{color:#efbd50}
.entry-help{text-align:left;font-size:21px;line-height:1.55;color:#a2a2a2;margin:0 0 30px}
.entry-form .pc-field{border:1px solid #494949;background:#141414;border-radius:8px;padding:13px 17px;margin-bottom:18px;min-height:83px;height:auto}
.entry-form .pc-field>span{font-size:16px;color:#a3a3a3;margin-bottom:8px}
.entry-form .pc-field input{font-size:22px;line-height:1.3;min-height:28px}
.entry-form .field-secret{margin-bottom:18px}
.entry-form .field-secret .pc-field{margin-bottom:0}
.entry-form .field-secret>.password-eye{bottom:14px}
.entry-connect{margin-top:22px;min-height:62px;padding:15px;font-size:22px;border-radius:8px;font-weight:700}
.entry-change,.entry-qr-refresh{border:0;background:transparent;color:#a1a1a1;font-size:17px;padding:10px 0;margin-top:18px;box-shadow:none}
.entry-provider{color:#b39a63;font-size:16px;margin:-12px 0 20px}
.entry-divider{position:relative;background:#2c2c2c;margin:18px 0}
.entry-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 10px;background:#0a0a0a;font-size:15px;letter-spacing:2px;color:#747474}
.entry-phone{text-align:center;align-self:center;min-width:0}
.entry-phone h2{font-size:23px;font-weight:600;margin:0 0 24px}
.entry-phone .entry-portal-qr{display:block;width:260px;height:260px;max-width:100%;padding:10px;background:#fff;border-radius:10px;margin:0 auto 24px}
.entry-phone .entry-portal-qr[hidden]{display:none}
.entry-phone-status{font-size:18px;line-height:1.6;color:#a1a1a1;max-width:330px;margin:0 auto;min-height:58px}
.entry-qr-refresh{font-size:14px;margin:6px 0 18px;padding:7px 10px}
.entry-phone .entry-identity{position:static;width:auto;padding:22px 0 0;margin:0;border:0;border-top:1px solid #292929;border-radius:0;background:transparent;font-size:16px;line-height:1.6;text-align:center;color:#bfbfbf}
.entry-device-label{font-size:13px;letter-spacing:1.5px;color:#6f6f6f}
.entry-identity p{margin:4px 0}
.entry-disclaimer{margin:22px 0 0;color:#6f6f6f;font-size:14px}
.entry-form .entry-notice{text-align:left;font-size:17px;max-height:none}
@media(max-width:700px){.entry-card{gap:32px;padding:35px 28px}.entry-title{font-size:33px}.entry-phone .entry-portal-qr{width:230px;height:230px}}
@media(max-width:470px){.entry-card{grid-template-columns:minmax(0,1fr);gap:32px}.entry-divider{height:1px;margin:10px 0}.entry-divider span{padding:0 18px}.entry-brand{justify-content:center}.entry-brand .brand-logo-full{object-position:center}.entry-title,.entry-help{text-align:center}}

/* Restrained gold light behind the brand; the rest stays matte black. */
.entry-brand{position:relative;isolation:isolate}
.entry-brand:before{content:"";position:absolute;z-index:-1;left:-100px;top:-105px;width:520px;height:290px;background:radial-gradient(ellipse at 38% 48%,#bc87241a 0%,#ac78130a 36%,transparent 72%);pointer-events:none}

/* PC typography: quieter titles, readable metadata, compact sign-in. */
#app-shell{font-size:19px}
.library-toolbar h1,.collection-view>h1{font-size:24px;font-weight:500;line-height:1.25}
.catalog-search{font-size:19px;font-weight:400;min-height:50px;padding:10px 18px}
.media-heading h2,.live-groups h2,.live-group-heading{font-size:21px;font-weight:500;line-height:1.3}
.media-heading>span{font-size:14px}
.live-group{font-size:18px;font-weight:400}
.rail-label{font-size:18px;font-weight:400}
.media-card strong,.collection-card strong,.related-card strong,.home-card strong{font-size:16px;font-weight:400;line-height:1.4}
.media-card .poster-fallback,.home-poster-fallback{font-size:18px;font-weight:400;line-height:1.35}
.poster-label{font-size:10px;letter-spacing:2px;font-weight:400}
.series-summary h1,.detail-info h1{font-size:34px;font-weight:500;line-height:1.2;letter-spacing:-.4px}
.series-meta,#detail-meta{font-size:16px;font-weight:400}
.series-synopsis,.series-description,.detail-info p,#detail-plot{font-size:18px;font-weight:400;line-height:1.55}
.series-actions button,.detail-actions button{font-size:19px;font-weight:400;padding:12px 20px}
.series-tab,.series-seasons>span,.series-season{font-size:19px;font-weight:400}
.series-season{min-width:44px;height:44px}
.episode-card strong{font-size:18px;font-weight:500;line-height:1.4;margin-top:10px}
.episode-duration{font-size:15px;font-weight:400}
.episode-plot{font-size:16px;font-weight:400}
.home-title{font-size:35px;font-weight:500}
.home-description{font-size:18px;font-weight:400;line-height:1.5}
.home-section h2,.collection-section h2{font-size:22px;font-weight:500}
.entry-layout{width:1100px;max-width:90%}
.entry-card{grid-template-columns:minmax(0,1.15fr) 1px minmax(0,.85fr);gap:44px;padding:40px 46px;border-radius:18px}
.entry-form{align-self:center;min-width:0}
.entry-brand,.entry-brand.has-logo{height:52px;margin-bottom:22px}
.entry-brand .brand-logo-full{width:220px;height:52px}
.entry-title{font-size:29px;font-weight:500;letter-spacing:-.5px;margin-bottom:12px}
.entry-help{font-size:17px;margin-bottom:24px;line-height:1.5}
.entry-form .pc-field{min-height:68px;padding:10px 14px;margin-bottom:15px;border-radius:7px}
.entry-form .pc-field>span{font-size:13px;margin-bottom:5px}
.entry-form .pc-field input{font-size:18px;min-height:25px;font-weight:400}
.entry-form .field-secret>.password-eye{bottom:8px}
.entry-connect{font-size:18px;font-weight:500;min-height:50px;padding:12px;margin-top:18px}
.entry-provider{font-size:13px;margin:0 0 16px}
.entry-phone h2{font-size:18px;font-weight:500;margin-bottom:18px}
.entry-phone .entry-portal-qr{width:218px;height:218px;margin-bottom:18px;padding:9px;border-radius:8px}
.entry-phone-status{font-size:15px;line-height:1.5;max-width:270px;min-height:45px}
.entry-qr-refresh{font-size:12px;margin:7px 0 13px}
.entry-phone .entry-identity{font-size:13px;padding-top:16px}
.entry-device-label{font-size:10px;letter-spacing:1.4px}
.entry-divider span{font-size:12px}
.entry-change{font-size:14px;margin-top:12px}
.entry-disclaimer{font-size:12px;margin-top:18px}
.entry-form .entry-notice{font-size:14px}
.live-list-heading strong{font-size:20px;font-weight:500}
.live-list-heading span{font-size:14px;font-weight:400}
@media(max-width:700px){.entry-layout{max-width:94%}.entry-card{gap:30px;padding:32px}.entry-title{font-size:28px}.entry-phone .entry-portal-qr{width:210px;height:210px}}
@media(max-width:470px){.entry-card{grid-template-columns:minmax(0,1fr);padding:28px}.entry-title,.entry-help{text-align:center}}
@media(max-width:600px){
 :root{zoom:1}
 #app-shell,#playback{height:100dvh}
 #app-shell.entry-shell{padding:16px 0}
 #app-shell.entry-shell:before{background-image:linear-gradient(0deg,#08080865,#08080815,#08080840),var(--entry-portrait);background-position:center 28%}
 .entry-view{padding:16px 0;min-height:0;align-items:flex-start}.entry-layout{max-width:92%;margin:auto}.entry-card{grid-template-columns:minmax(0,1fr);gap:20px;padding:25px 22px}
 .entry-brand,.entry-brand.has-logo{justify-content:center;margin-bottom:22px}.entry-brand .brand-logo-full{object-position:center}
 .entry-title{font-size:25px;text-align:center;letter-spacing:-.4px}.entry-help{font-size:15px;text-align:center;margin-bottom:24px}
 .entry-form .pc-field input{font-size:16px}.entry-connect{font-size:16px}
 .entry-divider,.entry-phone h2,.entry-phone .entry-portal-qr,.entry-phone-status,.entry-qr-refresh{display:none!important}
 .entry-phone .entry-identity{padding-top:17px}.entry-disclaimer{font-size:11px;line-height:1.5;padding:0 12px}
}
.entry-brand.entry-corner-brand,.entry-brand.entry-corner-brand.has-logo{position:absolute;top:4px;left:36px;right:auto;width:220px;height:52px;margin:0;justify-content:flex-start}
.entry-corner-brand .brand-logo-full{object-position:left center}
.entry-corner-brand:before{background:radial-gradient(ellipse 200px 110px at center,#bc87241a 0%,#ac78130a 36%,transparent 100%)}
@media(max-width:600px){
 .entry-view{padding:80px 0 16px}
 .entry-brand.entry-corner-brand,.entry-brand.entry-corner-brand.has-logo{left:20px;right:auto;top:0;width:180px;height:46px}
 .entry-corner-brand .brand-logo-full{width:180px;height:46px;object-position:left center}
}