.vwWelcome{max-width:1180px;margin:auto;padding:16px 22px 30px;color:var(--pref-text,#edf4f7)}.vwHeader{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.vwHeader .brandLogo{color:var(--pref-accent,#f6c84c);font-size:20px}.vwPreferences{position:relative}.vwPreferences>summary{cursor:pointer;list-style:none;padding:10px 13px;border:1px solid var(--pref-line);border-radius:12px;font-size:13px}.vwPreferences>summary::-webkit-details-marker{display:none}.vwPreferences[open]>.vwPreferencesBox{display:block}.vwPreferencesBox{display:none;position:absolute;right:0;top:48px;z-index:40;width:min(330px,86vw);padding:16px;background:var(--pref-panel);border:1px solid var(--pref-line);border-radius:16px;box-shadow:0 14px 45px #0005}.vwPreferences .preferencesControls{grid-template-columns:1fr!important;gap:13px}.vwHero{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:32px}.vwIntro .eyebrow{font-size:11px;letter-spacing:.2em;color:var(--pref-accent)!important}.vwIntro h1{font-size:clamp(32px,4.5vw,60px);line-height:1.04;letter-spacing:-.045em;margin:14px 0}.vwIntro h1 span{color:var(--pref-accent)}.vwIntro>p{font-size:15px;line-height:1.6;color:var(--pref-muted);max-width:38ch;margin:0 0 20px}.vwActions{display:flex;gap:10px;flex-wrap:wrap}.vwActions .btn{min-height:46px;padding:12px 22px;font-size:14px;background:var(--pref-accent)!important;color:var(--pref-on-accent)!important}.vwActions .btn.secondary{background:transparent!important;color:var(--pref-text)!important;border:1px solid var(--pref-line)!important}.vwFilm{min-width:0;border-radius:22px;overflow:hidden;border:1px solid var(--pref-line);background:#07141b;position:relative}.vwFilm video{width:100%;aspect-ratio:16/9;display:block;object-fit:contain;background:#07141b}.vwFilmFooter{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid #29414d;color:#c7dce2;font-size:11px}.vwVideoButton{border:1px solid #627b86;border-radius:999px;background:transparent;color:#fff;padding:6px 12px;min-height:32px;cursor:pointer;font:inherit}.vwTopics{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 14px}.vwTopics span{font-size:11px;color:var(--pref-muted);padding:7px 10px;border:1px solid var(--pref-line);border-radius:999px}.vwAbout{border-top:1px solid var(--pref-line);padding:15px 0;margin-top:8px}.vwAbout summary{font-size:13px;font-weight:650;cursor:pointer}.vwAbout p{font-size:13px;line-height:1.7;color:var(--pref-muted);max-width:65ch}.vwFooter{font-size:11px;color:var(--pref-muted);margin-top:10px}.vwLogin h2{margin:6px 0 16px;font-size:27px}.vwLogin input{width:100%;padding:14px;margin:6px 0;border:1px solid var(--pref-line);border-radius:12px;background:var(--pref-input);color:var(--pref-text);font:inherit}.vwLogin .btn{width:100%;margin-top:12px;background:var(--pref-accent)!important;color:var(--pref-on-accent)!important}.vwLoginLinks{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px}.vwLoginLinks .linkBtn{font-size:13px;padding:8px 0}.vwWelcome button:focus-visible,.vwWelcome summary:focus-visible{outline:2px solid var(--pref-accent);outline-offset:3px}
/* Account Studio follows the same existing palette as the rest of VYLO. */
#app .vyloStudio{--vs-ink:var(--pref-text);--vs-accent:var(--pref-accent);--vs-muted:var(--pref-muted);background:var(--pref-panel)!important;color:var(--pref-text)!important;border:1px solid var(--pref-line)}#app .vyloStudio :is(.vyloStudioHero,.vyloStudioServices,.vyloStudioShare){background:var(--pref-input)!important;border-color:var(--pref-line)!important;box-shadow:none}#app .vyloStudio :is(.title,h2,strong,.vyloStudioService){color:var(--pref-text)!important}#app .vyloStudio :is(p,small,.vyloStudioFooter){color:var(--pref-muted)!important}#app .vyloStudio .eyebrow{color:var(--pref-accent)!important}#app .vyloStudio .vyloStudioService{background:transparent!important;border-color:var(--pref-line)!important}#app .vyloStudio .vyloStudioService:hover{background:var(--pref-panel)!important}#app .vyloStudio :is(.vyloStudioIcon,.vyloStudioSmallButton){background:var(--pref-panel)!important;color:var(--pref-accent)!important}#app .vyloStudio .vyloProfilePhotoPanel .btn,#app .vyloStudio .vyloStudioMail{background:var(--pref-panel)!important;color:var(--pref-accent)!important;border-color:var(--pref-line)!important}
@media(max-width:700px){.vwWelcome{padding:13px 18px 25px}.vwHeader{margin-bottom:14px}.vwHero{grid-template-columns:1fr;gap:18px}.vwFilm{grid-row:1;border-radius:17px}.vwIntro h1{font-size:37px;margin:10px 0}.vwIntro>p{font-size:14px;margin-bottom:15px}.vwIntro .eyebrow{font-size:10px}.vwActions{display:grid;grid-template-columns:1fr 1fr}.vwActions .btn{padding:12px 10px}.vwTopics{margin-top:17px;gap:6px}.vwTopics span{font-size:10px;padding:6px 8px}.vwFooter{line-height:1.5}.vwFilmFooter{padding:8px 12px}}

/* VYLO compact login correction */
#modal .vwLogin{max-width:380px;margin:auto}
#modal .vwLogin h2{font-size:25px;margin-bottom:18px}
#modal .vwLogin label{display:block;font-size:14px}
#modal .vwLogin input{box-sizing:border-box;min-height:48px;margin:7px 0 14px}
#modal .vwLogin form>.btn{min-height:48px;margin-top:6px}
#modal .vwLoginLinks{display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
#modal .vwLoginLinks button.linkBtn{
display:inline-block!important;width:auto!important;flex:0 1 auto!important;
min-height:36px!important;margin:0!important;padding:6px 0!important;
background:transparent!important;border:0!important;box-shadow:none!important;
color:var(--pref-text,#eef6f4)!important;font-size:13px!important;
font-weight:600!important;text-decoration:underline;text-underline-offset:4px;
}
#modal .vwLogin #vwLoginStatus:empty{display:none}