.mobile-app-bar,
.mobile-drawer,
.mobile-drawer-backdrop{display:none}
@media (max-width:760px){
  body:not(.login-mode):not(.admin-mode){
    --mobile-header-h:68px;
    background:#030404;
  }
  body:not(.login-mode):not(.admin-mode) .topbar-wrap{display:none!important}
  body:not(.login-mode):not(.admin-mode) .mobile-app-bar{
    position:fixed;
    z-index:160;
    top:0;
    left:0;
    right:0;
    height:calc(var(--mobile-header-h) + env(safe-area-inset-top));
    padding:calc(10px + env(safe-area-inset-top)) 14px 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    background:transparent;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    pointer-events:none;
  }
  .mobile-app-bar>*{pointer-events:auto}
  .mobile-menu-toggle,
  .mobile-search-button,
  .mobile-profile-button{
    width:46px;
    height:46px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    background:rgba(17,19,19,.76);
    color:#fff;
    display:grid;
    place-items:center;
    -webkit-backdrop-filter:blur(20px) saturate(145%);
    backdrop-filter:blur(20px) saturate(145%);
    box-shadow:0 8px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  }
  .mobile-menu-toggle svg,
  .mobile-search-button svg{width:22px;height:22px}
  .mobile-search-control{
    width:46px;
    height:46px;
    min-width:46px;
    margin-left:auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    overflow:hidden;
    border:1px solid transparent;
    border-radius:999px;
    background:transparent;
    -webkit-backdrop-filter:blur(20px) saturate(145%);
    backdrop-filter:blur(20px) saturate(145%);
    transition:width .5s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease;
  }
  .mobile-search-control input{
    width:0;
    min-width:0;
    height:44px;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    opacity:0;
    font:550 14px var(--font-body);
    transition:width .5s cubic-bezier(.16,1,.3,1),padding .5s cubic-bezier(.16,1,.3,1),opacity .24s ease;
  }
  .mobile-search-control input::placeholder{color:rgba(255,255,255,.46)}
  .mobile-search-button{position:relative;flex:0 0 46px;padding:0;overflow:hidden}
  .mobile-search-button span{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .24s ease,transform .42s cubic-bezier(.16,1,.3,1)}
  .mobile-search-button span svg{width:22px;height:22px}
  .mobile-search-close-icon{opacity:0;transform:rotate(-80deg) scale(.7)}
  body.mobile-search-open .mobile-search-control{
    width:calc(100% - 58px);
    border-color:rgba(255,255,255,.15);
    background:rgba(17,19,19,.92);
    box-shadow:0 12px 36px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);
  }
  body.mobile-search-open .mobile-search-control input{width:100%;padding:0 4px 0 18px;opacity:1}
  body.mobile-search-open .mobile-search-icon{opacity:0;transform:rotate(80deg) scale(.7)}
  body.mobile-search-open .mobile-search-close-icon{opacity:1;transform:none}
  .mobile-profile-button{overflow:hidden;padding:3px}
  .mobile-profile-button img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
  .mobile-profile-button svg{width:23px;height:23px;opacity:.72}
  body:not(.login-mode):not(.admin-mode) .mobile-drawer-backdrop{
    position:fixed;
    inset:0;
    z-index:168;
    display:block;
    visibility:hidden;
    opacity:0;
    background:rgba(0,0,0,.58);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    transition:opacity .28s ease,visibility .28s ease;
  }
  body:not(.login-mode):not(.admin-mode) .mobile-drawer{
    position:fixed;
    z-index:170;
    top:0;
    bottom:0;
    left:0;
    width:min(84vw,330px);
    padding:max(24px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));
    display:flex;
    flex-direction:column;
    gap:18px;
    overflow:auto;
    border-right:1px solid rgba(255,255,255,.12);
    background:linear-gradient(180deg,#111415,#080a0b 72%);
    box-shadow:30px 0 70px rgba(0,0,0,.55);
    transform:translateX(-105%);
    transition:transform .36s cubic-bezier(.16,1,.3,1);
  }
  body.mobile-drawer-open{overflow:hidden}
  body.mobile-drawer-open .mobile-drawer{transform:translateX(0)}
  body.mobile-drawer-open .mobile-drawer-backdrop{visibility:visible;opacity:1}
  .mobile-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .mobile-drawer-profile{
    flex:1;
    min-width:0;
    padding:10px;
    border:0;
    border-radius:18px;
    background:rgba(255,255,255,.055);
    color:#fff;
    display:flex;
    align-items:center;
    gap:12px;
    text-align:left;
  }
  .mobile-drawer-avatar{
    width:54px;
    height:54px;
    flex:0 0 54px;
    overflow:hidden;
    border:2px solid rgba(255,255,255,.42);
    border-radius:50%;
    background:#1a1e20;
    display:grid;
    place-items:center;
  }
  .mobile-drawer-avatar img{width:100%;height:100%;object-fit:cover;display:block}
  .mobile-drawer-avatar svg{width:26px;height:26px;opacity:.7}
  .mobile-drawer-user{min-width:0;display:flex;flex-direction:column;gap:3px}
  .mobile-drawer-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
  .mobile-drawer-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.55);font-size:12px}
  .mobile-drawer-close{
    width:42px;height:42px;flex:0 0 42px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#fff;display:grid;place-items:center
  }
  .mobile-drawer-close svg{width:21px;height:21px}
  .mobile-drawer-nav{display:flex;flex-direction:column;gap:8px}
  .mobile-drawer-link{
    width:100%;min-height:56px;padding:0 16px;border:1px solid transparent;border-radius:17px;background:transparent;color:rgba(255,255,255,.72);display:flex;align-items:center;gap:14px;text-align:left;font-size:16px;font-weight:650;transition:.2s ease
  }
  .mobile-drawer-link svg{width:22px;height:22px;flex:0 0 22px;stroke:currentColor}
  .mobile-drawer-link.active{border-color:rgba(255,255,255,.12);background:#fff;color:#111314;box-shadow:0 10px 30px rgba(0,0,0,.25)}
  .mobile-drawer-link:active{transform:scale(.98)}
  .mobile-drawer-footer{margin-top:auto;padding:14px 12px 0;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.38);font-size:11px}
  body:not(.login-mode):not(.admin-mode) .featured-wrap,
  body:not(.login-mode):not(.admin-mode) .featured{
    height:clamp(520px,74svh,640px)!important;
    min-height:clamp(520px,74svh,640px)!important;
  }
  body:not(.login-mode):not(.admin-mode) .featured{background:#0a0c0d!important}
  body:not(.login-mode):not(.admin-mode) .f-slide{
    display:block!important;
    opacity:0;
    visibility:hidden;
    transition:opacity .55s ease,visibility .55s ease;
  }
  body:not(.login-mode):not(.admin-mode) .f-slide.active{opacity:1;visibility:visible}
  body:not(.login-mode):not(.admin-mode) .f-media{inset:0!important;background:#0b0d0e}
  body:not(.login-mode):not(.admin-mode) .f-media img,
  body:not(.login-mode):not(.admin-mode) .f-media .ph{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 24%!important;
    filter:saturate(.96) contrast(1.03) brightness(.82)!important;
    transform:scale(1.01)!important;
  }
  body:not(.login-mode):not(.admin-mode) .f-media::after{
    background:
      linear-gradient(180deg,rgba(3,4,4,.28) 0%,rgba(3,4,4,.04) 26%,rgba(3,4,4,.18) 50%,rgba(3,4,4,.95) 88%,#030404 100%)!important,
      linear-gradient(90deg,rgba(3,4,4,.58),rgba(3,4,4,.04) 74%)!important;
  }
  body:not(.login-mode):not(.admin-mode) .f-info{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    left:20px!important;
    right:20px!important;
    bottom:58px!important;
    width:auto!important;
    max-width:calc(100% - 40px)!important;
    padding:0!important;
    gap:8px!important;
  }
  body:not(.login-mode):not(.admin-mode) .f-logo{max-width:92%!important;font-size:clamp(31px,10vw,47px)!important;line-height:.98!important}
  body:not(.login-mode):not(.admin-mode) .f-logo img{max-width:min(84vw,410px)!important;max-height:132px!important}
  body:not(.login-mode):not(.admin-mode) .f-desc{max-width:95%!important;font-size:13px!important;line-height:1.45!important;-webkit-line-clamp:2!important}
  body:not(.login-mode):not(.admin-mode) .f-actions{margin-top:4px!important}
  body:not(.login-mode):not(.admin-mode) .f-dots{right:20px!important;bottom:24px!important}
  body:not(.login-mode):not(.admin-mode) .video-catalog{
    margin-top:-18px!important;
    padding-top:30px!important;
    border-radius:25px 25px 0 0!important;
  }
  body:not(.login-mode):not(.admin-mode) .video-rail-title{margin-left:20px!important}
  body:not(.login-mode):not(.admin-mode) .video-rail{padding-left:20px!important;padding-right:20px!important;scroll-padding-left:20px!important}
  body:not(.login-mode):not(.admin-mode) .video-card{flex-basis:min(78vw,310px)!important}
  body.profile-page-active .mobile-app-bar,
  body.settings-page-active .mobile-app-bar,
  body.detail-page-active .mobile-app-bar{opacity:1}
}
@media (max-width:390px){
  .mobile-app-bar{padding-left:10px!important;padding-right:10px!important}
  .mobile-profile-button,.mobile-search-button{width:42px;height:42px;flex-basis:42px}
  .mobile-search-control{width:42px;height:42px;min-width:42px}
  .mobile-search-control input{height:40px}
  body.mobile-search-open .mobile-search-control{width:calc(100% - 54px)}
}
@media (max-width:760px){
  body:not(.login-mode):not(.admin-mode) .mobile-app-bar{z-index:10020!important}
  body:not(.login-mode):not(.admin-mode) .mobile-drawer-backdrop{z-index:10030!important}
  body:not(.login-mode):not(.admin-mode) .mobile-drawer{z-index:10040!important}
  body:not(.login-mode):not(.admin-mode) .mobile-search-panel{z-index:10050!important}
  body:not(.login-mode):not(.admin-mode) .featured-wrap,
  body:not(.login-mode):not(.admin-mode) .tab-random-featured{
    position:relative!important;
    overflow:hidden!important;
  }
  body:not(.login-mode):not(.admin-mode) .featured{
    position:relative!important;
    overflow:hidden!important;
  }
  body:not(.login-mode):not(.admin-mode) .featured .f-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    z-index:1!important;
    pointer-events:none!important;
  }
  body:not(.login-mode):not(.admin-mode) .featured .f-slide.active{
    opacity:1!important;
    visibility:visible!important;
    z-index:2!important;
    pointer-events:auto!important;
  }
  body:not(.login-mode):not(.admin-mode) .featured .f-media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    display:block!important;
    opacity:1!important;
  }
  body:not(.login-mode):not(.admin-mode) .featured .f-media img,
  body:not(.login-mode):not(.admin-mode) .featured .f-media .ph{
    display:block!important;
    opacity:1!important;
  }
  body:not(.login-mode):not(.admin-mode) .featured .f-info{
    position:absolute!important;
    z-index:5!important;
  }
  body:not(.login-mode):not(.admin-mode) .featured .f-dots{
    z-index:8!important;
  }
  .mobile-menu-toggle,
  .mobile-search-button,
  .mobile-profile-button,
  .mobile-drawer-close,
  .mobile-drawer-profile,
  .mobile-drawer-link,
  .mobile-drawer-backdrop{
    touch-action:manipulation;
    cursor:pointer;
  }
}
@media (max-width:760px){
  .mobile-drawer-footer{
    margin-top:auto;
    padding:14px 0 0;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .mobile-logout-button{
    width:100%;
    min-height:56px;
    padding:0 16px;
    border:1px solid rgba(255,82,92,.24);
    border-radius:17px;
    background:rgba(255,55,68,.09);
    color:#ff6570;
    display:flex;
    align-items:center;
    gap:14px;
    text-align:left;
    font-size:16px;
    font-weight:750;
    touch-action:manipulation;
  }
  .mobile-logout-button svg{width:22px;height:22px;flex:0 0 22px}
  .mobile-logout-button:active{transform:scale(.98);background:rgba(255,55,68,.15)}
  .mobile-logout-button[hidden]{display:none!important}
  body[data-home-view="home"] #dynamicSections .film-library-section{display:none!important}
  body[data-home-view="films"] #dynamicSections .film-library-section:not([hidden]){display:block!important}
  .mobile-drawer[aria-hidden="false"]{pointer-events:auto}
  .mobile-drawer[aria-hidden="true"]{pointer-events:none}
}
@media (max-width:760px){
  body:not(.login-mode):not(.admin-mode) #mobileAppBar{
    pointer-events:auto!important;
    isolation:isolate;
  }
  body:not(.login-mode):not(.admin-mode) #mobileProfileButton,
  body:not(.login-mode):not(.admin-mode) #mobileSearchButton{
    position:relative!important;
    z-index:10060!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent;
  }
}
@media (max-width:760px){
  .mobile-profile-button,
  .mobile-profile-button > span,
  .mobile-drawer-avatar{
    aspect-ratio:1 / 1!important;
    border-radius:50%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    clip-path:circle(50% at 50% 50%);
  }
  .mobile-profile-button > span{
    width:100%!important;
    height:100%!important;
    display:grid!important;
    place-items:center!important;
  }
  .mobile-profile-button img,
  .mobile-drawer-avatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:50%!important;
    display:block!important;
  }
}
@supports (content-visibility: auto) {
  .home-sections > section,
  .detail-recommendations,
  .site-footer {
    content-visibility: auto;
    contain-intrinsic-size: 420px;
  }
}
.mobile-search-control input[type="search"]{
  -webkit-appearance:none;
  appearance:none;
}
.mobile-search-control input[type="search"]::-webkit-search-decoration,
.mobile-search-control input[type="search"]::-webkit-search-cancel-button,
.mobile-search-control input[type="search"]::-webkit-search-results-button,
.mobile-search-control input[type="search"]::-webkit-search-results-decoration{
  display:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.mobile-search-control input[type="search"]::-ms-clear,
.mobile-search-control input[type="search"]::-ms-reveal{
  display:none!important;
  width:0!important;
  height:0!important;
}
@media (max-width:760px){
  body.profile-onboarding-active #mobileAppBar,
  body.profile-onboarding-active .mobile-app-bar,
  body.profile-onboarding-active .mobile-drawer,
  body.profile-onboarding-active .mobile-drawer-backdrop,
  body.profile-onboarding-active .topbar-wrap{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.profile-onboarding-active{overflow:hidden!important}
  body.profile-onboarding-active .onboarding-backdrop{z-index:20050!important}
  body.profile-onboarding-active .avatar-picker-backdrop{z-index:20060!important}
}
  :root{
    --bg-0: #050816;
    --bg-1: #081526;
    --bg-2: #0B1C33;
    --blue: #2D7FF9;
    --blue-light: #6EB4FF;
    --blue-dim: #1B4A8C;
    --ice: #EAF2FF;
    --ice-dim: rgba(234,242,255,0.62);
    --ice-faint: rgba(234,242,255,0.38);
    --glass-fill: rgba(14, 27, 51, 0.46);
    --glass-fill-strong: rgba(11, 22, 43, 0.72);
    --glass-border: rgba(140, 190, 255, 0.14);
    --glass-border-hi: rgba(140, 190, 255, 0.30);
    --glass-blur: 28px;
    --glow-blue: 0 0 60px rgba(45,127,249,0.22);
    --glow-blue-soft: 0 0 30px rgba(45,127,249,0.14);
    --r-lg: 32px;
    --r-md: 24px;
    --r-sm: 16px;
    --r-pill: 999px;
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
    --font-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --font-mono: ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  }
  *{ margin:0; padding:0; box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  @media (prefers-reduced-motion: reduce){
    html{ scroll-behavior:auto; }
    *{ animation-duration:0.01ms !important; transition-duration:0.01ms !important; }
  }
  body{
    font-family: var(--font-body);
    background: var(--bg-0);
    color: var(--ice);
    min-height:100vh;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
  }
  ::selection{ background: rgba(45,127,249,0.35); color:#fff; }
  a{ color:inherit; text-decoration:none; }
  button{ font-family:inherit; cursor:pointer; }
  :focus-visible{
    outline: 2px solid var(--blue-light);
    outline-offset: 3px;
    border-radius: 8px;
  }
  .bg{
    position:fixed; inset:0; z-index:-2;
    background:
      radial-gradient(ellipse 900px 600px at 12% -10%, rgba(45,127,249,0.20), transparent 60%),
      radial-gradient(ellipse 700px 700px at 100% 10%, rgba(45,127,249,0.14), transparent 55%),
      radial-gradient(ellipse 1000px 800px at 50% 120%, rgba(24,68,140,0.28), transparent 60%),
      linear-gradient(180deg, var(--bg-0) 0%, #060a1a 45%, #04060f 100%);
  }
  .bg-grain{
    position:fixed; inset:0; z-index:-1; pointer-events:none;
    opacity:0.035;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  .particles{ position:fixed; inset:0; z-index:-1; pointer-events:none; overflow:hidden; }
  .particle{
    position:absolute; border-radius:50%;
    background: radial-gradient(circle, rgba(110,180,255,0.9), rgba(45,127,249,0) 70%);
    filter: blur(0.5px);
    animation: drift linear infinite;
  }
  @keyframes drift{
    0%{ transform: translateY(0) translateX(0); opacity:0; }
    10%{ opacity:0.6; }
    90%{ opacity:0.4; }
    100%{ transform: translateY(-120vh) translateX(20px); opacity:0; }
  }
  .glass{
    background: var(--glass-fill);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(160%);
    backdrop-filter: blur(var(--glass-blur)) saturate(160%);
    border: 1px solid var(--glass-border);
    box-shadow:
      0 8px 32px rgba(0,0,0,0.35),
      inset 0 1px 0 rgba(255,255,255,0.05);
  }
  .topbar-wrap{
    position:fixed; top:0; left:0; right:0; z-index:100;
    display:flex; justify-content:center;
    pointer-events:none;
  }
  .topbar{
    pointer-events:auto;
    width:100%;
    height: 80px;
    border-radius: 0;
    border-top:none; border-left:none; border-right:none;
    border-bottom: 1px solid var(--glass-border);
    display:flex; align-items:center;
    padding: 0 24px;
    position:relative;
    transition: all 0.5s var(--ease);
  }
  .tb-left, .tb-center, .tb-right{
    display:flex; align-items:center;
    transition: opacity 0.35s var(--ease-soft), transform 0.35s var(--ease-soft), filter 0.35s var(--ease-soft);
  }
  .tb-left{ flex:0 0 auto; gap:10px; }
  .tb-center{
    flex:1;
    justify-content:center;
    gap:10px;
  }
  .tb-right{ flex:0 0 auto; display:flex; align-items:center; gap:10px; }
  .logo-mark{
    height:65px; width:auto;
    object-fit:contain;
    filter: drop-shadow(0 0 16px rgba(45,127,249,0.4));
    flex-shrink:0;
    display:block;
  }
  .logo-btn{
    display:flex; align-items:center; gap:10px;
    background:none; border:none; color:inherit;
    padding:4px; border-radius:14px;
    transition: transform 0.3s var(--ease), opacity 0.3s;
  }
  .logo-btn:hover{ transform: scale(1.05); }
  .user-chip{
    display:flex; align-items:center; justify-content:center;
    width:44px; height:44px;
    background: rgba(255,255,255,0.03);
    border:1px solid var(--glass-border);
    border-radius:50%;
    padding:0;
    transition: background 0.25s, border-color 0.25s, transform 0.25s var(--ease);
  }
  .user-chip:hover{
    background: rgba(45,127,249,0.10);
    border-color: var(--glass-border-hi);
    transform: translateY(-1px);
  }
  .avatar{
    width:34px; height:34px; border-radius:50%;
    background: linear-gradient(135deg, var(--blue-dim), var(--bg-2));
    border:1px solid var(--glass-border-hi);
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
  }
  .avatar svg{ width:17px; height:17px; opacity:0.7; }.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
  .icon-btn{
    width:44px; height:44px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background: rgba(255,255,255,0.03);
    border:1px solid var(--glass-border);
    color: var(--ice-dim);
    position:relative;
    transition: background 0.25s, border-color 0.25s, transform 0.25s var(--ease), color 0.25s;
    flex-shrink:0;
  }
  .icon-btn:hover{
    background: rgba(45,127,249,0.14);
    border-color: var(--glass-border-hi);
    color: var(--ice);
    transform: scale(1.06);
  }
  .icon-btn svg{ width:18px; height:18px; }
  .notif-dot{
    position:absolute; top:10px; right:11px;
    width:7px; height:7px; border-radius:50%;
    background: var(--blue-light);
    box-shadow: 0 0 0 2px var(--bg-1), 0 0 8px var(--blue-light);
  }
  .user-menu-wrap{ position:relative; }
  .user-dropdown{
    position:absolute; top:calc(100% + 12px); right:0; left:auto;
    transform: translateY(-8px) scale(0.96);
    transform-origin: top right;
    width:210px;
    border-radius: var(--r-md);
    padding:8px;
    background: #080b0e;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border:1px solid var(--glass-border-hi);
    box-shadow: 0 20px 50px rgba(0,0,0,0.55);
    opacity:0; pointer-events:none;
    transition: opacity 0.28s var(--ease), transform 0.28s var(--ease);
    z-index: 50;
  }
  .user-dropdown.open{
    opacity:1; transform: translateY(0) scale(1);
    pointer-events:auto;
  }
  .dd-header{
    font-family: var(--font-mono);
    font-size:12px; color: var(--ice-faint);
    padding:10px 12px 8px;
  }
  .dd-item{
    display:block;
    padding:11px 12px; border-radius:14px;
    font-size:13.5px; font-weight:500; color: var(--ice-dim);
    transition: background 0.2s, color 0.2s;
    background:none; border:none; width:100%; text-align:left;
  }
  .dd-item:hover{ background: rgba(45,127,249,0.14); color:var(--ice); }
  .dd-item.danger{ color:#E2895B; }
  .dd-item.danger:hover{ background: rgba(226,137,91,0.12); color:#F2A87A; }
  .dd-divider{ height:1px; background: var(--glass-border); margin:6px 4px; }
  .featured-wrap{
    margin-bottom:44px;
    animation: rise 0.8s var(--ease) both;
  }
  .featured{
    position:relative;
    width:100%;
    height:560px;
    border-radius: var(--r-lg);
    overflow:hidden;
    background: var(--glass-fill-strong);
    -webkit-backdrop-filter: blur(36px) saturate(160%);
    backdrop-filter: blur(36px) saturate(160%);
    border: 1px solid var(--glass-border);
    box-shadow:
      0 30px 80px rgba(0,0,0,0.5),
      0 0 90px rgba(45,127,249,0.10),
      inset 0 1px 0 rgba(255,255,255,0.06);
  }
  .f-slide{
    position:absolute; inset:0;
    display:flex;
    opacity:0; visibility:hidden;
    transition: opacity 0.6s var(--ease-soft), visibility 0s linear 0.6s;
    z-index:1;
  }
  .f-slide.active{
    opacity:1; visibility:visible;
    z-index:2;
    transition: opacity 0.6s var(--ease-soft);
  }
  .f-info{
    position:relative; z-index:3;
    width:40%; flex-shrink:0;
    display:flex; flex-direction:column; justify-content:center;
    padding: 0 56px;
    gap:16px;
    background: linear-gradient(100deg, var(--bg-1) 20%, rgba(8,21,38,0.94) 65%, rgba(8,21,38,0.55) 100%);
    opacity:0; transform: translateX(-26px);
    transition: opacity 0.65s var(--ease-soft) 0.15s, transform 0.65s var(--ease-soft) 0.15s;
  }
  .f-slide.active .f-info{ opacity:1; transform: translateX(0); }
  .f-logo{
    height:46px; width:150px;
    border-radius:12px;
    background: rgba(255,255,255,0.05);
    border:1px solid var(--glass-border-hi);
    display:flex; align-items:center; justify-content:center;
    font-family: var(--font-display); font-weight:700; font-size:13px;
    letter-spacing:0.06em; color: var(--ice-faint);
    text-transform:uppercase;
    position:relative; overflow:hidden;
  }
  .f-logo::after{
    content:'';
    position:absolute; inset:0;
    background: linear-gradient(100deg, transparent 30%, rgba(255,255,255,0.08) 48%, transparent 66%);
    background-size: 220% 100%;
    animation: shimmer 3.6s ease-in-out infinite;
  }
  .f-meta{
    display:flex; align-items:center; gap:12px;
    font-family: var(--font-mono);
    font-size:13px; font-weight:500;
  }
  .f-duration{ color:#F5C64B; }
  .f-year{ color: var(--ice-faint); }
  .f-dot-sep{
    width:3px; height:3px; border-radius:50%;
    background: var(--ice-faint);
  }
  .f-desc{
    font-size:14.5px; line-height:1.65; color: rgba(234,242,255,0.72);
    max-width:400px;
    display:-webkit-box;
    -webkit-line-clamp:3; -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .f-actions{ display:flex; align-items:center; gap:12px; margin-top:6px; }
  .f-play{
    height:56px; padding:0 30px;
    border-radius:16px; border:none;
    display:inline-flex; align-items:center; gap:10px;
    background: linear-gradient(155deg, var(--blue-light), var(--blue));
    color:#04060f; font-weight:700; font-size:14.5px;
    transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease), filter 0.25s;
  }
  .f-play svg{ width:17px; height:17px; fill:#04060f; }
  .f-play:hover{
    transform: scale(1.035);
    box-shadow: 0 10px 34px rgba(45,127,249,0.45);
    filter: brightness(1.06);
  }
  .f-play:active{ transform: scale(0.98); }
  .f-fav{
    width:56px; height:56px; flex-shrink:0;
    border-radius:16px;
    display:flex; align-items:center; justify-content:center;
    background: rgba(255,255,255,0.05);
    border:1px solid var(--glass-border-hi);
    color: var(--ice);
    transition: background 0.25s, transform 0.25s var(--ease), border-color 0.25s;
  }
  .f-fav svg{ width:19px; height:19px; }
  .f-fav:hover{
    background: rgba(45,127,249,0.28);
    border-color: var(--blue-light);
    transform: scale(1.06);
  }
  .f-fav:active{ transform: scale(0.96); }
  .f-media{
    position:relative;
    flex:1; height:100%;
    overflow:hidden;
  }
  .f-media .ph{
    position:absolute; inset:0;
    border-radius:0; border:none;
    transform: scale(1.09);
    transition: transform 1.4s var(--ease-soft);
  }
  .f-slide.active .f-media .ph{ transform: scale(1); }
  .f-media .ph svg{ width:34px; height:34px; }
  .f-media::after{
    content:'';
    position:absolute; inset:0;
    background: linear-gradient(90deg, var(--bg-1) 0%, rgba(8,21,38,0.55) 20%, transparent 48%);
    z-index:2;
  }
  .f-dots{
    position:absolute; left:50%; bottom:24px; z-index:5;
    transform: translateX(-50%);
    display:flex; align-items:center; gap:9px;
  }
  .f-dot{
    width:8px; height:8px; border-radius:50%;
    background: rgba(255,255,255,0.35);
    border:none; padding:0;
    transition: background 0.3s, transform 0.3s var(--ease), width 0.3s var(--ease);
  }
  .f-dot:hover{ background: rgba(255,255,255,0.6); }
  .f-dot.active{
    background: #fff;
    width:22px; border-radius:5px;
  }
  @media (max-width: 900px){
    .featured{ height:auto; min-height:0; }
    .f-slide{ flex-direction:column; position:relative; inset:auto; }
    .f-slide:not(.active){ display:none; }
    .f-slide.active{ position:relative; }
    .f-media{ height:260px; flex:none; order:1; }
    .f-media::after{ background: linear-gradient(0deg, var(--bg-1) 0%, rgba(8,21,38,0.5) 25%, transparent 55%); }
    .f-info{
      width:100%; order:2;
      padding: 28px 24px 76px;
      background: linear-gradient(180deg, rgba(8,21,38,0.94), var(--bg-1));
    }
    .f-actions{ flex-direction:row; }
    .f-play{ flex:1; justify-content:center; }
    .f-dots{ bottom:16px; }
  }
  main{
    max-width: 1240px;
    margin: 0 auto;
    padding: 120px 24px 60px;
  }
  .page-head{
    margin-bottom:36px;
    animation: rise 0.7s var(--ease) both;
  }
  .eyebrow{
    font-family: var(--font-mono);
    font-size:11.5px; letter-spacing:0.14em; text-transform:uppercase;
    color: var(--blue-light);
    display:flex; align-items:center; gap:8px;
    margin-bottom:10px;
  }
  .eyebrow::before{
    content:''; width:6px; height:6px; border-radius:50%;
    background: var(--blue-light);
    box-shadow: 0 0 10px var(--blue-light);
  }
  .page-title{
    font-family: var(--font-display);
    font-weight:700;
    font-size: clamp(28px, 4.4vw, 42px);
    letter-spacing:-0.02em;
    color: var(--ice);
    margin-bottom:8px;
  }
  .page-sub{
    color: var(--ice-faint);
    font-size:15px; max-width:520px;
    line-height:1.55;
  }
  @keyframes rise{
    from{ opacity:0; transform: translateY(14px); }
    to{ opacity:1; transform: translateY(0); }
  }
  .grid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(180px, auto);
    gap:20px;
  }
  @media (max-width: 1080px){ .grid{ grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 760px){ .grid{ grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 480px){ .grid{ grid-template-columns: 1fr; } }
  .w-films{ grid-column: span 2; grid-row: span 2; }
  .w-series{ grid-column: span 2; }
  .w-videos{ grid-column: span 2; grid-row: span 2; }
  .w-shows{ grid-column: span 2; }
  .w-news{ grid-column: span 2; }
  .w-discog{ grid-column: span 2; }
  .w-gallery{ grid-column: span 4; }
  @media (max-width: 1080px){
    .w-films, .w-videos{ grid-column: span 3; grid-row: span 2;}
    .w-series, .w-shows, .w-news, .w-discog{ grid-column: span 3; }
    .w-gallery{ grid-column: span 3; }
  }
  @media (max-width: 760px){
    .w-films, .w-videos, .w-series, .w-shows, .w-news, .w-discog, .w-gallery{
      grid-column: span 2; grid-row: auto;
    }
  }
  @media (max-width: 480px){
    .w-films, .w-videos, .w-series, .w-shows, .w-news, .w-discog, .w-gallery{
      grid-column: span 1;
    }
  }
  .widget{
    border-radius: var(--r-lg);
    padding: 22px;
    display:flex; flex-direction:column;
    position:relative;
    overflow:hidden;
    isolation:isolate;
    transition: transform 0.45s var(--ease), box-shadow 0.45s var(--ease), border-color 0.45s var(--ease);
    animation: rise 0.7s var(--ease) both;
  }
  .widget::before{
    content:'';
    position:absolute; inset:0; z-index:-1;
    background: radial-gradient(420px 220px at var(--mx,50%) var(--my,0%), rgba(45,127,249,0.16), transparent 70%);
    opacity:0; transition: opacity 0.4s var(--ease-soft);
  }
  .widget:hover{
    transform: translateY(-6px);
    border-color: var(--glass-border-hi);
    box-shadow: 0 20px 50px rgba(0,0,0,0.45), var(--glow-blue-soft), inset 0 1px 0 rgba(255,255,255,0.06);
  }
  .widget:hover::before{ opacity:1; }
  .w-head{
    display:flex; align-items:flex-start; justify-content:space-between;
    margin-bottom:16px;
  }
  .w-icon{
    width:42px; height:42px; border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    background: linear-gradient(155deg, rgba(110,180,255,0.18), rgba(45,127,249,0.06));
    border:1px solid var(--glass-border-hi);
    color: var(--blue-light);
    flex-shrink:0;
  }
  .w-icon svg{ width:20px; height:20px; }
  .w-count{
    font-family: var(--font-mono);
    font-size:11px; color: var(--ice-faint);
    background: rgba(255,255,255,0.04);
    border:1px solid var(--glass-border);
    padding:4px 9px; border-radius: var(--r-pill);
    white-space:nowrap;
  }
  .w-title{
    font-family: var(--font-display);
    font-weight:600; font-size:19px;
    letter-spacing:-0.01em;
    margin-bottom:4px;
  }
  .w-desc{
    font-size:12.5px; color: var(--ice-faint);
    margin-bottom:16px;
    line-height:1.5;
  }
  .ph{
    border-radius: var(--r-sm);
    background:
      linear-gradient(135deg, rgba(110,180,255,0.10), rgba(45,127,249,0.02) 60%),
      repeating-linear-gradient(115deg, rgba(255,255,255,0.025) 0 2px, transparent 2px 26px);
    border: 1px solid var(--glass-border);
    position:relative;
    overflow:hidden;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
  }
  .ph::after{
    content:'';
    position:absolute; inset:0;
    background: linear-gradient(100deg, transparent 30%, rgba(255,255,255,0.06) 48%, transparent 66%);
    background-size: 220% 100%;
    animation: shimmer 3.4s ease-in-out infinite;
  }
  @keyframes shimmer{
    0%{ background-position: 160% 0; }
    100%{ background-position: -60% 0; }
  }
  .ph svg{ width:26px; height:26px; color: rgba(234,242,255,0.22); z-index:1; }
  .ph-poster{ aspect-ratio: 2/3; width:64px; }
  .ph-tile{ aspect-ratio: 16/10; }
  .ph-square{ aspect-ratio: 1/1; }
  .ph-wide{ aspect-ratio: 16/9; }
  .ph-circle{ border-radius:50%; }
  .stack-row{ display:flex; gap:10px; margin-bottom:16px; }
  .stack-row .ph{ flex:1; }
  .w-meta{
    display:flex; align-items:center; justify-content:space-between;
    font-size:11.5px; color: var(--ice-faint);
    padding-top:12px; margin-top:auto;
    border-top: 1px solid var(--glass-border);
  }
  .w-meta strong{ color: var(--ice-dim); font-weight:600; }
  .w-cta{
    margin-top:16px;
    display:inline-flex; align-items:center; gap:6px;
    align-self:flex-start;
    font-size:13px; font-weight:600; color: var(--blue-light);
    background: rgba(45,127,249,0.10);
    border:1px solid rgba(45,127,249,0.28);
    padding:9px 16px; border-radius: var(--r-pill);
    transition: background 0.25s, transform 0.25s var(--ease), gap 0.25s;
  }
  .w-cta:hover{ background: rgba(45,127,249,0.20); gap:9px; }
  .w-cta svg{ width:13px; height:13px; transition: transform 0.25s var(--ease); }
  .w-cta:hover svg{ transform: translateX(2px); }
  .films-row{ display:flex; gap:10px; margin-bottom:16px; flex:1; min-height:0; }
  .films-row .ph-poster{ flex:1; width:auto; max-width:80px; }
  .videos-list{ display:flex; flex-direction:column; gap:10px; margin-bottom:14px; flex:1; }
  .video-row{ display:flex; align-items:center; gap:11px; }
  .video-row .ph{ width:64px; height:40px; flex-shrink:0; border-radius:10px; }
  .video-lines{ flex:1; display:flex; flex-direction:column; gap:6px; }
  .line{ height:8px; border-radius:4px; background: rgba(234,242,255,0.08); }
  .line.w-60{ width:60%; }
  .line.w-40{ width:40%; }
  .line.w-80{ width:80%; }
  .news-item{ display:flex; gap:12px; margin-bottom:12px; align-items:flex-start; }
  .news-item .ph{ width:52px; height:52px; border-radius:12px; flex-shrink:0; }
  .news-dot{
    width:6px; height:6px; border-radius:50%; background: var(--blue-light);
    box-shadow: 0 0 8px var(--blue-light); margin-top:6px; flex-shrink:0;
  }
  .discog-rows{ display:flex; flex-direction:column; gap:12px; margin-bottom:6px; flex:1; }
  .discog-row{ display:flex; align-items:center; justify-content:space-between; }
  .discog-label{ font-size:13px; color: var(--ice-dim); font-weight:500; }
  .discog-value{ font-family:var(--font-mono); font-size:12px; color: var(--blue-light); }
  .discog-bar{ height:5px; border-radius:3px; background: rgba(255,255,255,0.05); overflow:hidden; margin-top:6px; }
  .discog-bar > span{ display:block; height:100%; background: linear-gradient(90deg, var(--blue-dim), var(--blue-light)); border-radius:3px; }
  .gallery-grid{
    display:grid; grid-template-columns: repeat(8, 1fr); gap:10px;
  }
  @media (max-width:900px){ .gallery-grid{ grid-template-columns: repeat(4,1fr); } }
  @media (max-width:480px){ .gallery-grid{ grid-template-columns: repeat(3,1fr); } }
  .gallery-grid .ph{ aspect-ratio:1/1; border-radius:14px; }
  .show-item{
    display:flex; align-items:center; gap:14px;
    padding:10px 0;
    border-bottom:1px solid var(--glass-border);
  }
  .show-item:last-child{ border-bottom:none; }
  .show-date{
    width:46px; text-align:center; flex-shrink:0;
    font-family:var(--font-mono);
  }
  .show-date .d{ font-size:17px; font-weight:600; color:var(--ice); line-height:1; }
  .show-date .m{ font-size:9.5px; color: var(--ice-faint); text-transform:uppercase; letter-spacing:0.08em; }
  .show-lines{ flex:1; display:flex; flex-direction:column; gap:6px; }
  .avatar-picker-backdrop{position:fixed;inset:0;z-index:200;background:rgba(0,4,12,.82);backdrop-filter:blur(12px);display:grid;place-items:center;padding:24px}.avatar-picker-backdrop[hidden]{display:none}.avatar-picker-modal{width:min(1080px,100%);max-height:min(86vh,900px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(139,181,255,.2);border-radius:28px;background:#091321;box-shadow:0 35px 100px rgba(0,0,0,.62)}.avatar-picker-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(139,181,255,.14)}.avatar-picker-header h2{margin:0;font-size:25px}.avatar-picker-header p{margin:6px 0 0;color:var(--ice-faint);font-size:13px}.avatar-picker-close{width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:25px;cursor:pointer}.avatar-picker-body{padding:24px 28px 30px;overflow:auto}.avatar-category-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.avatar-category{padding:18px;border:1px solid rgba(139,181,255,.14);border-radius:22px;background:rgba(255,255,255,.025)}.avatar-category h3{margin:0 0 14px;padding-left:11px;border-left:3px solid var(--blue-light);font-size:15px;text-transform:uppercase;letter-spacing:.04em}.avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.avatar-option{position:relative;padding:0;border:2px solid transparent;border-radius:18px;background:#050b13;overflow:hidden;aspect-ratio:1;cursor:pointer;transition:.2s}.avatar-option:hover{transform:translateY(-2px);border-color:rgba(125,177,255,.45)}.avatar-option.selected{border-color:var(--blue-light);box-shadow:0 0 0 4px rgba(87,149,255,.14)}.avatar-option img{width:100%;height:100%;object-fit:cover;display:block}.avatar-option span{position:absolute;left:8px;right:8px;bottom:8px;padding:6px 8px;border-radius:9px;background:rgba(0,0,0,.62);color:#fff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-picker-empty{padding:50px;text-align:center;color:var(--ice-faint)}
  @media(max-width:800px){.avatar-category-columns{grid-template-columns:1fr}.avatar-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.avatar-picker-backdrop{padding:10px}.avatar-picker-header,.avatar-picker-body{padding:18px}.avatar-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
  .profile-backdrop{position:fixed;inset:0;z-index:210;background:rgba(0,4,12,.84);backdrop-filter:blur(14px);display:grid;place-items:center;padding:24px}.profile-backdrop[hidden]{display:none}.profile-modal{width:min(820px,100%);max-height:90vh;overflow:auto;border:1px solid rgba(139,181,255,.22);border-radius:30px;background:linear-gradient(180deg,#0b1728,#07101d);box-shadow:0 35px 110px rgba(0,0,0,.68)}.profile-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(139,181,255,.14)}.profile-head h2{font-size:25px}.profile-head p{margin-top:5px;color:var(--ice-faint);font-size:13px}.profile-close{width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:25px}.profile-body{padding:28px}.profile-intro{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;margin-bottom:26px}.profile-avatar-preview{width:120px;height:120px;border-radius:28px;overflow:hidden;border:1px solid var(--glass-border-hi);background:rgba(255,255,255,.04);display:grid;place-items:center}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.profile-avatar-preview svg{width:48px;height:48px;opacity:.55}.profile-avatar-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field.full{grid-column:1/-1}.profile-field label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ice-dim)}.profile-field input,.profile-field textarea{width:100%;border:1px solid var(--glass-border);border-radius:14px;background:rgba(255,255,255,.035);color:#fff;padding:13px 14px;font:inherit}.profile-field input:focus,.profile-field textarea:focus{border-color:var(--blue-light);outline:none;box-shadow:0 0 0 3px rgba(45,127,249,.12)}.profile-field input[readonly]{opacity:.62}.profile-counter{text-align:right;color:var(--ice-faint);font-size:11px}.profile-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.profile-btn{border:1px solid var(--glass-border-hi);border-radius:14px;padding:12px 18px;background:rgba(255,255,255,.04);color:#fff;font-weight:700}.profile-btn.primary{background:linear-gradient(135deg,var(--blue),#1b5fd0);border-color:transparent}.profile-message{min-height:20px;margin-top:12px;font-size:13px}.profile-message.ok{color:#85e6b2}.profile-message.err{color:#ff9b9b}.profile-login-required{text-align:center;padding:34px 10px}.profile-login-required h3{margin-bottom:8px}.profile-login-required p{color:var(--ice-faint);margin-bottom:20px}@media(max-width:620px){.profile-backdrop{padding:10px}.profile-head,.profile-body{padding:19px}.profile-intro{grid-template-columns:1fr;text-align:center}.profile-avatar-preview{margin:auto}.profile-avatar-actions{justify-content:center}.profile-form{grid-template-columns:1fr}.profile-field.full{grid-column:auto}}
  footer{
    max-width:1500px;
    margin:0 auto;
    padding:54px clamp(24px,4vw,54px) 30px;
  }
  .footer-card{
    width:100%;
    min-height:150px;
    padding:28px 18px 36px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .footer-copy{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left}
  .footer-site-logo{display:block;width:auto;height:34px;max-width:140px;object-fit:contain;object-position:left center;margin-bottom:2px}
  .footer-line{margin:0;font-size:14px;color:rgba(255,255,255,.78);line-height:1.5;max-width:560px}
  .footer-brand{margin:0;font-family:var(--font-sans);font-size:13px;color:rgba(255,255,255,.7);letter-spacing:0}
  .footer-socials{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-shrink:0}
  .footer-social-link{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    color:rgba(255,255,255,.82);
    background:transparent;
    transition:color .2s ease,transform .2s ease,background .2s ease;
  }
  .footer-social-link[hidden]{display:none!important}
  .footer-social-link:hover{color:#fff;transform:translateY(-2px);background:rgba(255,255,255,.06)}
  .footer-social-link svg{width:23px;height:23px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .footer-social-link.is-x svg{fill:currentColor;stroke:none;width:20px;height:20px}
  .footer-social-link.is-discord svg{fill:currentColor;stroke:none;width:23px;height:23px}
  @media(max-width:700px){
    footer{padding:38px 20px 22px}
    .footer-card{min-height:0;padding:24px 4px 30px;align-items:flex-start;flex-direction:column;gap:24px}
    .footer-site-logo{height:31px}
    .footer-line{font-size:13px}
    .footer-socials{justify-content:flex-start}
  }
  .sr-only{
    position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
  }
  .video-catalog{
    width:min(100%, 1600px);
    margin:0 auto 64px;
    padding:6px 0 0;
  }
  .video-rail-section{ margin:0 0 38px; }
  .video-rail-title{
    display:inline-flex; align-items:center; gap:8px;
    margin:0 24px 14px;
    color:#fff; font-family:var(--font-display);
    font-size:clamp(20px,2vw,24px); font-weight:700;
    letter-spacing:-.02em;
  }
  .video-rail-title svg{ width:18px;height:18px;color:var(--blue-light);filter:drop-shadow(0 0 8px rgba(45,127,249,.5)); }
  .video-rail-shell{ position:relative; }
  .video-rail{
    display:flex; gap:14px; overflow-x:auto; overflow-y:hidden;
    padding:4px 24px 18px;
    scroll-behavior:smooth; scroll-snap-type:x proximity;
    scrollbar-width:none; overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .video-rail::-webkit-scrollbar{ display:none; }
  .video-card{
    flex:0 0 clamp(300px, 24vw, 390px);
    aspect-ratio:16/9; border-radius:14px; overflow:hidden;
    position:relative; scroll-snap-align:start;
    background:#081224; border:1px solid rgba(140,190,255,.16);
    box-shadow:0 12px 28px rgba(0,0,0,.28);
    transform:translateY(0) scale(1);
    transition:transform .3s var(--ease), border-color .3s, box-shadow .3s, filter .3s;
  }
  .video-card img{ width:100%;height:100%;object-fit:cover;display:block;transition:transform .32s var(--ease),filter .32s; }
  .video-card::after{ content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(3,8,20,.25)); }
  @media (hover:hover){
    .video-card:hover{ transform:translateY(-4px) scale(1.03);z-index:2;border-color:rgba(110,180,255,.4);box-shadow:0 16px 36px rgba(0,0,0,.42),0 0 25px rgba(45,127,249,.16); }
    .video-card:hover img{ transform:scale(1.025);filter:contrast(1.06) brightness(1.04); }
  }
  .video-rail-arrow{
    position:absolute;top:50%;z-index:5;transform:translateY(-58%);
    width:54px;height:86px;border:1px solid rgba(140,190,255,.2);
    display:flex;align-items:center;justify-content:center;color:#fff;
    background:rgba(4,10,23,.66);backdrop-filter:blur(14px) saturate(150%);
    -webkit-backdrop-filter:blur(14px) saturate(150%);
    box-shadow:0 10px 35px rgba(0,0,0,.4);
    opacity:1;transition:opacity .2s,transform .25s var(--ease),background .2s;
  }
  .video-rail-arrow:hover{ background:rgba(12,31,60,.85);transform:translateY(-58%) scale(1.05); }
  .video-rail-arrow[hidden]{ display:none; }
  .video-rail-arrow.prev{ left:10px;border-radius:0 18px 18px 0; }
  .video-rail-arrow.next{ right:10px;border-radius:18px 0 0 18px; }
  .video-rail-arrow svg{ width:31px;height:31px; }
  .video-rail-empty{ margin:0 24px;color:var(--ice-faint);padding:22px 0; }
  @media(max-width:900px){
    .video-card{ flex-basis:clamp(270px,44vw,350px); }
    .video-rail-arrow{ width:46px;height:72px; }
  }
  @media(max-width:600px){
    .video-catalog{ margin-bottom:42px; }
    .video-rail-section{ margin-bottom:28px; }
    .video-rail-title{ margin-left:18px;margin-bottom:10px; }
    .video-rail{ padding-left:18px;padding-right:18px;gap:11px; }
    .video-card{ flex-basis:82vw;border-radius:12px; }
    .video-rail-arrow{ width:38px;height:60px; }
    .video-rail-arrow.prev{ left:0; }.video-rail-arrow.next{ right:0; }
    .video-rail-arrow svg{ width:25px;height:25px; }
  }
  #authGate{position:fixed;inset:0;z-index:1000;display:none;overflow:hidden;background:#07101b;color:#fff}
  body.login-mode{overflow:hidden!important}
  body.login-mode #authGate{display:block}
  body.login-mode .topbar-wrap,body.login-mode main,body.login-mode footer,body.login-mode .bg,body.login-mode .bg-grain,body.login-mode .particles{display:none!important}
  .login-bg-stack{position:absolute;inset:-24px;overflow:hidden;background:#050a11}
  .login-bg-slide{position:absolute;inset:0;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#020711;opacity:0;transform:none;filter:none;transition:opacity 1.4s ease}
  .login-bg-slide.active{opacity:1;transform:none}
  .login-bg-stack:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,29,.9) 0%,rgba(6,14,25,.64) 42%,rgba(4,9,16,.74) 100%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.48))}
  .login-shell{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));height:100%;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,490px);gap:70px;align-items:center}
  .login-brand{align-self:start;padding-top:54px}.login-brand img{width:88px;height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35))}
  .login-copy{align-self:center;max-width:560px}.login-kicker{font:700 12px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#ff9b32;margin-bottom:16px}.login-copy h1{font:700 clamp(42px,5vw,76px)/.98 var(--font-display);letter-spacing:-.055em;text-wrap:balance}.login-copy p{margin-top:22px;max-width:520px;font-size:18px;line-height:1.55;color:rgba(234,242,255,.74)}
  .login-card{justify-self:end;width:100%;max-height:calc(100vh - 48px);overflow:auto;padding:34px;border-radius:28px;background:rgba(10,18,29,.82);border:1px solid rgba(255,255,255,.13);box-shadow:0 32px 90px rgba(0,0,0,.52);backdrop-filter:blur(22px) saturate(125%)}
  .login-card h2{font:700 32px/1.08 var(--font-display);letter-spacing:-.035em}.login-sub{margin:9px 0 25px;color:rgba(234,242,255,.62);line-height:1.45}.login-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:13px;background:rgba(255,255,255,.055);margin-bottom:22px}.login-tab{border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.58);padding:10px;font-weight:700}.login-tab.active{background:rgba(255,255,255,.11);color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.18)}
  .auth-form{display:grid;gap:14px}.auth-form[hidden]{display:none}.auth-field{display:grid;gap:7px}.auth-field label{font-size:12px;font-weight:700;color:rgba(255,255,255,.76)}.auth-field input{height:54px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#edf3ff;color:#101723;padding:0 16px;font:500 15px var(--font-body)}.auth-field input:focus{outline:none;border-color:#6eb4ff;box-shadow:0 0 0 4px rgba(45,127,249,.18)}
  .auth-primary,.auth-google{height:56px;border-radius:999px;font-weight:800;font-size:15px}.auth-primary{border:0;background:#2878ed;color:#fff;margin-top:4px}.auth-primary:hover{background:#3384f7}.auth-google{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}.auth-google:hover{background:rgba(255,255,255,.12)}.auth-google svg{width:20px;height:20px}.auth-sep{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.38);font-size:12px;margin:4px 0}.auth-sep:before,.auth-sep:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.1)}
  .auth-status{min-height:21px;font-size:13px;line-height:1.4}.auth-status.error{color:#ffaaa5}.auth-status.ok{color:#8ce8b5}.auth-foot{margin-top:16px;font-size:11px;line-height:1.45;color:rgba(255,255,255,.38);text-align:center}.login-dots{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:8px}.login-dot{width:6px;height:6px;border:0;border-radius:99px;background:rgba(255,255,255,.32);padding:0;transition:.3s}.login-dot.active{width:24px;background:#ff9628}
  .auth-loading{position:fixed;inset:0;z-index:9999;background:#030405;display:block;overflow:hidden}.auth-loading[hidden]{display:none!important}
  .site-loading-skeleton{min-height:100dvh;padding:14px clamp(22px,4vw,72px) 48px;background:#030405;color:#fff}
  .skeleton-shimmer{position:relative;overflow:hidden;background:#111315;border:1px solid rgba(255,255,255,.025)}
  .skeleton-shimmer::after{content:'';position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);animation:siteSkeletonSweep 1.45s ease-in-out infinite}
  @keyframes siteSkeletonSweep{to{transform:translateX(110%)}}
  .site-skeleton-top{height:82px;display:grid;grid-template-columns:1fr minmax(430px,520px) 1fr;align-items:center;gap:24px;position:relative;z-index:2}
  .site-skeleton-avatar{width:54px;height:54px;border-radius:50%}
  .site-skeleton-avatar-left{visibility:hidden;justify-self:start}
  .site-skeleton-avatar-right{justify-self:end}
  .site-skeleton-nav{height:62px;border-radius:999px;display:flex;align-items:center;justify-content:space-evenly;padding:8px 12px;background:#0d0f10}
  .site-skeleton-nav i{display:block;height:34px;border-radius:999px;background:rgba(255,255,255,.055)}
  .site-skeleton-nav i:nth-child(1){width:76px;background:rgba(255,255,255,.10)}
  .site-skeleton-nav i:nth-child(2),.site-skeleton-nav i:nth-child(3){width:68px}.site-skeleton-nav i:nth-child(4){width:34px;border-radius:50%}
  .site-skeleton-hero{height:min(68vh,680px);min-height:520px;margin-top:2px;border-radius:0;position:relative;background:#0a0c0d;border:0}
  .site-skeleton-copy{position:absolute;left:clamp(30px,4vw,68px);bottom:clamp(72px,11vh,128px);width:min(490px,40vw);display:grid;gap:13px}
  .site-skeleton-logo{height:112px;width:74%;border-radius:12px}
  .site-skeleton-meta{height:14px;width:35%;border-radius:999px}
  .site-skeleton-line{height:14px;border-radius:999px}.site-skeleton-line.short{width:72%}
  .site-skeleton-actions{display:flex;gap:12px;margin-top:10px}.site-skeleton-button{height:54px;width:174px;border-radius:999px}.site-skeleton-round{height:54px;width:54px;border-radius:50%}
  .site-skeleton-section{margin-top:0;padding:34px 0 18px}.site-skeleton-heading{height:25px;width:150px;border-radius:7px;margin-bottom:20px}
  .site-skeleton-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.site-skeleton-card{aspect-ratio:16/9;border-radius:15px}
  @media(max-width:760px){
    .site-loading-skeleton{padding:0 0 28px;min-height:100dvh}.site-skeleton-top{height:98px;padding:0 24px;grid-template-columns:58px 1fr 58px;gap:16px;background:linear-gradient(180deg,#050607 0%,rgba(5,6,7,.94) 74%,transparent 100%)}
    .site-skeleton-avatar-left{visibility:visible;justify-self:start}.site-skeleton-avatar-right{justify-self:end;width:58px;height:58px}.site-skeleton-nav{display:none}.site-skeleton-avatar{width:54px;height:54px}
    .site-skeleton-hero{height:calc(100dvh - 98px);min-height:620px;margin:0;border-radius:0;background:#090b0c}
    .site-skeleton-copy{left:34px;right:34px;bottom:72px;width:auto;gap:14px}.site-skeleton-logo{height:220px;width:100%;border-radius:20px}.site-skeleton-meta{width:52%;height:15px}.site-skeleton-line{height:15px}.site-skeleton-line.short{width:74%}
    .site-skeleton-actions{margin-top:12px}.site-skeleton-button{flex:1;width:auto;height:58px}.site-skeleton-round{flex:0 0 58px;height:58px}
    .site-skeleton-section{margin:0 0 0;padding:34px 34px 42px;border-top:1px solid rgba(255,255,255,.05);border-radius:30px 30px 0 0;background:#050607}.site-skeleton-heading{height:29px;width:145px;margin-bottom:22px}
    .site-skeleton-cards{display:flex;overflow:hidden;gap:14px}.site-skeleton-card{flex:0 0 78vw;aspect-ratio:16/9;border-radius:16px}
  }
  @media(max-width:850px){.login-shell{grid-template-columns:1fr;width:min(520px,calc(100% - 28px));gap:0}.login-brand{position:absolute;top:22px;left:0;padding:0}.login-brand img{width:70px}.login-copy{display:none}.login-card{justify-self:center;padding:26px;max-height:calc(100vh - 110px);margin-top:64px}.login-dots{bottom:12px}}
  @media(max-width:480px){.login-shell{width:calc(100% - 20px)}.login-card{padding:22px;border-radius:23px}.login-card h2{font-size:27px}.auth-field input{height:50px}.auth-primary,.auth-google{height:52px}}
  .login-bg-stack:after{background:linear-gradient(180deg,rgba(4,11,23,.70),rgba(3,9,19,.84)),radial-gradient(circle at 50% 28%,rgba(37,99,235,.18),transparent 45%)}
  .login-shell{width:min(760px,calc(100% - 40px));height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:72px 0 42px}
  .login-brand{position:absolute;top:30px;left:50%;transform:translateX(-50%);padding:0;align-self:auto}
  .login-brand img{width:82px;filter:drop-shadow(0 8px 28px rgba(37,99,235,.30))}
  .login-copy{align-self:auto;max-width:690px;margin:0 auto;text-align:center}
  .login-kicker{color:#3b82f6;margin-bottom:10px}
  .login-copy h1{font-size:clamp(38px,5vw,66px);line-height:1.02;max-width:700px;margin:0 auto}
  .login-copy p{font-size:17px;max-width:610px;margin:14px auto 0}
  .login-card{justify-self:auto;width:min(500px,100%);max-height:none;overflow:visible;padding:28px 32px;border-color:rgba(96,165,250,.22);background:rgba(8,18,34,.88);box-shadow:0 32px 90px rgba(0,0,0,.55),0 0 50px rgba(37,99,235,.08)}
  .login-card h2{text-align:center}.login-sub{text-align:center;margin-bottom:20px}
  .login-tab.active{background:rgba(59,130,246,.20);box-shadow:0 5px 18px rgba(37,99,235,.16)}
  .login-dot.active{background:#3b82f6}
  .auth-field input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.16)!important}
  .auth-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}
  .auth-primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)!important}
  @media(max-height:900px) and (min-width:851px){.login-shell{gap:14px;padding-top:58px}.login-brand{top:20px}.login-brand img{width:66px}.login-copy h1{font-size:clamp(34px,4.3vw,54px)}.login-copy p{font-size:15px;margin-top:10px}.login-card{padding:22px 28px}.login-card h2{font-size:28px}.login-sub{margin:7px 0 16px}.login-tabs{margin-bottom:15px}.auth-field{gap:5px}.auth-field input{height:48px}.auth-form{gap:12px}.auth-primary,.auth-google{height:50px}}
  @media(max-width:850px){.login-shell{width:min(520px,calc(100% - 24px));padding:78px 0 28px;gap:16px}.login-brand{top:20px;left:50%}.login-copy{display:block}.login-copy h1{font-size:clamp(32px,9vw,46px)}.login-copy p{font-size:14px;margin-top:10px}.login-card{margin-top:0;padding:24px;max-height:none}.login-dots{bottom:9px}}
  @media(max-width:520px){.login-copy p,.login-kicker{display:none}.login-shell{justify-content:center;padding-top:68px}.login-card{padding:22px 18px}.login-brand img{width:64px}}
  #authGate{min-height:100dvh}
  .login-bg-stack{inset:0}
  .login-bg-slide{filter:none;transform:none;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#020711}
  .login-bg-stack:after{
    background:
      linear-gradient(90deg,rgba(2,8,20,.94) 0%,rgba(5,15,34,.84) 43%,rgba(3,9,21,.52) 68%,rgba(2,7,16,.80) 100%),
      linear-gradient(180deg,rgba(4,12,28,.28),rgba(2,7,16,.72));
  }
  .login-shell{
    width:min(1440px,calc(100% - 72px));height:100%;margin:auto;
    display:grid;grid-template-columns:minmax(390px,520px) minmax(0,1fr);
    grid-template-rows:110px 1fr 46px;column-gap:clamp(70px,8vw,150px);
    align-items:center;text-align:left;padding:0;
  }
  .login-brand{position:static;transform:none;grid-column:1/-1;grid-row:1;align-self:center;padding:0;justify-self:start}
  .login-brand img{width:92px;max-height:76px;object-fit:contain;filter:drop-shadow(0 8px 28px rgba(37,99,235,.38))}
  .login-card{
    grid-column:1;grid-row:2;justify-self:start;width:100%;max-height:none;overflow:visible;
    padding:clamp(26px,3.2vh,38px);border-radius:30px;text-align:left;
    border:1px solid rgba(112,169,255,.25);
    background:linear-gradient(145deg,rgba(8,20,42,.91),rgba(6,14,29,.84));
    box-shadow:0 32px 100px rgba(0,0,0,.58),0 0 70px rgba(37,99,235,.10);
    backdrop-filter:blur(28px) saturate(140%);
  }
  .login-card h2{font-size:clamp(30px,3vw,40px);letter-spacing:-.045em;text-align:left}
  .login-sub{text-align:left;margin:10px 0 24px;font-size:15px}
  .login-copy{grid-column:2;grid-row:2;align-self:center;max-width:760px;margin:0;text-align:left}
  .login-kicker{color:#60a5fa;margin-bottom:18px;font-size:12px;letter-spacing:.22em}
  .login-copy h1{font-size:clamp(48px,5.2vw,82px);line-height:.98;max-width:800px;margin:0;letter-spacing:-.06em}
  .login-copy h1 strong{color:#3b82f6;font-weight:700}
  .login-copy p{font-size:clamp(16px,1.35vw,20px);max-width:680px;margin:24px 0 0;line-height:1.6;color:rgba(234,242,255,.72)}
  .login-features{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:18px;margin-top:34px;max-width:760px}
  .login-feature{display:grid;gap:10px;color:rgba(234,242,255,.70);font-size:13px;line-height:1.35}
  .login-feature-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:rgba(37,99,235,.14);border:1px solid rgba(96,165,250,.16);color:#60a5fa}
  .login-feature-icon svg{width:24px;height:24px}
  .login-tabs{margin-bottom:20px;background:rgba(255,255,255,.055)}
  .login-tab.active{background:linear-gradient(135deg,rgba(59,130,246,.38),rgba(37,99,235,.24));color:#fff}
  .auth-form{gap:13px}
  #signupForm{grid-template-columns:1fr;row-gap:14px;align-items:start}
  #signupForm .auth-primary{grid-column:auto}
  .auth-field input{height:52px;background:rgba(238,244,255,.98);border:1px solid rgba(255,255,255,.22)}
  .auth-options{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:rgba(234,242,255,.60);margin-top:-2px}
  .auth-remember{display:flex;align-items:center;gap:8px;cursor:pointer}
  .auth-remember input{accent-color:#3b82f6}
  .auth-link{border:0;background:none;color:#60a5fa;font-size:12px;padding:0}
  .auth-link:hover{text-decoration:underline}
  .auth-primary,.auth-google{height:54px}
  .auth-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 12px 30px rgba(37,99,235,.25)}
  .social-auth{margin-top:13px}
  .social-auth .auth-sep{margin:0 0 11px;color:rgba(234,242,255,.46)}
  .auth-discord{width:100%;height:50px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;display:flex;align-items:center;justify-content:center;gap:11px;font:800 14px var(--font-body);box-shadow:0 12px 28px rgba(0,0,0,.26);transition:transform .2s var(--ease),filter .2s var(--ease)}
  .auth-discord:hover{transform:translateY(-1px);filter:brightness(1.08)}
  .auth-discord:disabled{opacity:.62;cursor:wait;transform:none}
  .auth-discord svg{width:23px;height:23px;fill:currentColor}
  #authGate.signup-mode .login-card{padding:24px 28px}
  #authGate.signup-mode .login-card h2{font-size:32px}
  #authGate.signup-mode .login-sub{margin:6px 0 14px}
  #authGate.signup-mode .login-tabs{margin-bottom:14px}
  #authGate.signup-mode .auth-field{gap:4px}
  #authGate.signup-mode .auth-field input{height:47px}
  #authGate.signup-mode .auth-help{font-size:10px;line-height:1.3}
  #authGate.signup-mode .auth-primary{height:49px;margin-top:1px}
  .auth-google{width:100%;background:#fff;color:#172033;border-color:#fff}
  .auth-google:hover{background:#edf4ff}
  .google-create-note{margin-top:13px;text-align:center;font-size:12px;color:rgba(234,242,255,.55)}
  .google-create-note button{border:0;background:none;color:#60a5fa;font-weight:700}
  .login-dots{grid-column:1/-1;grid-row:3;position:static;transform:none;justify-self:center;align-self:center}
  .login-dot.active{background:#3b82f6}
  .auth-foot{margin-top:12px}
  @media(max-height:820px) and (min-width:901px){
    .login-shell{grid-template-rows:86px 1fr 34px}
    .login-brand img{width:72px}.login-card{padding:24px 28px;max-height:none}
    .login-card h2{font-size:30px}.login-sub{margin:7px 0 16px}.login-tabs{margin-bottom:14px}.auth-field input{height:46px}
    .auth-primary,.auth-google{height:48px}.login-copy h1{font-size:clamp(44px,4.7vw,68px)}.login-copy p{margin-top:16px}
    .login-features{margin-top:22px}.login-feature-icon{width:44px;height:44px}
  }
  @media(max-width:900px){
    #authGate{overflow:auto}
    body.login-mode{overflow:auto!important}
    .login-shell{width:min(560px,calc(100% - 28px));height:auto;min-height:100dvh;display:flex;flex-direction:column;gap:18px;padding:18px 0 30px;text-align:center}
    .login-brand{position:static;align-self:center;order:0}.login-brand img{width:72px}
    .login-copy{display:block;order:1;text-align:center}.login-kicker{margin-bottom:8px}.login-copy h1{font-size:clamp(32px,9vw,48px)}.login-copy p{font-size:14px;margin:10px auto 0}
    .login-features{display:none}.login-card{order:2;max-height:none;overflow:visible;padding:24px;text-align:left}.login-dots{order:3}
    #signupForm{grid-template-columns:1fr}
    #signupForm .auth-primary{grid-column:auto}
  }
  @media(max-width:520px){
    .login-shell{width:calc(100% - 20px);padding-top:14px}.login-copy p,.login-kicker{display:none}.login-brand img{width:62px}
    .login-card{padding:21px 18px;border-radius:24px}.login-card h2{font-size:28px}.auth-options{align-items:flex-start}.auth-field input{height:49px}
  }
  .auth-help{margin-top:-1px;color:rgba(234,242,255,.56);font-size:11px;line-height:1.45}
  .auth-field.username-field input{text-transform:lowercase}
  #signupForm{grid-template-columns:1fr!important;row-gap:14px!important}
  #signupForm .auth-primary{grid-column:auto!important}
  #authGate{
    overflow-y:auto;
    overflow-x:hidden;
    background:#07101b;
  }
  body.login-mode{overflow:hidden!important}
  .login-shell{
    height:auto;
    min-height:100dvh;
    padding-bottom:42px;
  }
  .auth-column{
    grid-column:1;
    grid-row:2;
    align-self:center;
    justify-self:start;
    width:100%;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
  }
  .auth-column .login-card{
    grid-column:auto;
    grid-row:auto;
    justify-self:auto;
    width:100%;
    max-height:none;
    overflow:visible;
    padding:0;
    border-radius:30px;
    text-align:left;
    background:rgba(25,27,31,.76);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:
      0 30px 90px rgba(0,0,0,.55),
      inset 0 1px 0 rgba(255,255,255,.045);
    -webkit-backdrop-filter:blur(32px) saturate(135%);
    backdrop-filter:blur(32px) saturate(135%);
  }
  .auth-step[hidden]{display:none!important}
  .auth-step{
    padding:32px;
    animation:authStepIn .34s var(--ease) both;
  }
  @keyframes authStepIn{
    from{opacity:0;transform:translateY(10px) scale(.988)}
    to{opacity:1;transform:none}
  }
  .auth-step-header{margin-bottom:25px}
  .auth-step-header h2{
    max-width:440px;
    font:700 clamp(28px,2.75vw,38px)/1.12 var(--font-display);
    letter-spacing:-.045em;
    color:#fff;
    text-wrap:balance;
  }
  .auth-step-header p{
    margin-top:12px;
    color:rgba(225,232,244,.68);
    font-size:15px;
    line-height:1.58;
  }
  .email-start .auth-step-header{margin-bottom:18px}
  .email-start .auth-step-header h2{
    font-size:clamp(22px,2.1vw,29px);
    line-height:1.25;
    letter-spacing:-.035em;
  }
  .auth-form{display:grid;grid-template-columns:1fr;gap:16px}
  .auth-field{display:grid;gap:8px}
  .auth-field label{
    font-size:12px;
    line-height:1.2;
    font-weight:750;
    letter-spacing:.045em;
    text-transform:uppercase;
    color:rgba(222,229,241,.72);
  }
  .auth-field input{
    width:100%;
    height:60px;
    padding:0 21px;
    border-radius:17px;
    border:1px solid rgba(255,255,255,.11);
    background:rgba(5,7,10,.88);
    color:#fff;
    font:500 17px var(--font-body);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
  }
  .auth-field input::placeholder{color:rgba(255,255,255,.38)}
  .auth-field input:focus{
    outline:none;
    border-color:rgba(72,143,255,.9)!important;
    box-shadow:0 0 0 4px rgba(45,127,249,.16)!important;
    background:rgba(8,10,14,.95);
  }
  .auth-field input:-webkit-autofill,
  .auth-field input:-webkit-autofill:hover,
  .auth-field input:-webkit-autofill:focus{
    -webkit-text-fill-color:#fff;
    -webkit-box-shadow:0 0 0 1000px #090b0f inset;
    caret-color:#fff;
  }
  .auth-primary{
    width:100%;
    height:64px;
    margin-top:16px;
    border:0;
    border-radius:999px;
    color:#fff;
    background:#2878ed!important;
    box-shadow:0 14px 32px rgba(37,99,235,.26);
    font:750 17px var(--font-body);
    transition:transform .2s var(--ease),filter .2s ease,box-shadow .2s ease;
  }
  .auth-primary:hover{
    background:#337ff0!important;
    transform:translateY(-1px);
    filter:brightness(1.04);
    box-shadow:0 17px 38px rgba(37,99,235,.32);
  }
  .auth-primary:active{transform:scale(.992)}
  .auth-primary:disabled{opacity:.62;cursor:wait;transform:none;filter:none}
  .email-start .auth-primary{margin-top:16px}
  .selected-email-row{
    min-height:56px;
    margin-bottom:24px;
    padding:13px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.11);
    background:rgba(255,255,255,.055);
    color:rgba(225,232,244,.68);
    font-size:14px;
  }
  .selected-email-row span{min-width:0;overflow-wrap:anywhere}
  .selected-email-row strong{color:#fff;font-weight:750}
  .selected-email-row button,
  .auth-inline-link{
    flex:0 0 auto;
    border:0;
    background:transparent;
    color:#2d7ff9;
    font:750 14px var(--font-body);
    padding:5px 0;
  }
  .selected-email-row button:hover,
  .auth-inline-link:hover{text-decoration:underline}
  .auth-options{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:-1px;
    color:rgba(225,232,244,.62);
    font-size:12px;
  }
  .auth-remember{
    display:flex;
    align-items:flex-start;
    gap:11px;
    cursor:pointer;
    color:rgba(225,232,244,.68);
    font-size:14px;
    line-height:1.45;
  }
  .auth-remember{align-items:center;font-size:12px}
  .auth-remember input{
    width:19px;
    height:19px;
    margin-top:1px;
    flex:0 0 auto;
    accent-color:#2878ed;
  }
  .auth-link{
    border:0;
    background:none;
    color:#4a91ff;
    font:650 12px var(--font-body);
    padding:0;
  }
  .auth-link:hover{text-decoration:underline}
  .auth-help{
    margin-top:-1px;
    color:rgba(225,232,244,.56);
    font-size:11.5px;
    line-height:1.45;
  }
  .username-field input{text-transform:lowercase}
  .auth-switch-note{
    margin-top:18px;
    text-align:center;
    color:rgba(225,232,244,.50);
    font-size:12px;
  }
  .auth-status{
    min-height:0;
    margin:0 32px 26px;
    font-size:12.5px;
    line-height:1.45;
  }
  .auth-status:empty{display:none}
  .auth-status.error{color:#ffaaa5}
  .auth-status.ok{color:#8ce8b5}
  .discord-login-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:72px;
  }
  .discord-icon-button{
    width:68px;
    height:68px;
    padding:0;
    border:0;
    border-radius:50%;
    overflow:hidden;
    background:transparent;
    box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.08);
    transition:transform .22s var(--ease),filter .22s ease,box-shadow .22s ease;
  }
  .discord-icon-button:hover{
    transform:translateY(-3px) scale(1.045);
    filter:brightness(1.08);
    box-shadow:0 18px 40px rgba(0,0,0,.48);
  }
  .discord-icon-button:active{transform:scale(.97)}
  .discord-icon-button:disabled{opacity:.58;cursor:wait;transform:none}
  .discord-icon-button img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
  @media(max-height:820px) and (min-width:901px){
    .login-shell{padding-top:18px;padding-bottom:32px}
    .auth-step{padding:26px}
    .auth-step-header{margin-bottom:18px}
    .auth-step-header p{font-size:13px;margin-top:8px}
    .selected-email-row{margin-bottom:18px}
    .auth-form{gap:12px}
    .auth-field input{height:52px}
    .auth-primary{height:54px;margin-top:8px}
    .auth-status{margin:0 26px 20px}
    .discord-icon-button{width:58px;height:58px}
    .discord-login-wrap{min-height:60px}
  }
  @media(max-width:900px){
    #authGate{overflow-y:auto}
    .login-shell{
      width:min(560px,calc(100% - 28px));
      height:auto;
      min-height:100dvh;
      display:flex;
      flex-direction:column;
      gap:18px;
      padding:18px 0 34px;
      text-align:center;
    }
    .auth-column{order:2;width:100%;gap:14px}
    .auth-column .login-card{max-height:none;overflow:visible;text-align:left}
    .login-copy{order:1}
    .login-brand{order:0}
    .login-dots{order:3}
  }
  @media(max-width:520px){
    .login-shell{width:calc(100% - 20px);padding-top:14px}
    .auth-column .login-card{border-radius:25px}
    .auth-step{padding:24px 20px}
    .auth-step-header{margin-bottom:20px}
    .auth-step-header h2{font-size:27px}
    .email-start .auth-step-header h2{font-size:21px}
    .auth-step-header p{font-size:14px}
    .auth-field input{height:56px;padding:0 17px;font-size:16px}
    .auth-primary{height:60px;font-size:16px;margin-top:12px}
    .selected-email-row{padding:12px 14px;font-size:13px}
    .auth-options{align-items:flex-start}
    .auth-status{margin:0 20px 22px}
    .discord-icon-button{width:62px;height:62px}
  }
  .login-copy{display:none!important}
  .login-shell{
    width:min(560px,calc(100% - 32px))!important;
    min-height:100dvh!important;
    height:auto!important;
    margin:0 auto!important;
    padding:104px 0 46px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:16px!important;
    text-align:left!important;
  }
  .login-brand{
    position:absolute!important;
    top:24px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    padding:0!important;
    margin:0!important;
    align-self:auto!important;
    justify-self:auto!important;
  }
  .login-brand img{width:76px!important;max-height:68px!important}
  .auth-column{
    width:100%!important;
    max-width:520px!important;
    margin:auto 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:16px!important;
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:auto!important;
    justify-self:auto!important;
    order:1!important;
  }
  .auth-column .login-card{width:100%!important}
  .discord-login-wrap{width:100%!important;justify-content:center!important}
  .login-dots{display:none!important}
  @media(max-width:520px){
    .login-shell{width:calc(100% - 20px)!important;padding:86px 0 28px!important;gap:12px!important}
    .login-brand{top:16px!important}
    .login-brand img{width:62px!important}
    .auth-column{gap:12px!important}
  }
  .auth-field input,
  .auth-field input:hover,
  .auth-field input:active,
  .auth-field input:focus,
  .auth-field input:not(:placeholder-shown){
    background-color:#090b0f!important;
    color:#fff!important;
    caret-color:#fff!important;
    color-scheme:dark;
  }
  .auth-field input:-webkit-autofill,
  .auth-field input:-webkit-autofill:hover,
  .auth-field input:-webkit-autofill:active,
  .auth-field input:-webkit-autofill:focus{
    -webkit-text-fill-color:#fff!important;
    caret-color:#fff!important;
    -webkit-box-shadow:0 0 0 1000px #090b0f inset!important;
    box-shadow:0 0 0 1000px #090b0f inset!important;
    border-color:rgba(72,143,255,.9)!important;
    transition:background-color 9999s ease-out 0s;
  }
  .auth-field input:-moz-autofill{
    background-color:#090b0f!important;
    color:#fff!important;
    box-shadow:0 0 0 1000px #090b0f inset!important;
  }
  .auth-input-with-icon{
    position:relative;
    width:100%;
  }
  .auth-input-with-icon .auth-input-icon{
    position:absolute;
    left:20px;
    top:50%;
    width:22px;
    height:22px;
    transform:translateY(-50%);
    color:rgba(255,255,255,.58);
    pointer-events:none;
    z-index:2;
    transition:color .2s ease,filter .2s ease;
  }
  .auth-input-with-icon input{
    padding-left:58px!important;
  }
  .auth-input-with-icon:focus-within .auth-input-icon{
    color:#73b5ff;
    filter:drop-shadow(0 0 8px rgba(74,145,255,.45));
  }
  .auth-primary{
    background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.18)!important;
  }
  .auth-primary:hover{
    background:linear-gradient(135deg,#60a5fa 0%,#2f7bed 100%)!important;
    box-shadow:0 15px 32px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.22)!important;
  }
  .login-shell{
    padding-top:150px!important;
  }
  .login-brand{top:24px!important}
  .login-brand img{
    width:120px!important;
    max-height:110px!important;
  }
  @media(max-width:520px){
    .login-shell{padding:120px 0 28px!important}
    .login-brand{top:18px!important}
    .login-brand img{width:92px!important;max-height:86px!important}
    .auth-input-with-icon .auth-input-icon{left:17px;width:21px;height:21px}
    .auth-input-with-icon input{padding-left:52px!important}
  }
  :root{
    --ios-blue:#2f7bed;
    --ios-blue-hover:#3d87f5;
    --ios-surface:#252b32;
    --ios-surface-hover:#303740;
    --ios-line:rgba(255,255,255,.14);
    --ios-text:#f7f8fb;
    --ios-muted:rgba(235,240,248,.60);
  }
  .auth-primary,
  .profile-btn,
  .onboarding-btn,
  .avatar-picker-cancel,
  .f-play{
    min-height:54px;
    border:1px solid var(--ios-line)!important;
    border-radius:999px!important;
    padding:0 24px!important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    color:var(--ios-text)!important;
    background:var(--ios-surface)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 9px 25px rgba(0,0,0,.18)!important;
    font:750 16px var(--font-body)!important;
    text-decoration:none;
    transition:transform .18s ease,background .18s ease,filter .18s ease,box-shadow .18s ease!important;
  }
  .auth-primary,
  .profile-btn.primary,
  .onboarding-btn.primary,
  .f-play{
    border-color:transparent!important;
    background:var(--ios-blue)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 28px rgba(47,123,237,.25)!important;
  }
  .f-play svg{fill:#fff!important;color:#fff!important}
  .auth-primary:hover,
  .profile-btn.primary:hover,
  .onboarding-btn.primary:hover,
  .f-play:hover{background:var(--ios-blue-hover)!important;filter:none!important;transform:translateY(-1px)!important}
  .profile-btn:not(.primary):hover,
  .onboarding-btn:not(.primary):hover,
  .avatar-picker-cancel:hover{background:var(--ios-surface-hover)!important;transform:translateY(-1px)!important}
  .auth-primary:active,
  .profile-btn:active,
  .onboarding-btn:active,
  .avatar-picker-cancel:active,
  .f-play:active{transform:scale(.985)!important}
  .auth-primary:disabled,
  .profile-btn:disabled,
  .onboarding-btn:disabled{opacity:.56;cursor:wait;transform:none!important}
  .dd-item,
  .login-tab,
  .selected-email-row button,
  .auth-inline-link,
  .auth-link{
    border-radius:13px;
    transition:background .18s ease,color .18s ease,transform .18s ease;
  }
  .dd-item{min-height:44px;padding:0 14px!important}
  .dd-item:hover{background:rgba(255,255,255,.07)!important;transform:none}
  .login-tab.active{background:rgba(255,255,255,.11)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
  .user-chip,.icon-btn,.f-fav,.discord-icon-button{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.20);
  }
  button:focus-visible,a:focus-visible{outline:3px solid rgba(82,151,255,.72);outline-offset:3px}
  .onboarding-backdrop{
    position:fixed;inset:0;z-index:225;
    display:grid;place-items:center;
    padding:24px;
    background:rgba(0,4,10,.78);
    backdrop-filter:blur(18px) saturate(120%);
  }
  .onboarding-backdrop[hidden]{display:none}
  .onboarding-modal{
    width:min(900px,100%);
    max-height:92dvh;
    overflow:auto;
    border:1px solid rgba(255,255,255,.13);
    border-radius:34px;
    background:linear-gradient(180deg,rgba(17,22,29,.98),rgba(8,11,16,.98));
    box-shadow:0 38px 110px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.04);
  }
  .onboarding-header{padding:34px 38px 0;text-align:center}
  .onboarding-header .eyebrow{margin:0 0 8px;color:#6da7ff;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
  .onboarding-header h2{margin:0;font:750 clamp(28px,4vw,42px)/1.08 var(--font-display);letter-spacing:-.045em}
  .onboarding-header p{margin:11px auto 0;max-width:570px;color:var(--ios-muted);font-size:15px;line-height:1.55}
  .onboarding-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:38px;padding:36px 38px 38px;align-items:center}
  .onboarding-avatar-column{display:flex;flex-direction:column;align-items:center;gap:18px}
  .onboarding-avatar-preview{
    width:176px;height:176px;border-radius:50%;overflow:hidden;
    display:grid;place-items:center;
    background:radial-gradient(circle at 35% 28%,#4b5c70,#171d25 72%);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 22px 55px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);
  }
  .onboarding-avatar-preview img{width:100%;height:100%;object-fit:cover}
  .onboarding-avatar-preview svg{width:74px;height:74px;opacity:.72}
  .onboarding-avatar-column .onboarding-btn{width:100%;max-width:220px;min-height:50px;font-size:15px!important}
  .onboarding-form{display:grid;gap:17px}
  .onboarding-label{font-size:13px;font-weight:760;color:rgba(244,247,252,.82)}
  .onboarding-handle-wrap{
    height:62px;display:flex;align-items:center;
    border:1px solid rgba(255,255,255,.14);border-radius:18px;
    background:#080b10;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    transition:border-color .18s ease,box-shadow .18s ease;
  }
  .onboarding-handle-wrap:focus-within{border-color:#4d94ff;box-shadow:0 0 0 4px rgba(45,127,249,.16)}
  .onboarding-prefix{padding-left:19px;color:#7eb2ff;font-size:21px;font-weight:800}
  .onboarding-handle-wrap input{
    min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#fff;
    padding:0 19px 0 4px;font:650 18px var(--font-body);text-transform:lowercase;
  }
  .onboarding-handle-wrap input::placeholder{color:rgba(255,255,255,.31)}
  .onboarding-help{margin:0;color:var(--ios-muted);font-size:12.5px;line-height:1.5}
  .onboarding-preview{min-height:48px;padding:13px 15px;border-radius:15px;background:rgba(255,255,255,.045);color:rgba(240,244,250,.7);font-size:14px}
  .onboarding-preview strong{color:#fff}
  .onboarding-message{min-height:20px;font-size:13px;line-height:1.45}
  .onboarding-message.ok{color:#87e8b3}.onboarding-message.err{color:#ff9e9e}
  .onboarding-actions{display:grid;grid-template-columns:1fr;gap:11px;margin-top:2px}
  .onboarding-actions .onboarding-btn{width:100%}
  .avatar-picker-backdrop{
    position:fixed!important;inset:0!important;z-index:240!important;
    display:block!important;padding:0!important;
    background:
      radial-gradient(circle at 50% -12%,rgba(52,92,150,.22),transparent 39%),
      linear-gradient(180deg,#03070d 0%,#070a10 58%,#0b0e14 100%)!important;
    backdrop-filter:blur(22px) saturate(120%)!important;
  }
  .avatar-picker-backdrop[hidden]{display:none!important}
  .avatar-picker-modal{
    width:100%!important;height:100dvh!important;max-height:none!important;
    display:flex!important;flex-direction:column!important;
    border:0!important;border-radius:0!important;
    overflow:hidden!important;background:transparent!important;box-shadow:none!important;
  }
  .avatar-picker-header{
    flex:0 0 auto;display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:112px;padding:25px 78px 18px!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    background:linear-gradient(180deg,rgba(8,12,19,.86),rgba(8,12,19,.58))!important;
    backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    position:relative;
  }
  .avatar-picker-header>div{text-align:center}
  .avatar-picker-header h2{margin:0!important;font:760 clamp(30px,4vw,48px)/1 var(--font-display)!important;letter-spacing:-.045em}
  .avatar-picker-header p{display:none}
  .avatar-picker-close{
    display:none!important;
    position:absolute;right:24px;top:23px;width:46px;height:46px;border:1px solid rgba(255,255,255,.11)!important;
    border-radius:50%!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font-size:25px!important;
  }
  .avatar-picker-close:hover{background:rgba(255,255,255,.12)!important}
  .avatar-picker-body{
    flex:1;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;
    padding:26px 46px 32px!important;scrollbar-color:rgba(255,255,255,.2) transparent;
  }
  .avatar-category-columns{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
  .avatar-category{
    padding:22px 26px 24px!important;min-width:0;
    border:1px solid rgba(255,255,255,.095)!important;border-radius:27px!important;
    background:linear-gradient(135deg,rgba(35,41,51,.68),rgba(17,22,30,.44))!important;
    backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 20px 55px rgba(0,0,0,.22)!important;
  }
  .avatar-category h3{
    margin:0 0 18px!important;padding:0!important;border:0!important;
    color:#fff;font:750 clamp(20px,2vw,27px)/1.2 var(--font-body)!important;
    text-transform:none!important;letter-spacing:-.02em!important;
  }
  .avatar-rail-shell{position:relative;min-width:0}
  .avatar-options{
    display:flex!important;grid-template-columns:none!important;gap:34px!important;
    overflow-x:auto;overflow-y:hidden;padding:5px 14px 12px 8px;
    scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;
  }
  .avatar-options::-webkit-scrollbar{display:none}
  .avatar-option{
    position:relative!important;flex:0 0 clamp(88px,8vw,124px)!important;
    width:clamp(88px,8vw,124px)!important;height:clamp(88px,8vw,124px)!important;
    aspect-ratio:1!important;padding:0!important;border:3px solid rgba(255,255,255,.12)!important;border-radius:50%!important;
    overflow:hidden!important;background:rgba(10,15,22,.8)!important;scroll-snap-align:start;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 13px 30px rgba(0,0,0,.30);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  }
  .avatar-option:hover{transform:scale(1.045)!important;border-color:rgba(255,255,255,.42)!important}
  .avatar-option.selected{border-color:#fff!important;box-shadow:0 0 0 5px #2f7bed,0 15px 32px rgba(0,0,0,.34)!important}
  .avatar-option img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block}
  .avatar-option span{display:none!important}
  .avatar-rail-arrow{
    position:absolute;z-index:4;top:50%;transform:translateY(-50%);
    width:46px;height:116px;border:1px solid rgba(255,255,255,.09)!important;background:rgba(14,20,29,.72)!important;color:#fff!important;
    display:grid;place-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 28px rgba(0,0,0,.28);
  }
  .avatar-rail-arrow.prev{left:-40px;border-radius:0 16px 16px 0!important}
  .avatar-rail-arrow.next{right:-40px;border-radius:16px 0 0 16px!important}
  .avatar-rail-arrow:hover{background:rgba(28,37,50,.88)!important}
  .avatar-rail-arrow[hidden]{display:none!important}
  .avatar-rail-arrow svg{width:29px;height:29px}
  .avatar-picker-empty{padding:70px 20px!important;text-align:center;color:var(--ios-muted)!important}
  .avatar-picker-footer{
    flex:0 0 auto;display:flex;justify-content:center;padding:14px 24px 22px;
    border-top:1px solid rgba(255,255,255,.065);
    background:linear-gradient(0deg,rgba(7,10,16,.94),rgba(7,10,16,.68));
    backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);
  }
  .avatar-picker-cancel{min-width:164px;min-height:52px}
  .profile-modal{border-radius:32px!important;background:linear-gradient(180deg,#151a21,#090c11)!important;border-color:rgba(255,255,255,.13)!important}
  .profile-avatar-preview{border-radius:50%!important}
  .profile-field input,.profile-field textarea{border-radius:17px!important;background:#080b10!important;border-color:rgba(255,255,255,.13)!important}
  .profile-actions{align-items:center}
  @media(max-width:760px){
    .onboarding-backdrop{padding:10px}
    .onboarding-modal{border-radius:27px}
    .onboarding-header{padding:26px 22px 0}
    .onboarding-grid{grid-template-columns:1fr;gap:25px;padding:27px 22px 25px}
    .onboarding-avatar-preview{width:138px;height:138px}
    .onboarding-avatar-column{gap:13px}
    .avatar-picker-header{min-height:88px;padding:20px 62px 13px!important}
    .avatar-picker-header h2{font-size:29px!important}
    .avatar-picker-close{right:14px;top:16px;width:42px;height:42px}
    .avatar-picker-body{padding:18px 14px 22px!important}
    .avatar-category-columns{gap:18px!important}
    .avatar-category{padding:18px 16px 20px!important;border-radius:22px!important}
    .avatar-category h3{font-size:20px!important;margin-bottom:13px!important}
    .avatar-options{gap:21px!important;padding-left:4px}
    .avatar-option{flex-basis:88px!important;width:88px!important;height:88px!important}
    .avatar-rail-arrow{display:none!important}
    .avatar-picker-footer{padding-bottom:max(17px,env(safe-area-inset-bottom))}
  }
  #authGate{
    background:#02050a!important;
  }
  .login-bg-stack{
    inset:-12px!important;
    background:#02050a!important;
  }
  .login-bg-slide{
    inset:-2%!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    transform:scale(1.08)!important;
    filter:blur(2.4px) brightness(.70) saturate(.88)!important;
    transition:opacity 1.4s ease,transform 8s ease!important;
    will-change:opacity,transform;
  }
  .login-bg-slide.active{
    transform:scale(1.12)!important;
  }
  .login-bg-stack:after{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 50% 42%,rgba(10,19,34,.08) 0%,rgba(0,0,0,.28) 58%,rgba(0,0,0,.62) 100%),
      linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(2,7,15,.45) 45%,rgba(0,0,0,.64) 100%)!important;
    -webkit-backdrop-filter:blur(2px) saturate(105%);
    backdrop-filter:blur(2px) saturate(105%);
  }
  .login-shell{
    position:relative!important;
    z-index:2!important;
    width:min(620px,calc(100% - 40px))!important;
    min-height:100dvh!important;
    height:auto!important;
    margin:0 auto!important;
    padding:34px 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:48px!important;
    text-align:left!important;
  }
  .login-topbar{
    width:100%;
    max-width:560px;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:0 2px;
  }
  .login-brand{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:auto!important;
    min-width:70px;
    margin:0!important;
    padding:0!important;
  }
  .login-brand img{
    width:82px!important;
    height:76px!important;
    max-height:none!important;
    object-fit:contain!important;
    filter:drop-shadow(0 10px 26px rgba(0,0,0,.46)) drop-shadow(0 0 18px rgba(47,123,237,.18))!important;
  }
  .discord-connect-button{
    min-height:48px;
    padding:0 22px;
    border:1px solid rgba(255,255,255,.52);
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    background:rgba(10,14,20,.36);
    color:#fff;
    -webkit-backdrop-filter:blur(18px) saturate(135%);
    backdrop-filter:blur(18px) saturate(135%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.24);
    font:750 14px var(--font-body);
    white-space:nowrap;
    transition:transform .2s var(--ease),background .2s ease,border-color .2s ease,box-shadow .2s ease;
  }
  .discord-connect-button svg{width:20px;height:20px;flex:0 0 auto;color:#aeb5ff}
  .discord-connect-button:hover{
    transform:translateY(-1px);
    background:rgba(255,255,255,.10);
    border-color:rgba(198,204,255,.78);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 34px rgba(0,0,0,.30);
  }
  .discord-connect-button:active{transform:scale(.985)}
  .discord-connect-button:disabled{opacity:.58;cursor:wait;transform:none}
  .auth-column{
    width:100%!important;
    max-width:560px!important;
    margin:0!important;
    display:block!important;
  }
  .auth-column .login-card{
    width:100%!important;
    background:rgba(18,21,27,.76)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    -webkit-backdrop-filter:blur(32px) saturate(138%)!important;
    backdrop-filter:blur(32px) saturate(138%)!important;
    box-shadow:0 32px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.055)!important;
  }
  .discord-login-wrap{display:none!important}
  @media(max-height:760px) and (min-width:521px){
    .login-shell{gap:24px!important;padding:20px 0!important;justify-content:flex-start!important}
    .login-topbar{min-height:54px}
    .login-brand img{width:70px!important;height:64px!important}
    .auth-step{padding:26px!important}
  }
  @media(max-width:520px){
    .login-shell{
      width:calc(100% - 22px)!important;
      padding:max(18px,env(safe-area-inset-top)) 0 max(24px,env(safe-area-inset-bottom))!important;
      gap:28px!important;
      justify-content:center!important;
    }
    .login-topbar{max-width:100%;min-height:50px;padding:0 4px}
    .login-brand{min-width:54px}
    .login-brand img{width:64px!important;height:58px!important}
    .discord-connect-button{min-height:43px;padding:0 15px;font-size:12.5px;gap:7px}
    .discord-connect-button svg{width:18px;height:18px}
    .auth-column{max-width:100%!important}
    .auth-column .login-card{border-radius:25px!important}
  }
  .login-bg-stack{
    inset:0!important;
  }
  .login-bg-slide{
    inset:0!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    transform:none!important;
    filter:brightness(.72) saturate(.90)!important;
    transition:opacity 1.4s ease!important;
    will-change:opacity;
  }
  .login-bg-slide.active{
    transform:none!important;
  }
  .login-bg-stack:after{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .login-topbar,
  .auth-column{
    width:100%!important;
    max-width:560px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .login-topbar{
    flex:0 0 auto!important;
  }
  .auth-column{
    flex:0 1 auto!important;
  }
  .auth-column .login-card{
    width:100%!important;
    max-width:560px!important;
    margin:0 auto!important;
  }
  @media(min-width:901px){
    #authGate{
      height:100dvh!important;
      min-height:100dvh!important;
      overflow:hidden!important;
    }
    body.login-mode{
      height:100dvh!important;
      min-height:100dvh!important;
      overflow:hidden!important;
    }
    .login-shell{
      width:min(560px,calc(100% - 40px))!important;
      height:100dvh!important;
      min-height:0!important;
      padding:clamp(18px,3.5vh,34px) 0!important;
      gap:clamp(20px,4.5vh,48px)!important;
      justify-content:center!important;
      overflow:hidden!important;
    }
    .auth-column .login-card{
      max-height:none!important;
      overflow:visible!important;
    }
  }
  @media(min-width:901px) and (max-height:760px){
    .login-shell{
      padding:16px 0!important;
      gap:18px!important;
    }
    .login-topbar{min-height:48px!important}
    .login-brand img{width:66px!important;height:60px!important}
    .auth-step{padding:22px 26px!important}
    .auth-step-header{margin-bottom:15px!important}
    .auth-field input{height:50px!important}
    .auth-primary{height:52px!important;min-height:52px!important;margin-top:8px!important}
  }
  .login-bg-slide{
    background-position:center 44%!important;
    filter:brightness(.68) saturate(.88) contrast(.96)!important;
  }
  .login-bg-stack:after{
    background:
      linear-gradient(90deg,rgba(2,3,6,.42),rgba(2,3,6,.22) 50%,rgba(2,3,6,.42)),
      linear-gradient(180deg,rgba(2,3,6,.22),rgba(2,3,6,.64))!important;
  }
  .login-dots{display:none!important}
  .auth-column .login-card{
    background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.025) 48%,rgba(6,8,12,.44)),rgba(17,20,26,.54)!important;
    border-color:rgba(255,255,255,.16)!important;
    -webkit-backdrop-filter:blur(32px) saturate(145%)!important;
    backdrop-filter:blur(32px) saturate(145%)!important;
    box-shadow:0 34px 96px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.12)!important;
  }
  @media(max-width:600px){
    .login-bg-slide{background-position:46% center!important}
  }
  body:not(.login-mode):not(.admin-mode){background:#030405}
  body:not(.login-mode):not(.admin-mode) .bg,
  body:not(.login-mode):not(.admin-mode) .bg-grain,
  body:not(.login-mode):not(.admin-mode) .particles{display:none}
  .topbar-wrap{
    top:18px;
    padding:0 22px;
    align-items:flex-start;
  }
  .home-topbar{
    width:max-content;
    max-width:calc(100vw - 150px);
    height:60px;
    padding:6px;
    gap:6px;
    border:1px solid rgba(255,255,255,.17);
    border-radius:999px;
    background:rgba(18,20,20,.68);
    -webkit-backdrop-filter:blur(22px) saturate(150%);
    backdrop-filter:blur(22px) saturate(150%);
    box-shadow:0 14px 45px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);
    transition:width .5s var(--ease),background .35s ease,box-shadow .35s ease;
  }
  .home-nav-leading{
    min-width:0;
    display:flex;
    align-items:center;
    gap:6px;
    flex:0 0 auto;
    overflow:hidden;
    transition:max-width .5s var(--ease),opacity .3s ease,transform .5s var(--ease);
  }
  .home-logo-pill{
    width:92px;
    height:48px;
    padding:0 12px;
    justify-content:center;
    flex:0 0 auto;
    border-radius:999px;
    background:#fff;
    color:#111;
    box-shadow:0 7px 20px rgba(0,0,0,.22),inset 0 0 0 1px rgba(0,0,0,.05);
    transition:background .32s var(--ease),color .32s ease,box-shadow .32s ease,transform .22s var(--ease);
  }
  .home-logo-pill:hover{transform:none;background:#f1f1f1}
  .home-logo-pill.active{
    background:#fff;
    color:#111;
    box-shadow:0 7px 20px rgba(0,0,0,.22),0 0 0 2px rgba(66,139,255,.72),inset 0 0 0 1px rgba(0,0,0,.05);
  }
  .home-logo-pill .logo-mark{
    width:57px;
    height:41px;
    object-fit:contain;
    filter:none;
    opacity:1;
    transition:opacity .28s ease,filter .28s ease;
  }
  .home-logo-pill.active .logo-mark{opacity:1}
  .home-nav-links{
    display:flex;
    align-items:center;
    min-width:0;
    flex:0 1 auto;
    gap:6px;
    overflow:hidden;
    transition:max-width .5s var(--ease),opacity .28s ease,transform .5s var(--ease);
  }
  .home-nav-link{
    width:88px;
    min-width:88px;
    height:46px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:999px;
    background:transparent;
    color:rgba(255,255,255,.72);
    font-size:14px;
    font-weight:650;
    white-space:nowrap;
    transition:background .22s ease,color .22s ease,transform .22s var(--ease);
  }
  .home-nav-link:hover{
    color:#fff;
    background:rgba(255,255,255,.10);
  }
  .home-nav-link.active{
    color:#151616;
    background:#fff;
    box-shadow:0 7px 22px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.96);
  }
  .home-nav-link:active{transform:scale(.97)}
  .home-search-wrap{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    margin-left:0;
    align-items:center;
    justify-content:flex-end;
    overflow:hidden;
    border-radius:999px;
    background:transparent;
    transition:width .5s var(--ease),background .3s ease,border-color .3s ease;
  }
  .home-search-wrap input{
    width:0;
    min-width:0;
    height:44px;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    opacity:0;
    box-shadow:none;
    border-radius:999px;
    font:550 14px var(--font-body);
    appearance:none;
    -webkit-appearance:none;
    transition:width .5s var(--ease),padding .5s var(--ease),opacity .24s ease;
  }
  .home-search-wrap input::-webkit-search-decoration,
  .home-search-wrap input::-webkit-search-cancel-button,
  .home-search-wrap input::-webkit-search-results-button,
  .home-search-wrap input::-webkit-search-results-decoration{
    -webkit-appearance:none;
    appearance:none;
    display:none;
  }
  .home-search-wrap input::-ms-clear,
  .home-search-wrap input::-ms-reveal{display:none;width:0;height:0;}
  .home-search-wrap input::placeholder{color:rgba(255,255,255,.46)}
  .home-search-toggle{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:grid!important;
    place-items:center;
    border:0;
    border-radius:50%;
    background:transparent;
    color:rgba(255,255,255,.78);
    transition:background .22s ease,color .22s ease,transform .22s var(--ease);
  }
  .home-search-toggle:hover{background:rgba(255,255,255,.10);color:#fff}
  .home-search-toggle svg{grid-area:1/1;width:20px;height:20px;transition:opacity .24s ease,transform .42s var(--ease)}
  .home-close-icon{opacity:0;transform:rotate(-80deg) scale(.7)}
  .home-user-menu{
    position:fixed;
    top:21px;
    right:22px;
    z-index:102;
    flex:0 0 auto;
    margin:0;
    pointer-events:auto;
  }
  .home-user-menu .user-chip{
    width:54px;
    height:54px;
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.075);
    box-shadow:0 10px 28px rgba(0,0,0,.28);
  }
  .home-user-menu .avatar{width:46px;height:46px;border-color:rgba(255,255,255,.30)}
  .home-topbar.search-open{width:min(650px,calc(100vw - 150px));background:rgba(12,14,14,.82)}
  .home-topbar.search-open .home-nav-leading{
    max-width:0;
    opacity:0;
    transform:translateX(-34px);
    pointer-events:none;
  }
  .home-topbar.search-open .home-search-wrap{
    width:100%;
    height:100%;
    flex:1 1 auto;
    align-self:stretch;
    background:transparent;
    border-radius:999px;
  }
  .home-topbar.search-open .home-search-wrap input{
    width:100%;
    padding:0 4px 0 18px;
    opacity:1;
  }
  .home-topbar.search-open .home-search-icon{opacity:0;transform:rotate(80deg) scale(.7)}
  .home-topbar.search-open .home-close-icon{opacity:1;transform:none}
  main{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
  }
  .featured-wrap{
    width:100%;
    margin:0;
    min-height:clamp(630px,80vh,790px);
  }
  .featured{
    width:100%;
    height:clamp(630px,80vh,790px);
    border:0;
    border-radius:0;
    background:#070808;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .f-slide{display:block;background:#070808}
  .f-media{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
  }
  .f-media img,
  .f-media .ph{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 35%;
    border-radius:0;
    transform:scale(1.035);
    filter:saturate(.88) contrast(1.02) brightness(.86);
    transition:transform 8s ease,filter .8s ease;
  }
  .f-slide.active .f-media img,
  .f-slide.active .f-media .ph{transform:scale(1)}
  .f-media::after{
    z-index:2;
    background:
      linear-gradient(90deg,rgba(3,5,5,.93) 0%,rgba(3,5,5,.72) 28%,rgba(3,5,5,.25) 57%,rgba(3,5,5,.08) 100%),
      linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 38%,rgba(2,3,3,.86) 100%);
  }
  .f-info{
    position:absolute;
    z-index:4;
    left:clamp(30px,4vw,68px);
    bottom:clamp(96px,12vh,132px);
    width:min(470px,42vw);
    padding:0;
    gap:10px;
    justify-content:flex-end;
    background:none;
  }
  .f-logo{
    width:auto;
    height:auto;
    min-height:0;
    justify-content:flex-start;
    border:0;
    border-radius:0;
    background:none;
    color:#fff;
    font:700 clamp(34px,4.2vw,58px)/1.02 var(--font-display);
    letter-spacing:-.045em;
    text-transform:none;
    text-shadow:0 4px 28px rgba(0,0,0,.42);
    overflow:visible;
  }
  .f-logo::after{display:none}
  .f-logo img{
    display:block;
    width:auto;
    max-width:min(480px,42vw);
    max-height:168px;
    object-fit:contain;
    object-position:left center;
    filter:drop-shadow(0 6px 24px rgba(0,0,0,.45));
  }
  .f-meta{font-size:12.5px;gap:9px;color:rgba(255,255,255,.66)}
  .f-duration{color:#f3c84b;font-weight:700}
  .f-year{color:#fff}
  .f-desc{
    max-width:440px;
    color:rgba(255,255,255,.78);
    font-size:clamp(12.5px,.92vw,14px);
    line-height:1.5;
    -webkit-line-clamp:3;
    text-shadow:0 2px 16px rgba(0,0,0,.55);
  }
  .f-actions{gap:9px;margin-top:5px}
  .f-play{
    height:44px;
    padding:0 20px;
    border-radius:999px;
    background:#fff;
    color:#101112;
    font-size:14px;
    box-shadow:0 8px 25px rgba(0,0,0,.24);
  }
  .f-play svg{fill:#101112;width:16px;height:16px}
  .f-play:hover{box-shadow:0 10px 32px rgba(0,0,0,.36);filter:brightness(.94)}
  .f-fav{
    width:44px;
    height:44px;
    border-radius:50%;
    border-color:rgba(255,255,255,.32);
    background:rgba(18,20,20,.50);
    -webkit-backdrop-filter:blur(16px);
    backdrop-filter:blur(16px);
  }
  .f-fav:hover,.f-fav.active{background:#fff;color:#171818;border-color:#fff}
  .f-fav.active svg{fill:currentColor}
  .f-dots{bottom:96px;left:auto;right:clamp(24px,4vw,64px);transform:none}
  .f-dot{width:7px;height:7px;background:rgba(255,255,255,.34)}
  .f-dot.active{width:23px;background:#fff}
  .video-catalog{
    position:relative;
    z-index:8;
    width:100%;
    max-width:none;
    margin:-38px 0 0;
    padding:clamp(44px,4.2vw,58px) 0 64px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.09);
    border-bottom:0;
    border-radius:34px 34px 0 0;
    background:#070809;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    box-shadow:0 -14px 38px rgba(0,0,0,.34);
  }
  .video-catalog::before,
  .video-catalog::after{display:none}
  .video-rail-section{margin-bottom:34px}
  .video-rail-title{margin-left:clamp(24px,4vw,68px);font-size:18px;color:#fff;margin-bottom:11px}
  .video-rail{
    padding-left:clamp(24px,4vw,68px);
    padding-right:clamp(24px,4vw,68px);
    scroll-padding-left:clamp(24px,4vw,68px);
    gap:12px;
  }
  .video-card{
    flex-basis:clamp(190px,18vw,270px);
    border-radius:11px;
    border-color:rgba(255,255,255,.12);
    background:#111;
    box-shadow:0 8px 22px rgba(0,0,0,.24);
  }
  .video-rail-section[hidden],.video-card[hidden]{display:none!important}
  .home-filter-empty{
    display:none;
    margin:0 clamp(24px,4vw,72px) 52px;
    padding:34px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:24px;
    color:rgba(255,255,255,.66);
    text-align:center;
    background:rgba(255,255,255,.045);
  }
  .home-filter-empty.show{display:block}
  .content-detail-wrap{
    width:100%;
    margin:0;
    min-height:clamp(650px,100svh,900px);
  }
  .content-detail{
    position:relative;
    width:100%;
    height:clamp(650px,100svh,900px);
    min-height:clamp(650px,100svh,900px);
    background:#070808;
    overflow:hidden;
  }
  .content-detail[hidden],.content-detail-wrap[hidden]{display:none!important}
  .detail-bg,
  .detail-bg img,
  .detail-bg .ph{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
  }
  .detail-bg img,
  .detail-bg .ph{
    object-fit:cover;
    object-position:center center;
    filter:brightness(.68) saturate(.9);
    transform:scale(1.03);
  }
  .detail-bg::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
      linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.76) 30%,rgba(0,0,0,.18) 62%,rgba(0,0,0,.08) 100%),
      linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 40%,rgba(0,0,0,.75) 100%);
  }
  .detail-inner{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    gap:14px;
    width:min(560px,44vw);
    height:100%;
    padding:clamp(118px,14vh,146px) 0 clamp(96px,12vh,128px) clamp(30px,4vw,68px);
  }
  .detail-back{
    position:absolute;
    top:clamp(82px,10vh,108px);
    left:clamp(30px,4vw,68px);
    z-index:3;
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:40px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(15,17,17,.48);
    color:#fff;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    font:600 13px/1 var(--font-sans);
    cursor:pointer;
  }
  .detail-back:hover{background:rgba(255,255,255,.12)}
  .detail-logo{
    color:#fff;
    font:700 clamp(34px,4.7vw,62px)/1.02 var(--font-display);
    letter-spacing:-.045em;
    text-shadow:0 6px 28px rgba(0,0,0,.55);
  }
  .detail-logo img{
    display:block;
    width:auto;
    max-width:min(500px,46vw);
    max-height:180px;
    object-fit:contain;
    object-position:left center;
    filter:drop-shadow(0 6px 24px rgba(0,0,0,.48));
  }
  .detail-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    color:rgba(255,255,255,.9);
    font-size:14px;
  }
  .detail-year{color:#fff;font-weight:700}
  .detail-duration{color:#f3c84b;font-weight:700}
  .detail-dot{width:4px;height:4px;border-radius:999px;background:rgba(255,255,255,.55)}
  .detail-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .detail-play,
  .detail-list{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    height:46px;
    padding:0 22px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.16);
    font:600 15px/1 var(--font-sans);
    text-decoration:none;
    transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;
  }
  .detail-play{
    background:#fff;
    color:#101112;
    box-shadow:0 10px 28px rgba(0,0,0,.22);
  }
  .detail-play svg{fill:#101112;width:16px;height:16px}
  .detail-list{
    width:46px;
    min-width:46px;
    padding:0;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    color:#fff;
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
  }
  .detail-list svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9}
  .detail-list.active svg{fill:currentColor}
  .detail-play:hover,.detail-list:hover{transform:translateY(-1px);}
  .detail-list.active{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3)}
  .detail-desc{
    max-width:540px;
    color:rgba(255,255,255,.86);
    font-size:clamp(14px,1.02vw,17px);
    line-height:1.55;
    text-shadow:0 3px 16px rgba(0,0,0,.42);
  }
  body.detail-page-active .video-catalog{display:none!important}
  body.detail-page-active footer{display:none!important}
  .detail-recommendations{
    width:100%;
    padding:34px clamp(24px,4vw,68px) 72px;
    background:#050607;
  }
  .detail-recommendations[hidden]{display:none!important}
  .detail-reco-group + .detail-reco-group{margin-top:42px}
  .detail-reco-group h2{
    margin:0 0 15px;
    color:#fff;
    font:750 clamp(20px,2vw,27px)/1.1 var(--font-display);
    letter-spacing:-.025em;
  }
  .detail-reco-rail{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
  }
  .detail-reco-card{
    min-width:0;
    color:#fff;
    text-decoration:none;
    transition:transform .22s ease,opacity .22s ease;
  }
  .detail-reco-card:hover{transform:translateY(-3px)}
  .detail-reco-thumb{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.1);
    border-radius:15px;
    background:#111;
    box-shadow:0 12px 28px rgba(0,0,0,.24);
  }
  .detail-reco-thumb img{width:100%;height:100%;display:block;object-fit:cover}
  .detail-reco-name{
    display:block;
    margin-top:10px;
    overflow:hidden;
    color:rgba(255,255,255,.88);
    font-size:14px;
    font-weight:650;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .detail-reco-empty{grid-column:1/-1;margin:0;color:rgba(255,255,255,.55);font-size:14px}
  @media(max-width:760px){
    .topbar-wrap{top:10px;padding:0 10px}
    .home-topbar{width:max-content;max-width:calc(100vw - 76px);height:56px;padding:5px;gap:5px}
    .home-user-menu{top:14px;right:10px}
    .home-logo-pill{width:68px;height:44px;padding:0 8px}
    .home-logo-pill .logo-mark{width:47px;height:37px}
    .home-nav-link{width:66px;min-width:66px;height:44px;padding:0;font-size:12.5px}
    .home-search-wrap,.home-search-toggle{width:44px;height:44px;flex-basis:44px}
    .home-user-menu .user-chip{width:48px;height:48px;flex-basis:48px}
    .home-user-menu .avatar{width:40px;height:40px}
    .home-topbar.search-open{width:calc(100vw - 76px)}
    .featured-wrap,.featured{height:690px;min-height:690px}
    .f-media img,.f-media .ph{object-position:62% center}
    .f-media::after{
      background:
        linear-gradient(90deg,rgba(3,5,5,.70),rgba(3,5,5,.12) 75%),
        linear-gradient(180deg,rgba(0,0,0,.16) 0%,transparent 35%,rgba(2,3,3,.96) 84%);
    }
    .f-info{left:22px;right:22px;bottom:82px;width:auto;gap:9px}
    .f-logo{font-size:clamp(32px,10vw,48px);max-width:88%}
    .f-logo img{max-width:82vw;max-height:148px}
    .f-desc{font-size:12.5px;max-width:92%;-webkit-line-clamp:3}
    .f-play{height:42px;padding:0 18px}
    .f-fav{width:42px;height:42px}
    .f-dots{bottom:66px;right:22px}
    .content-detail-wrap,.content-detail{height:690px;min-height:690px}
    .detail-inner{width:auto;padding:118px 22px 84px}
    .detail-back{left:22px;top:86px}
    .detail-logo{font-size:clamp(32px,10vw,48px);max-width:88%}
    .detail-logo img{max-width:84vw;max-height:150px}
    .detail-desc{font-size:13.5px;max-width:95%}
    .detail-actions{gap:10px}
    .detail-play{height:43px;padding:0 18px;font-size:14px}
    .detail-list{width:43px;min-width:43px;height:43px;padding:0}
    .detail-recommendations{padding:28px 18px 54px}
    .detail-reco-rail{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
    .detail-reco-rail::-webkit-scrollbar{display:none}
    .detail-reco-card{flex:0 0 min(78vw,310px)}
    .video-catalog{
      width:100%;
      margin-top:-20px;
      padding-top:34px;
      border-radius:24px 24px 0 0;
    }
    .video-rail-title{font-size:17px}
    .video-card{flex-basis:clamp(210px,58vw,270px)}
  }
  @media(max-width:560px){
    .home-nav-link[data-public-action="support"]{display:none}
    .home-nav-link{padding:0}
    .featured-wrap,.featured{height:660px;min-height:660px}
    .content-detail-wrap,.content-detail{height:660px;min-height:660px}
  }
  @media(max-width:430px){
    .home-nav-link{width:58px;min-width:58px;padding:0;font-size:11.5px}
    .home-logo-pill{width:60px}
    .home-logo-pill .logo-mark{width:43px}
    .home-search-wrap,.home-search-toggle,.home-user-menu .user-chip{width:42px;height:42px;flex-basis:42px}
  }
  body.profile-page-active .home-user-menu,
  body.settings-page-active .home-user-menu{
    opacity:0;
    pointer-events:none;
    transform:translateY(-10px);
  }
  body.profile-page-active > main,
  body.settings-page-active > main,
  body.profile-page-active #featuredSection,
  body.profile-page-active #randomFeaturedSection,
  body.profile-page-active #contentDetailSection,
  body.profile-page-active #detailRecommendations,
  body.profile-page-active .video-catalog,
  body.profile-page-active footer,
  body.settings-page-active #featuredSection,
  body.settings-page-active #randomFeaturedSection,
  body.settings-page-active #contentDetailSection,
  body.settings-page-active #detailRecommendations,
  body.settings-page-active .video-catalog,
  body.settings-page-active footer{display:none!important}
  .profile-page-shell,
  .settings-page-shell{
    position:relative;
    width:100%;
    min-height:100vh;
    background:#040506;
  }
  .profile-page-shell{padding-top:0}
  .settings-page-shell{padding-top:96px}
  .profile-page-shell[hidden],
  .settings-page-shell[hidden]{display:none!important}
  .profile-page-hero{
    position:relative;
    min-height:100svh;
    overflow:hidden;
    border-radius:0;
    background:#0a0b0d;
  }
  .profile-page-banner,
  .profile-page-banner-fallback{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
  }
  .profile-page-banner img,
  .profile-page-banner-fallback{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    display:block;
    filter:brightness(.63) saturate(.88);
  }
  .profile-page-banner-fallback{
    background:linear-gradient(180deg,#1a2330,#080c12 52%,#06080c 100%);
  }
  .profile-page-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.24) 18%,rgba(0,0,0,.58) 70%,rgba(0,0,0,.94) 100%),
      linear-gradient(90deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.55) 100%);
    z-index:1;
  }
  .profile-page-more{
    position:absolute;
    top:104px;
    right:24px;
    z-index:3;
    width:48px;
    height:48px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:50%;
    background:rgba(17,19,20,.82);
    color:#fff;
    display:grid;
    place-items:center;
    cursor:pointer;
  }
  .profile-page-more:hover{background:rgba(255,255,255,.12)}
  .profile-page-more svg{width:21px;height:21px}
  .profile-page-info{
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    align-items:flex-end;
    gap:20px;
    padding:180px clamp(22px,4vw,60px) 38px;
  }
  .profile-page-avatar{
    width:132px;
    height:132px;
    border-radius:50%;
    border:4px solid rgba(255,255,255,.95);
    overflow:hidden;
    background:#0b0d12;
    box-shadow:0 16px 40px rgba(0,0,0,.36);
    flex:0 0 auto;
  }
  .profile-page-avatar img,
  .profile-page-avatar svg{width:100%;height:100%;display:block;object-fit:cover}
  .profile-page-avatar svg{padding:28px;opacity:.58}
  .profile-page-copy{min-width:0;display:flex;flex-direction:column;gap:8px;padding-bottom:6px}
  .profile-page-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .profile-page-name{margin:0;font:800 clamp(32px,4.1vw,56px)/.95 var(--font-display);letter-spacing:-.045em;color:#fff}
  .profile-page-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#8b5cf6;color:#fff;font-size:12px;font-weight:700}
  .profile-page-handle{margin:0;color:rgba(255,255,255,.8);font-size:26px;line-height:1;font-weight:500}
  .profile-page-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:rgba(255,255,255,.9);font-size:15px}
  .profile-page-meta strong{color:#fff}
  .profile-page-badge,#profilePageMetaLabel,.profile-page-dot{display:none!important}
  .profile-page-hero{min-height:100svh}
  .profile-page-dot{width:4px;height:4px;border-radius:999px;background:rgba(255,255,255,.38)}
  .profile-page-body{padding:28px clamp(22px,4vw,60px) 56px}
  .profile-page-card,
  .settings-card{
    border:1px solid rgba(255,255,255,.08);
    border-radius:26px;
    background:#0b0d11;
    box-shadow:0 18px 48px rgba(0,0,0,.28);
  }
  .profile-page-card{padding:24px 24px 26px}
  .profile-page-card h2,
  .settings-card h2{margin:0 0 8px;font-size:22px;color:#fff}
  .profile-page-card p,
  .settings-card p,
  .settings-muted{color:rgba(255,255,255,.64)}
  .settings-page-shell{padding-bottom:58px}
  .settings-wrap{padding:16px clamp(22px,4vw,60px) 58px}
  .settings-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
  .settings-header h1{margin:0;color:#fff;font:800 clamp(32px,4vw,50px)/.98 var(--font-display);letter-spacing:-.045em}
  .settings-header p{margin:8px 0 0;color:rgba(255,255,255,.64)}
  .settings-close-page{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#15181b;color:#fff;font-size:25px;cursor:pointer;flex:0 0 auto}
  .settings-close-page:hover{background:#20252a}
  .settings-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;align-items:start}
  .settings-card{padding:22px}
  .settings-card + .settings-card{margin-top:18px}
  .settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .settings-field{display:flex;flex-direction:column;gap:8px}
  .settings-field.full{grid-column:1/-1}
  .settings-field label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.68)}
  .settings-field input{width:100%;height:48px;padding:0 15px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:#11151a;color:#fff;font:inherit}
  .settings-field input:focus{outline:none;border-color:rgba(89,156,255,.75);box-shadow:0 0 0 4px rgba(55,120,255,.12)}
  .settings-banner-preview{position:relative;width:100%;aspect-ratio:16/5;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#11151a;margin-bottom:15px}
  .settings-banner-preview img{width:100%;height:100%;object-fit:cover;display:block}
  .settings-banner-preview span{position:absolute;inset:auto 14px 14px 14px;font-size:12px;color:rgba(255,255,255,.76)}
  .settings-avatar-row{display:flex;align-items:center;gap:16px;margin-top:8px}
  .settings-avatar-preview{width:86px;height:86px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.86);background:#11151a;flex:0 0 auto}
  .settings-avatar-preview img,.settings-avatar-preview svg{width:100%;height:100%;display:block;object-fit:cover}
  .settings-avatar-preview svg{padding:18px;opacity:.58}
  .settings-btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
  .settings-button,
  .settings-danger,
  .settings-ghost{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#151a20;color:#fff;font:700 14px/1 var(--font-sans);cursor:pointer;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease;
  }
  .settings-button:hover,
  .settings-danger:hover,
  .settings-ghost:hover{transform:translateY(-1px);background:#1b2128}
  .settings-button.primary{background:#fff;color:#111;border-color:#fff}
  .settings-button.primary:hover{background:#f2f2f2}
  .settings-danger{background:#3a1216;border-color:rgba(255,74,74,.28);color:#ffb2b2}
  .settings-status{min-height:22px;margin-top:14px;font-size:13px}
  .settings-status.ok{color:#8fe0a2}.settings-status.err{color:#ff9b9b}
  .settings-connection{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 4px}
  .settings-connection strong{display:block;color:#fff;margin-bottom:5px}
  .settings-connection svg{width:20px;height:20px}
  .banner-picker-backdrop{position:fixed;inset:0;z-index:205;background:rgba(0,4,12,.84);backdrop-filter:blur(12px);display:grid;place-items:center;padding:24px}
  .banner-picker-backdrop[hidden]{display:none!important}
  .banner-picker-modal{width:min(1120px,100%);max-height:min(88vh,920px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#0b1017;box-shadow:0 35px 100px rgba(0,0,0,.62)}
  .banner-picker-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.08)}
  .banner-picker-header h2{margin:0;font:760 clamp(26px,4vw,42px)/1 var(--font-display);letter-spacing:-.045em}
  .banner-picker-header p{margin:6px 0 0;color:rgba(255,255,255,.58);font-size:13px}
  .banner-picker-close{width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:24px;cursor:pointer}
  .banner-picker-close:hover{background:rgba(255,255,255,.12)}
  .banner-picker-body{padding:22px 28px 28px;overflow:auto}
  .banner-group{margin-bottom:26px}
  .banner-group h3{margin:0 0 14px;padding-left:12px;border-left:3px solid var(--blue-light);font-size:14px;letter-spacing:.05em;text-transform:uppercase}
  .banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .banner-option{position:relative;padding:0;border:2px solid transparent;border-radius:22px;overflow:hidden;background:#06080d;cursor:pointer;aspect-ratio:16/6;transition:.2s}
  .banner-option:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.3)}
  .banner-option.selected{border-color:#fff;box-shadow:0 0 0 4px rgba(47,123,237,.15)}
  .banner-option img{width:100%;height:100%;object-fit:cover;display:block}
  .banner-option span{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.56);font-size:12px;color:#fff;text-align:left}
  .banner-picker-empty{padding:54px 20px;text-align:center;color:rgba(255,255,255,.58)}
  @media(max-width:980px){.settings-grid{grid-template-columns:1fr}.settings-card + .settings-card{margin-top:0}.settings-stack .settings-card{margin-top:18px}}
  @media(max-width:760px){
    .profile-page-shell{padding-top:0}
    .settings-page-shell{padding-top:86px}
    .profile-page-hero{min-height:100svh;border-radius:0}
    .profile-page-more{top:96px;right:16px;width:44px;height:44px}
    .profile-page-info{padding:150px 18px 28px;gap:14px;align-items:flex-end}
    .profile-page-avatar{width:108px;height:108px}
    .profile-page-name{font-size:clamp(28px,10vw,42px)}
    .profile-page-handle{font-size:22px}
    .settings-wrap,.profile-page-body{padding-left:18px;padding-right:18px}
    .settings-form-grid{grid-template-columns:1fr}
    .settings-field.full{grid-column:auto}
    .banner-picker-backdrop{padding:12px}
    .banner-picker-header,.banner-picker-body{padding-left:18px;padding-right:18px}
    .banner-grid{grid-template-columns:1fr}
  }
  .home-user-menu.is-hidden{opacity:0;pointer-events:none;transform:translateY(-10px)}
  body.app-immersive-view footer{display:none!important}
  .public-profile-section,.settings-section{width:100%;background:#050607}
  .public-profile-section[hidden],.settings-section[hidden],.profile-asset-picker[hidden]{display:none!important}
  .public-profile-shell{position:relative;min-height:100vh;padding-top:96px;background:#050607}
  .public-profile-banner{position:relative;height:min(52vw,460px);min-height:290px;background:#111 center/cover no-repeat;overflow:hidden}
  .public-profile-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.20) 40%,rgba(5,6,7,.96) 100%)}
  .public-profile-dots{position:absolute;top:120px;right:clamp(24px,4vw,42px);z-index:3;width:50px;height:50px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(17,19,22,.68);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .22s ease,transform .22s ease}
  .public-profile-dots:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
  .public-profile-dots svg{width:21px;height:21px}
  .public-profile-content{position:relative;z-index:2;margin-top:-84px;padding:0 clamp(22px,4vw,72px) 56px}
  .public-profile-card{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}
  .public-profile-avatar{width:144px;height:144px;border-radius:50%;overflow:hidden;border:5px solid #08090c;background:#111;box-shadow:0 20px 42px rgba(0,0,0,.42);display:grid;place-items:center}
  .public-profile-avatar img{width:100%;height:100%;object-fit:cover}
  .public-profile-avatar svg{width:54px;height:54px;opacity:.55}
  .public-profile-copy{display:flex;flex-direction:column;gap:8px;padding-bottom:12px}
  .public-profile-copy h1{margin:0;font:800 clamp(32px,4.8vw,56px)/.98 var(--font-display);letter-spacing:-.05em;color:#fff}
  .public-profile-handle{margin:0;color:rgba(255,255,255,.74);font-size:20px;font-weight:650}
  .public-profile-subline{display:flex;gap:10px;flex-wrap:wrap;color:rgba(255,255,255,.66);font-size:14px}
  .public-profile-summary{margin-top:28px;max-width:780px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.65}
  .public-profile-summary[hidden]{display:none!important}
  .settings-section{min-height:100vh;padding:116px clamp(22px,4vw,72px) 72px}
  .settings-shell{max-width:1020px;margin:0 auto}
  .settings-hero{margin-bottom:24px}
  .settings-hero h1{margin:0 0 10px;font:800 clamp(30px,4vw,50px)/1 var(--font-display);letter-spacing:-.05em;color:#fff}
  .settings-hero p{margin:0;color:rgba(255,255,255,.68);font-size:15px}
  .settings-grid{display:grid;gap:22px}
  .settings-card{padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:#0a0c0f;box-shadow:0 20px 42px rgba(0,0,0,.24)}
  .settings-card h2{margin:0 0 6px;font-size:24px;color:#fff}
  .settings-card p.settings-card-copy{margin:0 0 22px;color:rgba(255,255,255,.62);font-size:14px}
  .settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .settings-field{display:flex;flex-direction:column;gap:8px}
  .settings-field.full{grid-column:1/-1}
  .settings-field label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.55)}
  .settings-field input{height:50px;padding:0 16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#11151b;color:#fff;font:600 14px var(--font-body)}
  .settings-field input:focus{outline:none;border-color:rgba(99,162,255,.86);box-shadow:0 0 0 3px rgba(80,137,255,.16)}
  .settings-row-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px}
  .settings-btn{height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#14181f;color:#fff;font:700 14px var(--font-body);cursor:pointer;transition:transform .22s ease,background .22s ease,border-color .22s ease}
  .settings-btn:hover{transform:translateY(-1px);background:#1a2028}
  .settings-btn.primary{background:#fff;color:#111;border-color:#fff}
  .settings-btn.primary:hover{background:#f2f2f2}
  .settings-btn.danger{background:#2a0d10;border-color:rgba(255,80,80,.24);color:#ffb8b8}
  .settings-status{min-height:20px;margin-top:12px;color:rgba(255,255,255,.68);font-size:13px}
  .settings-status.ok{color:#84e4aa}.settings-status.err{color:#ffabab}
  .settings-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .settings-media-card{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#0f1318}
  .settings-media-card h3{margin:0 0 14px;font-size:18px;color:#fff}
  .settings-avatar-preview{width:110px;height:110px;border-radius:50%;overflow:hidden;background:#111;border:4px solid rgba(255,255,255,.08);display:grid;place-items:center}
  .settings-avatar-preview img{width:100%;height:100%;object-fit:cover}
  .settings-avatar-preview svg{width:42px;height:42px;opacity:.5}
  .settings-banner-preview{width:100%;aspect-ratio:16/6;border-radius:22px;overflow:hidden;background:#111 center/cover no-repeat;border:1px solid rgba(255,255,255,.09)}
  .settings-banner-preview.is-empty{display:grid;place-items:center;color:rgba(255,255,255,.42);font-size:13px}
  .settings-connection-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#0f1318}
  .settings-connection-copy strong{display:block;margin-bottom:4px;color:#fff;font-size:17px}
  .settings-connection-copy span{color:rgba(255,255,255,.62);font-size:14px}
  .settings-chip{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font:700 12px var(--font-body);letter-spacing:.02em}
  .settings-chip.ok{background:rgba(74,170,98,.16);color:#9ff0b4}
  .profile-asset-picker{position:fixed;inset:0;z-index:260;background:rgba(4,6,8,.84);backdrop-filter:blur(14px);display:grid;place-items:center;padding:24px}
  .profile-asset-dialog{width:min(1040px,100%);max-height:88vh;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.1);background:#090b0e;box-shadow:0 30px 90px rgba(0,0,0,.5);display:flex;flex-direction:column}
  .profile-asset-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.08)}
  .profile-asset-head h2{margin:0;font-size:26px;color:#fff}
  .profile-asset-head p{margin:6px 0 0;color:rgba(255,255,255,.62);font-size:13px}
  .profile-asset-close{width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:26px;cursor:pointer}
  .profile-asset-body{padding:22px 28px 28px;overflow:auto}
  .profile-asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .profile-asset-card{padding:0;border:2px solid rgba(255,255,255,.06);border-radius:22px;background:#101317;overflow:hidden;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;text-align:left;color:#fff}
  .profile-asset-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.26);box-shadow:0 18px 34px rgba(0,0,0,.34)}
  .profile-asset-card.active{border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.10)}
  .profile-asset-thumb{width:100%;aspect-ratio:16/10;background:#14171c center/cover no-repeat}
  .profile-asset-card.avatar .profile-asset-thumb{aspect-ratio:1/1;border-radius:0}
  .profile-asset-meta{padding:13px 14px 15px}
  .profile-asset-meta strong{display:block;font-size:14px;color:#fff}
  .profile-asset-meta span{display:block;margin-top:4px;color:rgba(255,255,255,.58);font-size:12px}
  .profile-asset-empty{padding:56px 18px;text-align:center;color:rgba(255,255,255,.58)}
  @media(max-width:860px){
    .settings-fields,.settings-media-grid,.profile-asset-grid{grid-template-columns:1fr}
    .public-profile-content{margin-top:-74px}
    .public-profile-avatar{width:122px;height:122px}
  }
  @media(max-width:640px){
    .public-profile-shell{padding-top:82px}
    .public-profile-banner{height:250px;min-height:250px}
    .public-profile-dots{top:92px;right:18px;width:46px;height:46px}
    .public-profile-card{align-items:flex-start;gap:18px}
    .public-profile-copy h1{font-size:clamp(30px,9vw,46px)}
    .settings-section{padding-top:94px;padding-left:16px;padding-right:16px}
    .settings-card{padding:22px}
    .profile-asset-picker{padding:10px}
    .profile-asset-head,.profile-asset-body{padding-left:18px;padding-right:18px}
  }
  body.settings-page-active main{min-height:100vh;background:#040506}
  body.settings-page-active .settings-page-shell{
    position:fixed!important;
    inset:0!important;
    z-index:40!important;
    display:flex!important;
    overflow-y:auto!important;
    padding:112px 24px 38px!important;
    background:#040506!important;
  }
  body.settings-page-active .settings-wrap{
    width:min(1120px,100%)!important;
    margin:auto!important;
    padding:0!important;
  }
  body.settings-page-active .settings-header{width:100%;align-items:center!important}
  body.settings-page-active #settingsPageBody{width:100%}
  body.settings-page-active #settingsPageBody>.settings-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }
  .profile-page-banner{z-index:0!important}
  .profile-page-banner-fallback{z-index:0!important}
  .profile-page-banner[hidden],.profile-page-banner-fallback[hidden]{display:none!important}
  .profile-page-hero.has-profile-banner{background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important}
  .banner-option span{display:none!important}
  @media(max-width:980px){
    body.settings-page-active #settingsPageBody>.settings-grid{grid-template-columns:1fr!important}
    body.settings-page-active .settings-stack+.settings-stack{margin-top:0!important}
  }
  @media(max-width:640px){
    body.settings-page-active .settings-page-shell{padding:96px 14px 24px!important}
    body.settings-page-active .settings-header{align-items:flex-start!important}
  }
  body.settings-page-active .settings-wrap{width:min(1180px,100%)!important}
  body.settings-page-active #settingsPageBody>.settings-grid.settings-grid-aligned{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:stretch!important;
  }
  .settings-grid-aligned>.settings-card{
    margin:0!important;
    min-width:0;
    height:100%;
    padding:28px;
    display:flex;
    flex-direction:column;
  }
  .settings-grid-aligned>.settings-card h2{
    margin:0 0 8px!important;
    font-size:clamp(24px,2vw,30px);
    line-height:1.08;
    letter-spacing:-.025em;
  }
  .settings-grid-aligned>.settings-card>p{
    margin:0 0 22px!important;
    line-height:1.45;
  }
  .settings-account-card form{
    display:flex;
    flex:1;
    flex-direction:column;
  }
  .settings-account-card .settings-btn-row{margin-top:auto;padding-top:10px}
  .settings-profile-card .settings-banner-preview{
    margin:0 0 20px;
    aspect-ratio:16/5.4;
    min-height:150px;
  }
  .settings-avatar-title{display:block;color:#fff;margin-bottom:6px}
  .settings-connections-card .settings-connection{margin-top:auto}
  .settings-session-card .settings-btn-row{margin-top:auto;padding-top:12px}
  .settings-field label{line-height:1.2;margin:0}
  .settings-form-grid{align-items:end}
  .settings-card .settings-status:empty{min-height:10px;margin-top:8px}
  .settings-close-page,.profile-close,.avatar-picker-close,.banner-picker-close{
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    line-height:0!important;
    font-size:0!important;
  }
  .settings-close-page svg,.profile-close svg,.avatar-picker-close svg,.banner-picker-close svg{
    width:20px;
    height:20px;
    display:block;
    pointer-events:none;
  }
  .settings-close-page{width:48px;height:48px;background:#14181d}
  .settings-close-page:hover{background:#20252a}
  .login-bg-slide{
    transform:none!important;
    filter:brightness(.72) saturate(.96)!important;
    image-rendering:auto!important;
  }
  .profile-page-banner img,
  .settings-banner-preview img,
  .banner-option img,
  .profile-page-avatar img,
  .settings-avatar-preview img,
  .avatar-option img{
    image-rendering:auto!important;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  .profile-page-banner img,.settings-banner-preview img{object-position:center center!important}
  @media(max-width:980px){
    body.settings-page-active #settingsPageBody>.settings-grid.settings-grid-aligned{
      grid-template-columns:1fr!important;
    }
    .settings-grid-aligned>.settings-card{height:auto}
  }
  @media(max-width:640px){
    .settings-grid-aligned>.settings-card{padding:22px}
    .settings-profile-card .settings-banner-preview{min-height:120px}
    .settings-connection{align-items:flex-start;flex-direction:column}
    .settings-connection .settings-button{width:100%}
    .settings-btn-row .settings-button,.settings-btn-row .settings-danger{flex:1 1 auto}
  }
@media (min-width:761px){
  #topbar .home-search-wrap{position:relative!important}
  #topbar:not(.search-open) #homeSearchInput{display:none!important}
  #topbar.search-open #homeSearchInput{
    display:block!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    margin:0!important;
    padding:0 4px 0 18px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#fff!important;
    opacity:1!important;
    border-radius:999px!important;
    box-shadow:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }
}
  .footer-copy{min-width:0}
  .footer-legal-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;margin-top:20px}
  .footer-legal-links a{color:rgba(255,255,255,.52);font-size:13px;line-height:1.4;text-decoration:none;transition:color .2s ease}
  .footer-legal-links a:hover,.footer-legal-links a:focus-visible{color:#fff}
  .footer-site-logo{display:none!important}
  .legal-page-shell{display:none;min-height:100vh;background:#050607;color:#f7f8fa;position:relative;z-index:500}
  body.legal-page-active{background:#050607!important;overflow-x:hidden}
  body.legal-page-active .topbar-wrap,
  body.legal-page-active > main,
  body.legal-page-active > footer,
  body.legal-page-active .bg,
  body.legal-page-active .bg-grain,
  body.legal-page-active .particles,
  body.legal-page-active .profile-page-shell,
  body.legal-page-active .settings-page-shell,
  body.legal-page-active .content-detail-wrap,
  body.legal-page-active .detail-recommendations{display:none!important}
  body.legal-page-active .legal-page-shell{display:block!important}
  .legal-page-shell[hidden]{display:none}
  body.legal-page-active .legal-page-shell[hidden]{display:block!important}
  .legal-page-header{height:104px;padding:20px clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:4;background:rgba(5,6,7,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .legal-avatar-button,.legal-home-button{border:1px solid rgba(255,255,255,.16);background:#111315;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}
  .legal-avatar-button:hover,.legal-home-button:hover{border-color:rgba(255,255,255,.3);background:#171a1d}
  .legal-avatar-button:active,.legal-home-button:active{transform:scale(.97)}
  .legal-avatar-button{width:58px;height:58px;border-radius:50%;overflow:hidden;padding:3px}
  .legal-avatar-button img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
  .legal-avatar-button span{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#4b5fb6;font-size:22px;font-weight:800}
  .legal-avatar-button img[hidden],.legal-avatar-button span[hidden]{display:none!important}
  .legal-avatar-button.is-login{width:auto;min-width:104px;height:52px;border-radius:999px;padding:0 20px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
  .legal-avatar-button.is-login img{display:none!important}
  .legal-avatar-button.is-login span{width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:0;background:transparent;font-size:14px;font-weight:800;letter-spacing:0;line-height:1;white-space:nowrap}
  .legal-home-button{width:92px;height:58px;border-radius:999px}
  .legal-home-button img{width:49px;height:38px;object-fit:contain}
  .legal-page-wrap{width:min(1260px,calc(100% - 40px));margin:0 auto;padding:58px 0 96px;display:grid;grid-template-columns:250px minmax(0,820px);justify-content:center;gap:72px}
  .legal-page-nav{position:sticky;top:138px;align-self:start;display:flex;flex-direction:column;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#0b0d0f}
  .legal-page-nav a{padding:13px 14px;border-radius:12px;color:rgba(255,255,255,.58);font-size:14px;font-weight:700;text-decoration:none}
  .legal-page-nav a:hover{color:#fff;background:rgba(255,255,255,.05)}
  .legal-page-nav a.active{color:#111;background:#fff}
  .legal-page-content{min-width:0}
  .legal-article{display:block}
  .legal-article[hidden]{display:none!important}
  .legal-kicker{display:inline-flex;padding:7px 11px;border:1px solid rgba(68,139,255,.35);border-radius:999px;color:#73a9ff;background:rgba(45,127,249,.08);font-size:11px;font-weight:800;letter-spacing:.12em}
  .legal-article h1{margin:20px 0 8px;font-size:clamp(38px,6vw,66px);line-height:.98;letter-spacing:-.05em}
  .legal-updated{margin:0 0 42px!important;color:rgba(255,255,255,.42)!important;font-size:13px!important}
  .legal-article h2{margin:38px 0 12px;font-size:21px;line-height:1.3;letter-spacing:-.02em}
  .legal-article p{margin:0 0 16px;color:rgba(255,255,255,.72);font-size:16px;line-height:1.78}
  .legal-article strong{color:#fff}
  .legal-article a{color:#72aaff;text-decoration:none}
  .legal-article a:hover{text-decoration:underline}
  .cookie-notice{position:fixed;z-index:1000;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(720px,calc(100% - 32px));padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#121416;color:#fff;box-shadow:0 20px 70px rgba(0,0,0,.55)}
  .cookie-notice[hidden]{display:none!important}
  .cookie-notice strong{display:block;margin-bottom:5px;font-size:15px}
  .cookie-notice p{margin:0;color:rgba(255,255,255,.65);font-size:12.5px;line-height:1.45}
  .cookie-notice a{display:inline-block;margin-top:7px;color:#78adff;font-size:12px;text-decoration:none}
  .cookie-notice button{flex:0 0 auto;border:0;border-radius:999px;background:#2d7ff9;color:#fff;padding:12px 20px;font-weight:800;cursor:pointer;box-shadow:none}
  @media(max-width:820px){
    .legal-page-header{height:86px;padding:14px 20px}
    .legal-avatar-button{width:52px;height:52px}
    .legal-avatar-button.is-login{width:auto!important;min-width:96px!important;height:48px!important;padding:0 18px!important}
    .legal-home-button{width:82px;height:52px}
    .legal-home-button img{width:43px}
    .legal-page-wrap{width:min(100% - 32px,760px);padding:34px 0 72px;display:block}
    .legal-page-nav{position:static;display:flex;flex-direction:row;overflow-x:auto;margin-bottom:38px;border-radius:16px;scrollbar-width:none}
    .legal-page-nav::-webkit-scrollbar{display:none}
    .legal-page-nav a{white-space:nowrap}
    .legal-article h1{font-size:clamp(38px,12vw,56px)}
    .legal-article h2{font-size:19px}
    .legal-article p{font-size:15px;line-height:1.72}
    .cookie-notice{align-items:stretch;flex-direction:column;gap:14px;padding:17px}
    .cookie-notice button{width:100%}
    .footer-legal-links{align-items:flex-start;flex-direction:column;gap:12px;margin-top:18px}
  }
  #legalPage[hidden],
  #legalPage .legal-article[hidden]{display:none!important}
  body.legal-page-active{overflow-x:hidden!important}
  body.legal-page-active > :not(#legalPage):not(script):not(style){display:none!important}
  body.legal-page-active > #legalPage{display:block!important;width:100%;min-height:100vh}
.user-chip,
.avatar,
.profile-avatar-preview,
.profile-page-avatar,
.public-profile-avatar{
  aspect-ratio:1 / 1!important;
  border-radius:50%!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  clip-path:circle(50% at 50% 50%);
}
.user-chip{padding:3px!important}
.avatar{width:100%!important;height:100%!important}
.avatar img,
.profile-avatar-preview img,
.profile-page-avatar img,
.public-profile-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
  display:block!important;
}
  .auth-primary,
  .auth-primary:hover,
  .auth-google,
  .auth-google:hover,
  .auth-discord,
  .auth-discord:hover,
  .discord-icon-button,
  .discord-icon-button:hover,
  .discord-connect-button,
  .discord-connect-button:hover,
  .profile-btn,
  .profile-btn:hover,
  .onboarding-btn,
  .onboarding-btn:hover,
  .avatar-picker-cancel,
  .avatar-picker-cancel:hover,
  .f-play,
  .f-play:hover {
    filter:none!important;
  }
  .auth-primary,
  .profile-btn.primary,
  .onboarding-btn.primary,
  .f-play {
    background:linear-gradient(135deg,#3b82f6,#2563eb)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.16)!important;
  }
  .auth-primary:hover,
  .profile-btn.primary:hover,
  .onboarding-btn.primary:hover,
  .f-play:hover {
    background:linear-gradient(135deg,#60a5fa,#2f7bed)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.18)!important;
  }
  .auth-discord,
  .discord-icon-button,
  .discord-connect-button {
    box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
  }
  .auth-discord:hover,
  .discord-icon-button:hover,
  .discord-connect-button:hover {
    box-shadow:0 15px 32px rgba(0,0,0,.32)!important;
  }
  .home-nav-leading{
    position:relative!important;
    isolation:isolate;
    --home-tab-x:0px;
    --home-tab-y:0px;
    --home-tab-width:92px;
    --home-tab-height:48px;
  }
  .home-nav-leading::before{
    content:"";
    position:absolute;
    z-index:0;
    left:0;
    top:0;
    width:var(--home-tab-width);
    height:var(--home-tab-height);
    border-radius:999px;
    background:#fff;
    transform:translate(var(--home-tab-x),var(--home-tab-y));
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);
    transition:transform .42s var(--ease),width .42s var(--ease),height .42s var(--ease);
    pointer-events:none;
  }
  .home-nav-links{position:relative;z-index:1}
  .home-logo-pill,
  .home-logo-pill:hover,
  .home-logo-pill.active,
  .home-nav-link,
  .home-nav-link:hover,
  .home-nav-link.active{
    position:relative;
    z-index:2;
    background:transparent!important;
    box-shadow:none!important;
  }
  .home-logo-pill:not(.active) .logo-mark{opacity:.78}
  .home-logo-pill.active .logo-mark{opacity:1}
  .home-nav-link.active{color:#151616!important}
  .home-nav-link:not(.active){color:rgba(255,255,255,.72)!important}
  .home-nav-link:not(.active):hover{color:#fff!important;background:rgba(255,255,255,.08)!important}
  #settingsLogoutAccount svg{width:19px;height:19px;flex:0 0 auto}
  body.login-mode .auth-primary,
  body.login-mode .auth-primary:hover,
  body.login-mode .auth-google,
  body.login-mode .auth-google:hover,
  body.login-mode .auth-discord,
  body.login-mode .auth-discord:hover,
  body.login-mode .discord-icon-button,
  body.login-mode .discord-icon-button:hover{
    box-shadow:none!important;
    filter:none!important;
  }
  body.login-mode .auth-column,
  body.login-mode .login-card,
  body.login-mode .auth-step,
  body.login-mode .auth-form,
  body.login-mode .auth-primary,
  body.login-mode .auth-primary:hover,
  body.login-mode .auth-primary:active,
  body.login-mode .auth-google,
  body.login-mode .auth-google:hover,
  body.login-mode .auth-discord,
  body.login-mode .auth-discord:hover,
  body.login-mode button{
    box-shadow:none!important;
    filter:none!important;
  }
  body.login-mode .auth-column .login-card{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:rgba(17,20,26,.94)!important;
  }
  body.login-mode .auth-primary::before,
  body.login-mode .auth-primary::after,
  body.login-mode .login-card::before,
  body.login-mode .login-card::after{
    content:none!important;
    display:none!important;
    box-shadow:none!important;
    filter:none!important;
  }


/* Skeleton final: mantém o carregamento acima de toda a interface e segue o layout real. */
.auth-loading{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  display:block!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#030405!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.auth-loading[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important}
.site-loading-skeleton{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  overflow:auto!important;
  overscroll-behavior:none!important;
  background:#030405!important;
}
.site-skeleton-title{display:grid;gap:10px;width:min(470px,100%)}
.site-skeleton-title>i{display:block;height:38px;border-radius:9px}
.site-skeleton-title>i:nth-child(1){width:88%}
.site-skeleton-title>i:nth-child(2){width:72%}
.site-skeleton-title>i:nth-child(3){display:none;width:54%}

@media(min-width:761px){
  .site-loading-skeleton{padding:14px clamp(22px,4vw,72px) 48px!important}
  .site-skeleton-top{height:82px!important;grid-template-columns:1fr minmax(430px,520px) 1fr!important}
  .site-skeleton-hero{height:min(68vh,680px)!important;min-height:520px!important;margin-top:2px!important}
  .site-skeleton-copy{left:clamp(30px,4vw,68px)!important;right:auto!important;bottom:clamp(72px,11vh,128px)!important;width:min(490px,40vw)!important}
  .site-skeleton-title>i{height:42px}
  .site-skeleton-title>i:nth-child(1){width:94%}
  .site-skeleton-title>i:nth-child(2){width:68%}
}

@media(max-width:760px){
  .site-loading-skeleton{padding:0!important;background:#030405!important}
  .site-skeleton-top{
    position:absolute!important;
    top:0!important;left:0!important;right:0!important;
    height:96px!important;
    padding:18px 24px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:0!important;
    background:linear-gradient(180deg,rgba(3,4,5,.98) 0%,rgba(3,4,5,.84) 72%,transparent 100%)!important;
    z-index:5!important;
  }
  .site-skeleton-nav{display:none!important}
  .site-skeleton-avatar-left,.site-skeleton-avatar-right{
    visibility:visible!important;
    display:block!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    border-radius:50%!important;
    justify-self:auto!important;
  }
  .site-skeleton-hero{
    height:calc(100svh - 74px)!important;
    max-height:920px!important;
    min-height:660px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:
      linear-gradient(180deg,rgba(3,4,5,.08) 0%,rgba(3,4,5,.12) 38%,rgba(3,4,5,.92) 100%),
      #0b0d0f!important;
  }
  .site-skeleton-copy{
    left:34px!important;
    right:34px!important;
    bottom:62px!important;
    width:auto!important;
    gap:13px!important;
  }
  .site-skeleton-title{gap:8px;width:100%}
  .site-skeleton-title>i{height:44px;border-radius:8px}
  .site-skeleton-title>i:nth-child(1){width:92%}
  .site-skeleton-title>i:nth-child(2){width:76%}
  .site-skeleton-title>i:nth-child(3){display:block;width:56%}
  .site-skeleton-meta{width:44%!important;height:13px!important}
  .site-skeleton-line{height:13px!important;width:100%!important}
  .site-skeleton-line.short{width:72%!important}
  .site-skeleton-actions{display:flex!important;gap:12px!important;margin-top:10px!important}
  .site-skeleton-button{flex:1 1 auto!important;width:auto!important;height:56px!important;border-radius:999px!important}
  .site-skeleton-round{flex:0 0 56px!important;width:56px!important;height:56px!important;border-radius:50%!important}
  .site-skeleton-section{
    position:relative!important;
    z-index:2!important;
    margin:-1px 0 0!important;
    padding:32px 34px 44px!important;
    border:1px solid rgba(255,255,255,.055)!important;
    border-bottom:0!important;
    border-radius:30px 30px 0 0!important;
    background:#050607!important;
  }
  .site-skeleton-heading{width:142px!important;height:27px!important;margin-bottom:22px!important;border-radius:7px!important}
  .site-skeleton-cards{display:flex!important;gap:14px!important;overflow:hidden!important}
  .site-skeleton-card{flex:0 0 min(78vw,340px)!important;aspect-ratio:16/9!important;border-radius:16px!important}
}

/* O botão de três pontos sempre fica acima do banner e recebe clique. */
.profile-page-more{
  z-index:30!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
}

/* Central de suporte: layout preto, tipografia iOS e FAQs sem cartões. */
body.support-page-active{
  background:#000!important;
  color:#f5f5f7;
  overflow-x:hidden!important;
}
body.support-page-active > main,
body.support-page-active > footer,
body.support-page-active > .bg,
body.support-page-active > .bg-grain,
body.support-page-active > .particles,
body.support-page-active > .profile-page-shell,
body.support-page-active > .settings-page-shell,
body.support-page-active > .legal-page-shell,
body.support-page-active > .content-detail-wrap,
body.support-page-active > .detail-recommendations{
  display:none!important;
}
.support-page-shell{
  display:none;
  position:relative;
  z-index:2;
  width:100%;
  min-height:100svh;
  padding:132px 24px 96px;
  background:#000;
  color:#f5f5f7;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Arial,sans-serif;
}
.support-page-shell[hidden]{display:none!important}
body.support-page-active > .support-page-shell{display:block!important}
body.support-page-active .home-search-wrap{display:none!important}
body.support-page-active .home-nav-link[data-public-action="support"]{display:inline-flex!important}
.support-page-inner{
  width:min(820px,100%);
  margin:0 auto;
}
.support-hero{
  margin:0 auto 42px;
  text-align:center;
}
.support-kicker{
  margin:0 0 14px;
  color:#2997ff;
  font-size:13px;
  font-weight:700;
  letter-spacing:.025em;
}
.support-hero h1{
  margin:0;
  color:#f5f5f7;
  font-size:clamp(40px,6.3vw,64px);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.048em;
}
.support-hero > p:last-child{
  max-width:560px;
  margin:18px auto 0;
  color:#86868b;
  font-size:17px;
  line-height:1.55;
}
.support-search{
  position:relative;
  width:100%;
  height:58px;
  display:flex;
  align-items:center;
  margin:0 0 12px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:#161617;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.support-search:focus-within{
  border-color:#2997ff;
  background:#1c1c1e;
  box-shadow:0 0 0 4px rgba(41,151,255,.14);
}
.support-search-icon{
  width:21px;
  height:21px;
  margin-left:18px;
  flex:0 0 auto;
  color:#8e8e93;
}
.support-search input{
  width:100%;
  height:100%;
  min-width:0;
  padding:0 14px;
  border:0;
  outline:0;
  background:transparent;
  color:#f5f5f7;
  font:500 16px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,Arial,sans-serif;
  appearance:none;
  -webkit-appearance:none;
}
.support-search input::-webkit-search-cancel-button{display:none}
.support-search input::placeholder{color:#77777d}
.support-search-clear{
  width:42px;
  height:42px;
  margin-right:7px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#8e8e93;
  cursor:pointer;
}
.support-search-clear[hidden]{display:none!important}
.support-search-clear:hover{color:#c7c7cc}
.support-search-clear svg{width:20px;height:20px}
.support-no-results{
  margin:24px 0 8px;
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,.11);
  border-bottom:1px solid rgba(255,255,255,.11);
  text-align:center;
}
.support-no-results[hidden]{display:none!important}
.support-no-results strong{display:block;font-size:16px}
.support-no-results p{margin:7px 0 0;color:#86868b;font-size:14px;line-height:1.5}
.support-faq{margin-top:58px}
.support-faq > h2{
  margin:0 0 10px;
  color:#f5f5f7;
  font-size:24px;
  font-weight:700;
  letter-spacing:-.025em;
}
.support-faq-list{border-top:1px solid rgba(255,255,255,.14)}
.support-faq-item{
  margin:0;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.support-faq-item[hidden]{display:none!important}
.support-faq-item summary{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px 1px;
  color:#f5f5f7;
  font-size:16px;
  font-weight:600;
  line-height:1.45;
  list-style:none;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.support-faq-item summary::-webkit-details-marker{display:none}
.support-faq-item summary:hover{color:#fff}
.support-faq-item summary:focus-visible{
  outline:2px solid #2997ff;
  outline-offset:5px;
  border-radius:4px;
}
.support-faq-chevron{
  flex:0 0 auto;
  color:#8e8e93;
  font-size:22px;
  font-weight:400;
  line-height:1;
  transform-origin:center;
  transition:transform .22s ease,color .22s ease;
}
.support-faq-item[open] .support-faq-chevron{
  color:#2997ff;
  transform:rotate(90deg);
}
.support-faq-answer{
  max-width:720px;
  padding:0 46px 21px 1px;
}
.support-faq-answer p{
  margin:0;
  color:#a1a1a6;
  font-size:15px;
  line-height:1.68;
}
.support-inline-link{
  color:#2997ff;
  font-weight:600;
  text-decoration:none;
}
.support-inline-link:hover{text-decoration:underline}
.support-inline-link:focus-visible{
  outline:2px solid #2997ff;
  outline-offset:3px;
  border-radius:3px;
}
.support-contact{
  padding:78px 0 8px;
  text-align:center;
}
.support-contact h2{
  margin:0;
  color:#f5f5f7;
  font-size:clamp(28px,4vw,38px);
  font-weight:700;
  letter-spacing:-.035em;
}
.support-contact p{
  margin:12px 0 24px;
  color:#86868b;
  font-size:15px;
  line-height:1.55;
}
.support-contact-button{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 25px;
  border-radius:999px;
  background:#0071e3;
  color:#fff;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  transition:background .2s ease,transform .2s ease;
}
.support-contact-button:hover{background:#0077ed}
.support-contact-button:active{transform:scale(.97)}
.support-contact-button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.support-contact > span{
  display:block;
  margin-top:15px;
  color:#6e6e73;
  font-size:12px;
}
@media(max-width:600px){
  .support-page-shell{padding:108px 18px 72px}
  .support-hero{margin-bottom:32px}
  .support-kicker{margin-bottom:11px;font-size:12px}
  .support-hero h1{font-size:clamp(36px,11.5vw,48px)}
  .support-hero > p:last-child{margin-top:15px;font-size:15px}
  .support-search{height:54px;border-radius:16px}
  .support-faq{margin-top:46px}
  .support-faq > h2{font-size:21px}
  .support-faq-item summary{min-height:64px;padding:18px 1px;font-size:15px;gap:18px}
  .support-faq-answer{padding:0 28px 19px 1px}
  .support-faq-answer p{font-size:14px}
  .support-contact{padding-top:62px}
}
@media(max-width:360px){
  body.support-page-active .home-nav-link[data-home-view]{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .support-search,
  .support-faq-chevron,
  .support-contact-button{transition:none!important}
}

/* Notificações e correções de navegação — atualização 03/08/2026. */
html.site-loading-active,
body.site-loading-active{
  width:100%;
  height:100%;
  overflow:hidden!important;
  overscroll-behavior:none;
}
.site-loading-skeleton{
  scrollbar-width:auto;
  scrollbar-color:#8e8e93 #242628;
}
.site-loading-skeleton::-webkit-scrollbar{width:11px;height:11px}
.site-loading-skeleton::-webkit-scrollbar-track{background:#242628}
.site-loading-skeleton::-webkit-scrollbar-thumb{
  min-height:54px;
  border:2px solid #242628;
  border-radius:999px;
  background:#8e8e93;
}
.site-loading-skeleton::-webkit-scrollbar-thumb:hover{background:#a5a5aa}

.notification-menu-wrap{position:relative}
.home-notification-menu{
  position:fixed;
  top:21px;
  right:88px;
  z-index:104;
}
.notification-button{
  position:relative;
  width:54px;
  height:54px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  background:rgba(14,16,17,.78);
  color:#f5f5f7;
  cursor:pointer;
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  backdrop-filter:blur(24px) saturate(145%);
  box-shadow:0 12px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.notification-button:hover,
.notification-button[aria-expanded="true"]{
  border-color:rgba(255,255,255,.24);
  background:rgba(32,34,36,.94);
}
.notification-button:active{transform:scale(.96)}
.notification-button svg{width:23px;height:23px}
.notification-unread-dot{
  position:absolute;
  top:7px;
  right:7px;
  width:10px;
  height:10px;
  border:2px solid #101213;
  border-radius:50%;
  background:#ff3b30;
  box-shadow:0 0 0 2px rgba(255,59,48,.16);
}
.notification-unread-dot[hidden]{display:none!important}
.notification-dropdown{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  width:min(370px,calc(100vw - 28px));
  padding:10px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:27px;
  background:rgba(8,10,12,.96);
  color:#f5f5f7;
  box-shadow:0 28px 72px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.05);
  -webkit-backdrop-filter:blur(34px) saturate(130%);
  backdrop-filter:blur(34px) saturate(130%);
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px) scale(.98);
  transform-origin:top right;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease,transform .25s cubic-bezier(.16,1,.3,1);
}
.notification-dropdown.open{
  opacity:1;
  visibility:visible;
  transform:none;
  pointer-events:auto;
}
.notification-dropdown-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding:11px 12px 13px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.notification-dropdown-header strong{font-size:18px;letter-spacing:-.025em}
.notification-dropdown-header span{color:#77777d;font-size:11px}
.notification-preview-list{display:grid;padding:7px 0}
.notification-preview-item{
  width:100%;
  min-height:82px;
  padding:11px 10px;
  border:0;
  border-radius:18px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 24px;
  align-items:center;
  gap:11px;
  background:transparent;
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease;
}
.notification-preview-item:hover{background:rgba(255,255,255,.065)}
.notification-preview-item:active{transform:scale(.985)}
.notification-preview-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:rgba(41,151,255,.14);
  color:#5eacff;
}
.notification-preview-icon svg{width:23px;height:23px}
.notification-preview-copy{min-width:0;display:grid;gap:3px}
.notification-preview-copy strong{
  overflow:hidden;
  color:#f5f5f7;
  font-size:14px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.notification-preview-copy>span{
  display:-webkit-box;
  overflow:hidden;
  color:#a1a1a6;
  font-size:12px;
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.notification-preview-copy small{color:#6e6e73;font-size:10px}
.notification-preview-arrow{width:24px;height:24px;display:grid;place-items:center;color:#636366}
.notification-preview-arrow svg{width:16px;height:16px}
.notification-preview-empty{
  min-height:116px;
  padding:24px 16px;
  display:grid;
  place-content:center;
  gap:6px;
  color:#8e8e93;
  text-align:center;
}
.notification-preview-empty strong{color:#d1d1d6;font-size:14px}
.notification-preview-empty span{font-size:12px;line-height:1.45}
.notification-view-all{
  width:100%;
  min-height:46px;
  border:0;
  border-radius:15px;
  background:#1c1c1e;
  color:#2997ff;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.notification-view-all:hover{background:#242426}

.mobile-notification-popover{display:none}

body.notification-page-active{
  min-height:100svh;
  overflow-x:hidden!important;
  background:#050607!important;
  color:#f5f5f7;
}
body.notification-page-active > :not(#notificationPage):not(script):not(style){display:none!important}
body.notification-page-active > #notificationPage{
  display:block!important;
  width:100%;
  min-height:100svh;
}
.notification-page-shell{
  display:none;
  min-height:100svh;
  background:#050607;
  color:#f5f5f7;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Arial,sans-serif;
}
.notification-page-shell[hidden]{display:none!important}
.notification-page-header{
  position:sticky;
  top:0;
  z-index:20;
  height:84px;
  padding:0 clamp(20px,4vw,58px);
  display:grid;
  grid-template-columns:minmax(132px,1fr) auto minmax(132px,1fr);
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:rgba(5,6,7,.86);
  -webkit-backdrop-filter:blur(28px) saturate(135%);
  backdrop-filter:blur(28px) saturate(135%);
}
.notification-page-leading{
  justify-self:start;
  display:flex;
  align-items:center;
  gap:11px;
}
.notification-page-avatar,
.notification-page-close{
  width:48px;
  height:48px;
  padding:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
  background:#151617;
  color:#f5f5f7;
  cursor:pointer;
}
.notification-page-avatar img{width:100%;height:100%;object-fit:cover}
.notification-page-avatar span{font-size:17px;font-weight:750;line-height:1}
.notification-page-home{
  width:43px;
  height:43px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:0;
  background:transparent;
  cursor:pointer;
}
.notification-page-home img{width:38px;height:38px;object-fit:contain}
.notification-page-close{justify-self:end}
.notification-page-close svg{width:21px;height:21px}
.notification-page-heading{justify-self:center;display:flex;align-items:baseline;gap:8px}
.notification-page-heading span{color:#77777d;font-size:12px;font-weight:800;letter-spacing:.1em}
.notification-page-heading strong{font-size:18px;letter-spacing:-.02em}
.notification-page-wrap{
  width:min(1180px,100%);
  min-height:calc(100svh - 84px);
  margin:0 auto;
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
}
.notification-page-nav{
  padding:34px 20px 70px;
  border-right:1px solid rgba(255,255,255,.09);
  display:flex;
  flex-direction:column;
  gap:7px;
}
.notification-page-link{
  width:100%;
  padding:16px;
  border:1px solid transparent;
  border-radius:19px;
  display:grid;
  gap:6px;
  background:transparent;
  color:#f5f5f7;
  text-align:left;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease;
}
.notification-page-link:hover{background:rgba(255,255,255,.045)}
.notification-page-link.active{
  border-color:rgba(41,151,255,.22);
  background:rgba(41,151,255,.13);
}
.notification-page-link strong{font-size:15px;line-height:1.3}
.notification-page-link span{
  display:-webkit-box;
  overflow:hidden;
  color:#98989d;
  font-size:12px;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.notification-page-link small{color:#636366;font-size:10px}
.notification-page-link.active small{color:#5eacff}
.notification-page-content{padding:70px clamp(32px,7vw,92px) 110px}
.notification-article{max-width:710px}
.notification-article-kicker{
  color:#2997ff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.notification-article h1{
  margin:15px 0 10px;
  color:#f5f5f7;
  font-size:clamp(38px,5.4vw,62px);
  line-height:1.03;
  letter-spacing:-.047em;
}
.notification-article-date{display:block;margin:0 0 38px;color:#2997ff;font-size:13px;font-weight:600}
.notification-article-body{
  color:#c7c7cc;
  font-size:17px;
  line-height:1.75;
  white-space:normal;
}
.notification-page-empty{
  min-height:180px;
  padding:28px;
  display:grid;
  place-content:center;
  gap:7px;
  color:#77777d;
  text-align:center;
}
.notification-page-empty strong{color:#d1d1d6}
.notification-page-empty span{font-size:13px;line-height:1.45}

/* Suporte: hero mais limpo, setas inspiradas no iOS e e-mail oculto. */
.support-hero{margin-bottom:34px}
.support-kicker,
.support-hero>p:last-child,
.support-contact>span{display:none!important}
.support-faq-chevron{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#1c1c1e;
  color:#8e8e93;
  font-size:0;
}
.support-faq-chevron svg{width:16px;height:16px}
.support-faq-item[open] .support-faq-chevron{
  background:rgba(41,151,255,.15);
  color:#2997ff;
  transform:rotate(90deg);
}

@media(max-width:760px){
  .home-notification-menu{display:none!important}
  .mobile-header-actions{
    margin-left:auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    min-width:0;
  }
  .mobile-notification-button{
    position:relative;
    width:46px;
    height:46px;
    flex:0 0 46px;
    padding:0;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    background:rgba(17,19,19,.76);
    color:#fff;
    -webkit-backdrop-filter:blur(20px) saturate(145%);
    backdrop-filter:blur(20px) saturate(145%);
    box-shadow:0 8px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  }
  .mobile-notification-button svg{width:22px;height:22px}
  .mobile-notification-button .notification-unread-dot{top:5px;right:5px;border-color:#111313}
  .mobile-header-actions .mobile-search-control{margin-left:0}
  body.mobile-search-open .mobile-header-actions{flex:1}
  body.mobile-search-open .mobile-notification-button{display:none}
  body.mobile-search-open .mobile-header-actions .mobile-search-control{width:100%}
  .mobile-notification-popover{
    position:fixed;
    z-index:10060;
    top:calc(var(--mobile-header-h,68px) + env(safe-area-inset-top) + 8px);
    left:12px;
    right:12px;
    max-height:calc(100dvh - var(--mobile-header-h,68px) - env(safe-area-inset-top) - 28px);
    padding:10px;
    overflow:auto;
    border:1px solid rgba(255,255,255,.13);
    border-radius:28px;
    background:rgba(8,10,12,.97);
    color:#fff;
    box-shadow:0 28px 75px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.05);
    -webkit-backdrop-filter:blur(34px) saturate(135%);
    backdrop-filter:blur(34px) saturate(135%);
  }
  .mobile-notification-popover:not([hidden]){display:block}
  .mobile-notification-head{
    min-height:54px;
    padding:5px 7px 9px 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-bottom:1px solid rgba(255,255,255,.09);
  }
  .mobile-notification-head>div{display:grid;gap:2px}
  .mobile-notification-head strong{font-size:18px}
  .mobile-notification-head span{color:#77777d;font-size:11px}
  .mobile-notification-head button{
    width:36px;
    height:36px;
    padding:0;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:#1c1c1e;
    color:#a1a1a6;
  }
  .mobile-notification-head svg{width:18px;height:18px}
  .mobile-notification-popover .notification-preview-item{grid-template-columns:40px minmax(0,1fr) 22px}
  body.notification-page-active{overflow:auto!important}
  .notification-page-header{
    height:74px;
    padding:0 14px;
    grid-template-columns:minmax(104px,1fr) auto minmax(104px,1fr);
  }
  .notification-page-leading{gap:7px}
  .notification-page-avatar,.notification-page-close{width:42px;height:42px}
  .notification-page-home{width:36px;height:36px}
  .notification-page-home img{width:32px;height:32px}
  .notification-page-heading span{display:none}
  .notification-page-heading strong{font-size:17px}
  .notification-page-wrap{min-height:calc(100svh - 74px);display:block}
  .notification-page-nav{
    position:sticky;
    top:74px;
    z-index:9;
    padding:12px 14px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.08);
    display:flex;
    flex-direction:row;
    gap:8px;
    overflow-x:auto;
    background:rgba(5,6,7,.94);
    scrollbar-width:none;
  }
  .notification-page-nav::-webkit-scrollbar{display:none}
  .notification-page-link{
    width:min(76vw,290px);
    min-width:min(76vw,290px);
    padding:13px 14px;
    border-radius:17px;
  }
  .notification-page-link span{-webkit-line-clamp:1}
  .notification-page-content{padding:46px 22px 80px}
  .notification-article h1{font-size:clamp(36px,11vw,50px)}
  .notification-article-date{margin-bottom:28px}
  .notification-article-body{font-size:16px;line-height:1.7}
  .support-page-shell{padding-top:104px}
  .support-hero{margin-bottom:28px}
}

@media(max-width:390px){
  .mobile-notification-button{width:42px;height:42px;flex-basis:42px}
}

@media(prefers-reduced-motion:reduce){
  .notification-button,
  .notification-dropdown,
  .notification-preview-item,
  .notification-page-link{transition:none!important}
}


.profile-page-meta{display:none!important}
.notification-unread-dot{
  width:11px;
  height:11px;
  border-color:#101213;
  background:#0a84ff;
  box-shadow:0 0 0 3px rgba(10,132,255,.18),0 0 16px rgba(10,132,255,.55);
}
.notification-dropdown-header{
  align-items:center;
  padding:10px 10px 12px 14px;
}
.notification-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.notification-mark-all{
  min-height:34px;
  padding:0 12px;
  border:0;
  border-radius:999px;
  background:rgba(10,132,255,.14);
  color:#58a9ff;
  font:700 12px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;
  cursor:pointer;
}
.notification-mark-all:hover{background:rgba(10,132,255,.22)}
.notification-header-close{
  width:34px;
  height:34px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#1c1c1e;
  color:#a1a1a6;
  cursor:pointer;
}
.notification-header-close svg{width:17px;height:17px}
.notification-preview-empty{min-height:104px}
.notification-preview-empty span{display:none!important}
.notification-page-heading{align-items:center}
.notification-page-heading span,.notification-article-kicker{display:none!important}
.notification-page-empty span{display:none!important}
.mobile-notification-head{align-items:center}
.mobile-notification-head>strong{font-size:18px}
.mobile-notification-head .notification-header-actions{display:flex}
.mobile-notification-head .notification-mark-all{width:auto;height:34px;padding:0 11px;background:rgba(10,132,255,.14);color:#58a9ff}
.mobile-notification-head .notification-header-close{width:36px;height:36px;background:#1c1c1e;color:#a1a1a6}

body.settings-page-active #settingsPageBody>.settings-grid.settings-grid-aligned{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
  align-items:start!important;
}
.settings-grid-aligned>.settings-profile-card{
  margin:0!important;
  height:auto!important;
  min-height:520px;
  padding:30px;
  display:flex;
  flex-direction:column;
}
.settings-side-stack{
  min-width:0;
  display:grid;
  gap:20px;
  align-content:start;
}
.settings-side-stack>.settings-card{
  margin:0!important;
  height:auto;
  padding:26px;
  display:flex;
  flex-direction:column;
}
.settings-side-stack .settings-account-card form{display:flex;flex-direction:column}
.settings-side-stack .settings-account-card .settings-btn-row{margin-top:18px;padding-top:0}
.settings-profile-card .settings-btn-row{margin-top:auto;padding-top:22px}
.settings-profile-card .settings-status{margin-top:10px}
.settings-profile-card .settings-banner-preview{min-height:190px}

.ios-confirm-backdrop{
  position:fixed;
  inset:0;
  z-index:10090;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(0,0,0,.42);
  -webkit-backdrop-filter:blur(10px) saturate(115%);
  backdrop-filter:blur(10px) saturate(115%);
}
.ios-confirm-backdrop[hidden]{display:none!important}
.ios-confirm-dialog{
  width:min(292px,calc(100vw - 40px));
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  background:rgba(38,38,41,.94);
  color:#fff;
  box-shadow:0 26px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.1);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;
  transform:translateZ(0);
}
.ios-confirm-copy{padding:21px 20px 19px;text-align:center}
.ios-confirm-copy h2{margin:0 0 7px;font-size:17px;line-height:1.25;letter-spacing:-.01em}
.ios-confirm-copy p{margin:0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.38}
.ios-confirm-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.16)}
.ios-confirm-actions button{
  min-height:48px;
  border:0;
  background:transparent;
  color:#0a84ff;
  font:500 17px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;
  cursor:pointer;
}
.ios-confirm-actions button+button{border-left:1px solid rgba(255,255,255,.16)}
.ios-confirm-actions button.primary{font-weight:700}
.ios-confirm-actions button:active{background:rgba(255,255,255,.08)}
.ios-save-toast{
  position:fixed;
  z-index:10100;
  left:50%;
  top:max(22px,env(safe-area-inset-top));
  transform:translateX(-50%);
  min-height:48px;
  padding:0 17px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(29,29,31,.92);
  color:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  backdrop-filter:blur(22px) saturate(135%);
  font:700 13px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;
}
.ios-save-toast[hidden]{display:none!important}
.ios-save-toast svg{width:19px;height:19px;color:#30d158}

@media(max-width:980px){
  body.settings-page-active #settingsPageBody>.settings-grid.settings-grid-aligned{grid-template-columns:1fr!important}
  .settings-grid-aligned>.settings-profile-card{min-height:0}
}
@media(max-width:640px){
  .settings-grid-aligned>.settings-profile-card,.settings-side-stack>.settings-card{padding:22px}
  .settings-profile-card .settings-banner-preview{min-height:130px}
  .notification-header-actions{gap:5px}
  .notification-mark-all{padding:0 9px;font-size:11px}
}


/* Ajustes finais: sino compacto e suporte totalmente dedicado. */
.home-notification-menu{
  top:27px;
}
.notification-button{
  width:42px;
  height:42px;
}
.notification-button svg{
  width:18px;
  height:18px;
}
.notification-button .notification-unread-dot{
  top:4px;
  right:4px;
  width:9px;
  height:9px;
}

body.support-page-active > :not(.topbar-wrap):not(.mobile-app-bar):not(.support-page-shell):not(.mobile-drawer):not(.mobile-drawer-backdrop):not(script):not(style){
  display:none!important;
}
body.support-page-active > .support-page-shell{
  display:block!important;
}
.support-page-shell.support-filter-empty .support-faq{
  display:none!important;
}
.support-page-shell.support-filter-empty .support-contact{
  margin-top:52px;
  padding-top:52px;
}

@media(max-width:760px){
  .mobile-notification-button{
    width:38px;
    height:38px;
    flex:0 0 38px;
  }
  .mobile-notification-button svg{
    width:18px;
    height:18px;
  }
  .mobile-notification-button .notification-unread-dot{
    top:3px;
    right:3px;
    width:9px;
    height:9px;
  }
}

@media(max-width:390px){
  .mobile-notification-button{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
}


/* Navegação dedicada do suporte. */
body.support-page-active .home-nav-link[data-home-view]{
  display:none!important;
}
body.support-page-active .home-nav-links{
  max-width:94px;
}

:root{
  --header-action-size:54px;
  --header-action-top:21px;
  --header-action-edge:22px;
  --header-action-gap:12px;
}
.home-user-menu,
.home-notification-menu{
  top:var(--header-action-top)!important;
}
.home-user-menu{
  right:var(--header-action-edge)!important;
}
.home-notification-menu{
  right:calc(var(--header-action-edge) + var(--header-action-size) + var(--header-action-gap))!important;
}
.home-user-menu .user-chip,
.notification-button{
  width:var(--header-action-size)!important;
  height:var(--header-action-size)!important;
  min-width:var(--header-action-size)!important;
  min-height:var(--header-action-size)!important;
  flex-basis:var(--header-action-size)!important;
}
body.profile-page-active .home-notification-menu{
  top:24px!important;
  right:24px!important;
}
body.profile-page-active .profile-page-more{
  top:104px!important;
  right:24px!important;
}
.ios-save-toast{
  top:auto!important;
  bottom:max(24px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
}
@media(max-width:760px){
  body.profile-page-active .mobile-app-bar{
    height:0!important;
    padding:0!important;
    background:transparent!important;
    pointer-events:none!important;
  }
  body.profile-page-active .mobile-profile-button,
  body.profile-page-active .mobile-search-control{
    display:none!important;
  }
  body.profile-page-active .mobile-header-actions{
    position:fixed!important;
    top:calc(22px + env(safe-area-inset-top))!important;
    right:16px!important;
    width:46px!important;
    height:46px!important;
    margin:0!important;
    display:block!important;
    pointer-events:auto!important;
    z-index:10021!important;
  }
  body.profile-page-active .mobile-notification-button{
    display:grid!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    margin:0!important;
  }
  body.profile-page-active .profile-page-more{
    top:calc(82px + env(safe-area-inset-top))!important;
    right:16px!important;
    width:46px!important;
    height:46px!important;
  }
  .ios-save-toast{
    bottom:max(18px,env(safe-area-inset-bottom))!important;
  }
}


/* Login administrativo alinhado ao visual do acesso principal. */
html.admin-mode,
body.admin-mode{
  min-height:100%;
  margin:0;
  overflow:hidden!important;
  background:#05070b;
}
.protected-admin-system-page{
  min-height:100vh;
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:24px;
  background:#05070b;
  color:#fff;
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
.protected-admin-login-page{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:32px 24px;
  overflow:hidden;
  color:#fff;
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  background:#05070b url('/assets/images/auth/login-bg-3.png') center center/cover no-repeat;
}
.protected-admin-login-page::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 50% 48%,rgba(0,0,0,.12),rgba(0,0,0,.38) 48%,rgba(0,0,0,.62) 100%),
    rgba(0,0,0,.48);
}
.protected-admin-login-shell{
  width:min(670px,calc(100vw - 40px));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:28px;
  transform:none;
}
.protected-admin-login-logo{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  margin:0 auto;
  border-radius:20px;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}
.protected-admin-login-logo img{
  width:68px;
  height:68px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));
}
.protected-admin-login-card{
  width:100%;
  padding:36px 38px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:34px;
  background:linear-gradient(145deg,rgba(40,40,44,.88),rgba(13,15,19,.9));
  box-shadow:0 28px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
  backdrop-filter:blur(22px) saturate(125%);
}
.protected-admin-google-button{
  width:100%;
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 28px;
  border:0;
  border-radius:999px;
  background:#3b82ee;
  color:#fff;
  font:800 20px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 28px rgba(18,91,218,.25);
  transition:transform .18s ease,filter .18s ease,opacity .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.protected-admin-google-button:hover{filter:brightness(1.06)}
.protected-admin-google-button:active{transform:scale(.985)}
.protected-admin-google-button:focus-visible{outline:3px solid rgba(255,255,255,.92);outline-offset:4px}
.protected-admin-google-button:disabled{cursor:wait;opacity:.72}
.protected-admin-google-icon{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  flex:0 0 26px;
  border-radius:50%;
  background:#fff;
  color:#4285f4;
  font:800 16px/1 Arial,sans-serif;
}
@media(max-width:700px){
  .protected-admin-login-page{padding:24px 18px;background-position:58% center}
  .protected-admin-login-shell{width:min(100%,540px);gap:22px;transform:none}
  .protected-admin-login-logo{width:62px;height:62px;margin:0 auto}
  .protected-admin-login-logo img{width:60px;height:60px}
  .protected-admin-login-card{padding:24px;border-radius:27px}
  .protected-admin-google-button{min-height:62px;padding:0 18px;font-size:17px}
  .protected-admin-google-icon{width:23px;height:23px;flex-basis:23px;font-size:14px}
}
@media(max-height:620px) and (min-width:701px){
  .protected-admin-login-shell{gap:20px;transform:none}
  .protected-admin-login-logo{margin:0 auto}
  .protected-admin-login-card{padding:28px 32px}
  .protected-admin-google-button{min-height:66px}
}


/* Ajustes do painel e das notificações. */
.home-notification-menu{
  z-index:10025!important;
  pointer-events:auto!important;
  isolation:isolate;
}
.notification-button{
  pointer-events:auto!important;
  touch-action:manipulation;
}
.notification-dropdown{z-index:2}
.notification-preview-copy small,
.notification-page-link small{display:none!important}
.notification-article-date{display:block!important;color:#2997ff!important}
.notification-article h1{margin-bottom:10px}


/* Menus de conta e notificações mutuamente exclusivos. */
body.settings-page-active .home-notification-menu,
body.settings-page-active .mobile-notification-button,
body.settings-page-active #mobileNotificationPopover{
  display:none!important;
}


/* Pesquisa do suporte: borda única e botão de limpeza controlado pelo site. */
.support-search{
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:22px!important;
  box-shadow:none!important;
  overflow:hidden;
}
.support-search:focus-within{
  border-color:#2997ff!important;
  box-shadow:0 0 0 2px rgba(41,151,255,.22)!important;
}
.support-search input{
  border-radius:inherit;
}
.support-search input::-webkit-search-decoration,
.support-search input::-webkit-search-cancel-button,
.support-search input::-webkit-search-results-button,
.support-search input::-webkit-search-results-decoration{
  display:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.support-search input::-ms-clear,
.support-search input::-ms-reveal{
  display:none!important;
  width:0!important;
  height:0!important;
}
@media(max-width:760px){
  .support-search{border-radius:19px!important}
}


/* Menu do perfil com a mesma borda e acabamento do painel de notificações. */
.user-dropdown{
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:27px!important;
  background:rgba(8,10,12,.96)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.05)!important;
  -webkit-backdrop-filter:blur(34px) saturate(130%)!important;
  backdrop-filter:blur(34px) saturate(130%)!important;
}

/* Botão de suporte exibido somente após o rodapé no mobile. */
.mobile-footer-support-cta{display:none}
@media(max-width:760px){
  body:not(.login-mode):not(.admin-mode):not(.profile-page-active):not(.settings-page-active):not(.detail-page-active):not(.support-page-active):not(.legal-page-active):not(.notification-page-active) .mobile-footer-support-cta{
    width:calc(100% - 40px);
    min-height:52px;
    margin:0 20px max(30px,env(safe-area-inset-bottom));
    padding:0 24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:18px;
    background:#0a84ff;
    color:#fff;
    font:750 16px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;
    box-shadow:0 12px 30px rgba(10,132,255,.24);
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  .mobile-footer-support-cta:active{transform:scale(.985);background:#0077ed}
}

/* Otimizações gerais para celulares e aparelhos com pouca memória/CPU. */
@media(max-width:760px){
  html.mobile-optimized{scroll-behavior:auto}
  html.mobile-optimized body{overscroll-behavior-y:none}
  html.mobile-optimized .f-media img,
  html.mobile-optimized .f-media .ph{transition:opacity .25s ease!important;transform:none!important}
  html.mobile-optimized .featured-wrap,
  html.mobile-optimized .video-rail-section,
  html.mobile-optimized .gallery-page-shell,
  html.mobile-optimized .footer-card{animation:none!important}
  html.mobile-optimized .video-card,
  html.mobile-optimized .video-card img,
  html.mobile-optimized .home-nav-link,
  html.mobile-optimized .mobile-drawer-link{transition-duration:.12s!important}
  html.mobile-optimized .video-rail{scroll-behavior:auto!important;overscroll-behavior-inline:contain}
  html.mobile-optimized .home-sections>section,
  html.mobile-optimized #dynamicSections>section,
  html.mobile-optimized footer,
  html.mobile-optimized .support-faq-item{
    content-visibility:auto;
    contain-intrinsic-size:360px;
  }
  html.mobile-optimized img{image-rendering:auto}
}
@media(max-width:760px){
  html.mobile-lite .home-topbar,
  html.mobile-lite .mobile-app-bar,
  html.mobile-lite .mobile-search-control,
  html.mobile-lite .mobile-menu-toggle,
  html.mobile-lite .mobile-search-button,
  html.mobile-lite .mobile-profile-button,
  html.mobile-lite .mobile-notification-button,
  html.mobile-lite .user-dropdown,
  html.mobile-lite .notification-dropdown,
  html.mobile-lite .mobile-notification-popover,
  html.mobile-lite .footer-card{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html.mobile-lite .home-topbar,
  html.mobile-lite .mobile-app-bar{background:rgba(12,14,15,.96)!important}
  html.mobile-lite .user-dropdown,
  html.mobile-lite .notification-dropdown,
  html.mobile-lite .mobile-notification-popover{background:#080a0c!important}
  html.mobile-lite *,
  html.mobile-lite *::before,
  html.mobile-lite *::after{animation-duration:.01ms!important;animation-iteration-count:1!important}
  html.mobile-lite .video-card:hover img{transform:none!important;filter:none!important}
}


/* Ajustes de navegação por seção e seletores de perfil */
.video-rail-title svg{
  color:#f5f5f7!important;
  filter:none!important;
}
.video-rail-title:hover svg{color:#fff!important}

.avatar-picker-footer,
.banner-picker-footer{
  border-top:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.avatar-picker-cancel,
.banner-picker-cancel{
  box-shadow:none!important;
}

.banner-picker-backdrop.avatar-picker-backdrop{
  z-index:245!important;
}
.banner-picker-modal.avatar-picker-modal{
  width:100%!important;
  height:100dvh!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.banner-picker-header.avatar-picker-header{
  min-height:112px!important;
  padding:25px 78px 18px!important;
  justify-content:center!important;
}
.banner-picker-header.avatar-picker-header>div{text-align:center!important}
.banner-picker-header.avatar-picker-header h2{
  font:760 clamp(30px,4vw,48px)/1 var(--font-display)!important;
  letter-spacing:-.045em!important;
}
.banner-picker-header.avatar-picker-header p{display:none!important}
.banner-picker-body.avatar-picker-body{
  flex:1!important;
  min-height:0!important;
  overflow-y:auto!important;
  padding:26px 46px 32px!important;
}
.banner-group{
  margin:0 0 30px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.banner-group h3{
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
  color:#fff!important;
  font:750 clamp(20px,2vw,27px)/1.2 var(--font-body)!important;
  text-transform:none!important;
  letter-spacing:-.02em!important;
}
.banner-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.banner-option{
  border:3px solid rgba(255,255,255,.12)!important;
  border-radius:22px!important;
  background:rgba(10,15,22,.8)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 13px 30px rgba(0,0,0,.30)!important;
}
.banner-option.selected{
  border-color:#fff!important;
  box-shadow:0 0 0 5px #2f7bed,0 15px 32px rgba(0,0,0,.34)!important;
}
.banner-picker-footer.avatar-picker-footer{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:center!important;
  padding:14px 24px 22px!important;
}

body.section-catalog-active footer{display:none!important}
body.section-catalog-active main>section:not(#contentDetailSection){display:none!important}
#dynamicSections.section-view-mode{
  min-height:100vh;
  padding-top:128px!important;
  padding-bottom:72px!important;
}
#dynamicSections.section-view-mode>.video-rail-section:not(.section-view-active){display:none!important}
#dynamicSections .section-view-active{
  display:block!important;
  width:min(1500px,100%);
  margin:0 auto!important;
  padding:0 clamp(18px,4vw,68px)!important;
}
.section-view-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  margin:0 0 24px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:#15191e;
  color:#fff;
  font:700 14px var(--font-body);
  cursor:pointer;
}
.section-view-back:hover{background:#20262d}
.section-view-back svg{width:19px;height:19px}
.section-view-active>.video-rail-title{
  margin-left:0!important;
  margin-bottom:24px!important;
  font-size:clamp(28px,5vw,52px)!important;
  pointer-events:none;
}
.section-view-active>.video-rail-title svg{display:none!important}
.section-view-active .video-rail-shell{padding:0!important}
.section-view-active .video-rail{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;
  gap:22px!important;
  overflow:visible!important;
  padding:0!important;
  scroll-snap-type:none!important;
}
.section-view-active .video-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  scroll-snap-align:none!important;
}
.section-view-active .video-rail-arrow{display:none!important}
.section-view-active .video-rail-empty{grid-column:1/-1}

@media(max-width:760px){
  .banner-picker-header.avatar-picker-header{min-height:88px!important;padding:20px 62px 13px!important}
  .banner-picker-header.avatar-picker-header h2{font-size:29px!important}
  .banner-picker-body.avatar-picker-body{padding:18px 14px 22px!important}
  .banner-group{padding:0!important;border-radius:0!important}
  .banner-group h3{font-size:20px!important;margin-bottom:13px!important}
  .banner-grid{grid-template-columns:1fr!important;gap:14px!important}
  .banner-picker-footer.avatar-picker-footer{padding-bottom:max(17px,env(safe-area-inset-bottom))!important}
  #dynamicSections.section-view-mode{padding-top:104px!important}
  #dynamicSections .section-view-active{padding:0 16px!important}
  .section-view-active .video-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .section-view-back{margin-bottom:18px}
}
@media(max-width:430px){
  .section-view-active .video-rail{grid-template-columns:1fr!important}
}

/* Ajustes finais: perfil e catálogo completo das seções. */
body.profile-page-active .home-notification-menu,
body.profile-page-active .profile-page-more{
  right:24px!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  box-sizing:border-box!important;
}
body.profile-page-active .home-notification-menu{
  top:24px!important;
}
body.profile-page-active .home-notification-menu .notification-button{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
}
body.profile-page-active .profile-page-more{
  top:96px!important;
}

body.section-catalog-active{
  background:#020611!important;
}
body.section-catalog-active .topbar-wrap{
  background:linear-gradient(180deg,rgba(2,6,17,.98),rgba(2,6,17,.88))!important;
}
#dynamicSections.section-view-mode{
  width:100%!important;
  max-width:none!important;
  min-height:100svh!important;
  margin:0!important;
  padding:126px 6px 82px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:#020611!important;
  box-shadow:none!important;
}
#dynamicSections .section-view-active{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.section-view-active>.video-rail-title{
  display:inline-flex!important;
  margin:0 0 36px!important;
  padding:0!important;
  color:#fff!important;
  font-size:clamp(25px,2.2vw,34px)!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:-.025em!important;
}
.section-view-active>.video-rail-title svg,
.section-view-back{
  display:none!important;
}
.section-view-active .video-rail-shell{
  padding:0!important;
}
.section-view-active .video-rail{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:start!important;
  gap:20px 18px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
}
.section-view-active .video-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  aspect-ratio:16/9!important;
  border:3px solid #171b29!important;
  border-radius:12px!important;
  background:#070b16!important;
  box-shadow:none!important;
  scroll-snap-align:none!important;
}
.section-view-active .video-card:hover{
  transform:none!important;
  border-color:#26314a!important;
  box-shadow:none!important;
}
.section-view-active .video-card:hover img{
  transform:none!important;
}
@media(max-width:1280px){
  .section-view-active .video-rail{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .section-view-active .video-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body.profile-page-active .home-notification-menu,
  body.profile-page-active .profile-page-more{
    right:16px!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
  body.profile-page-active .home-notification-menu{
    top:calc(22px + env(safe-area-inset-top))!important;
  }
  body.profile-page-active .home-notification-menu .notification-button{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
  body.profile-page-active .profile-page-more{
    top:calc(82px + env(safe-area-inset-top))!important;
  }
  #dynamicSections.section-view-mode{
    padding:104px 14px 64px!important;
  }
  .section-view-active>.video-rail-title{
    margin-bottom:22px!important;
    font-size:26px!important;
  }
  .section-view-active .video-rail{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px 12px!important;
  }
  .section-view-active .video-card{
    border-width:2px!important;
    border-radius:10px!important;
  }
}
@media(max-width:430px){
  .section-view-active .video-rail{grid-template-columns:1fr!important}
}

@media (min-width:761px){
  body.section-catalog-active .topbar-wrap{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    z-index:1200!important;
  }
  body.section-catalog-active .home-topbar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.section-catalog-active .home-nav-leading,
  body.section-catalog-active .home-nav-links,
  body.section-catalog-active .home-search-wrap{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* Layout geral das abas e páginas de seção. */
:root{
  --be-page-background:#070809;
  --be-content-gutter:clamp(42px,5vw,92px);
  --be-content-max:1680px;
}
body:not(.login-mode):not(.admin-mode):not(.support-page-active):not(.notification-page-active):not(.legal-page-active){
  background:var(--be-page-background)!important;
}
body:not(.login-mode):not(.admin-mode):not(.support-page-active):not(.notification-page-active):not(.legal-page-active)>.bg{
  background:var(--be-page-background)!important;
}
body:not(.login-mode):not(.admin-mode):not(.support-page-active):not(.notification-page-active):not(.legal-page-active)>.bg-grain,
body:not(.login-mode):not(.admin-mode):not(.support-page-active):not(.notification-page-active):not(.legal-page-active)>.particles{
  display:none!important;
}

/* Mantém títulos e cards afastados das bordas em Home, Filmes e Vídeos. */
#dynamicSections.video-catalog{
  background:var(--be-page-background)!important;
}
#dynamicSections:not(.section-view-mode) .video-rail-title{
  margin-left:var(--be-content-gutter)!important;
  margin-right:var(--be-content-gutter)!important;
}
#dynamicSections:not(.section-view-mode) .video-rail{
  padding-left:var(--be-content-gutter)!important;
  padding-right:var(--be-content-gutter)!important;
  scroll-padding-left:var(--be-content-gutter)!important;
}
#dynamicSections:not(.section-view-mode) .home-filter-empty{
  margin-left:var(--be-content-gutter)!important;
  margin-right:var(--be-content-gutter)!important;
}

/* Página com todos os vídeos vinculados a uma seção. */
body.section-catalog-active{
  background:var(--be-page-background)!important;
}
body.section-catalog-active .topbar-wrap{
  background:linear-gradient(180deg,rgba(7,8,9,.99),rgba(7,8,9,.9))!important;
}
#dynamicSections.section-view-mode{
  width:100%!important;
  max-width:none!important;
  min-height:calc(100svh - 110px)!important;
  padding:126px var(--be-content-gutter) 82px!important;
  background:var(--be-page-background)!important;
}
#dynamicSections.section-view-mode>.section-view-active{
  width:min(100%,var(--be-content-max))!important;
  max-width:var(--be-content-max)!important;
  margin:0 auto!important;
  padding:0!important;
}

/* O rodapé também faz parte das abas e das páginas completas de seção. */
body.section-catalog-active>footer{
  display:block!important;
}
body[data-home-view="home"]>footer,
body[data-home-view="films"]>footer,
body[data-home-view="videos"]>footer,
body[data-home-view="movies"]>footer,
body[data-home-view="series"]>footer,
body.section-catalog-active>footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px var(--be-content-gutter) 34px!important;
  background:var(--be-page-background)!important;
}
body[data-home-view]>footer>.footer-card,
body.section-catalog-active>footer>.footer-card{
  width:min(100%,var(--be-content-max))!important;
  margin:0 auto!important;
}

@media(max-width:760px){
  :root{--be-content-gutter:18px}
  #dynamicSections.section-view-mode{
    padding:104px var(--be-content-gutter) 58px!important;
  }
  body[data-home-view]>footer,
  body.section-catalog-active>footer{
    padding:24px var(--be-content-gutter) 28px!important;
  }
}
.featured,
.f-slide{
  background:var(--be-page-background)!important;
}

/* Correção definitiva de rolagem das abas Filmes e Vídeos. */
html{
  scroll-padding-top:112px;
}
body[data-home-view="films"],
body[data-home-view="videos"],
body[data-home-view="movies"],
body[data-home-view="series"]{
  min-height:100vh;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  background:var(--be-page-background,#070809)!important;
}
body[data-home-view="films"]>main,
body[data-home-view="videos"]>main,
body[data-home-view="movies"]>main,
body[data-home-view="series"]>main{
  width:100%;
  min-height:calc(100svh - 210px);
  flex:1 0 auto;
}
body[data-home-view="films"]>footer,
body[data-home-view="videos"]>footer,
body[data-home-view="movies"]>footer,
body[data-home-view="series"]>footer{
  flex:0 0 auto;
}
body[data-home-view="films"] .topbar-wrap,
body[data-home-view="videos"] .topbar-wrap,
body[data-home-view="movies"] .topbar-wrap,
body[data-home-view="series"] .topbar-wrap{
  top:0!important;
  min-height:108px;
  padding-top:18px!important;
  background:linear-gradient(180deg,rgba(7,8,9,1) 0%,rgba(7,8,9,.97) 58%,rgba(7,8,9,0) 100%)!important;
}
body[data-home-view="films"] .home-topbar,
body[data-home-view="videos"] .home-topbar,
body[data-home-view="movies"] .home-topbar,
body[data-home-view="series"] .home-topbar{
  pointer-events:auto;
}
#featuredSection,
#randomFeaturedSection,
#dynamicSections,
#dynamicSections .video-rail-section{
  scroll-margin-top:112px!important;
}
body[data-home-view="films"] #dynamicSections.video-catalog,
body[data-home-view="videos"] #dynamicSections.video-catalog,
body[data-home-view="movies"] #dynamicSections.video-catalog,
body[data-home-view="series"] #dynamicSections.video-catalog,
body.section-catalog-active #dynamicSections.video-catalog{
  margin-top:0!important;
  border-top:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body[data-home-view="films"] #dynamicSections:not(.section-view-mode),
body[data-home-view="videos"] #dynamicSections:not(.section-view-mode),
body[data-home-view="movies"] #dynamicSections:not(.section-view-mode),
body[data-home-view="series"] #dynamicSections:not(.section-view-mode){
  min-height:clamp(360px,48svh,620px);
  padding-bottom:72px!important;
}
@media(max-width:760px){
  html{scroll-padding-top:92px}
  body[data-home-view="films"] .topbar-wrap,
  body[data-home-view="videos"] .topbar-wrap,
  body[data-home-view="movies"] .topbar-wrap,
  body[data-home-view="series"] .topbar-wrap{
    min-height:92px;
    padding-top:10px!important;
  }
  #featuredSection,
  #randomFeaturedSection,
  #dynamicSections,
  #dynamicSections .video-rail-section{
    scroll-margin-top:92px!important;
  }
  body[data-home-view="films"] #dynamicSections:not(.section-view-mode),
  body[data-home-view="videos"] #dynamicSections:not(.section-view-mode),
  body[data-home-view="movies"] #dynamicSections:not(.section-view-mode),
  body[data-home-view="series"] #dynamicSections:not(.section-view-mode){
    min-height:360px;
    padding-bottom:48px!important;
  }
}



/* Abas Filmes e Vídeos com o mesmo acabamento visual da Home. */
body[data-home-view="films"] .topbar-wrap,
body[data-home-view="movies"] .topbar-wrap,
body[data-home-view="series"] .topbar-wrap,
body[data-home-view="videos"] .topbar-wrap,
body.section-catalog-active .topbar-wrap{
  background:transparent!important;
  box-shadow:none!important;
}

/* O destaque aleatório volta a aparecer nas abas, sem bloco sombreado extra. */
body[data-home-view="films"] #randomFeaturedSection,
body[data-home-view="movies"] #randomFeaturedSection,
body[data-home-view="series"] #randomFeaturedSection,
body[data-home-view="videos"] #randomFeaturedSection{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-home-view="films"] #randomFeaturedSection .featured,
body[data-home-view="movies"] #randomFeaturedSection .featured,
body[data-home-view="series"] #randomFeaturedSection .featured,
body[data-home-view="videos"] #randomFeaturedSection .featured{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Borda arredondada no encontro do destaque com o catálogo, igual à Home. */
body[data-home-view="films"] #dynamicSections.video-catalog:not(.section-view-mode),
body[data-home-view="movies"] #dynamicSections.video-catalog:not(.section-view-mode),
body[data-home-view="series"] #dynamicSections.video-catalog:not(.section-view-mode),
body[data-home-view="videos"] #dynamicSections.video-catalog:not(.section-view-mode){
  position:relative!important;
  z-index:8!important;
  margin-top:-38px!important;
  padding-top:clamp(44px,4.2vw,58px)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-bottom:0!important;
  border-radius:34px 34px 0 0!important;
  background:var(--be-page-background,#070809)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Ao abrir uma seção completa, mantém o fundo liso e sem sombreado. */
body.section-catalog-active,
body.section-catalog-active main,
body.section-catalog-active #dynamicSections.section-view-mode,
body.section-catalog-active #dynamicSections .section-view-active{
  background:var(--be-page-background,#070809)!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.section-catalog-active #dynamicSections.section-view-mode{
  border:0!important;
  border-radius:0!important;
  margin-top:0!important;
}

@media(max-width:760px){
  body[data-home-view="films"] #dynamicSections.video-catalog:not(.section-view-mode),
  body[data-home-view="movies"] #dynamicSections.video-catalog:not(.section-view-mode),
  body[data-home-view="series"] #dynamicSections.video-catalog:not(.section-view-mode),
  body[data-home-view="videos"] #dynamicSections.video-catalog:not(.section-view-mode){
    margin-top:-18px!important;
    padding-top:30px!important;
    border-radius:25px 25px 0 0!important;
  }
}


/* Ajuste final: destaques aleatórios visíveis nas abas Filmes e Vídeos + visual limpo ao abrir seção. */
body[data-home-view="films"] #randomFeaturedSection,
body[data-home-view="movies"] #randomFeaturedSection,
body[data-home-view="series"] #randomFeaturedSection,
body[data-home-view="videos"] #randomFeaturedSection{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  visibility:visible!important;
}
body[data-home-view="films"] #randomFeaturedSection[hidden],
body[data-home-view="movies"] #randomFeaturedSection[hidden],
body[data-home-view="series"] #randomFeaturedSection[hidden],
body[data-home-view="videos"] #randomFeaturedSection[hidden]{
  display:none!important;
}
body.section-catalog-active #featuredSection,
body.section-catalog-active #randomFeaturedSection{
  display:none!important;
}
body.section-catalog-active #dynamicSections.section-view-mode{
  min-height:auto!important;
  padding-top:112px!important;
  padding-bottom:72px!important;
}
body.section-catalog-active #dynamicSections.section-view-mode>.section-view-active{
  width:min(100%,var(--be-content-max))!important;
  max-width:var(--be-content-max)!important;
  margin:0 auto!important;
}
body.section-catalog-active .section-view-active>.video-rail-title{
  margin:0 0 24px!important;
}
body.section-catalog-active .section-view-active .video-rail{
  align-content:start!important;
}
@media(max-width:760px){
  body.section-catalog-active #dynamicSections.section-view-mode{
    padding-top:96px!important;
    padding-bottom:56px!important;
  }
  body.section-catalog-active .section-view-active>.video-rail-title{
    margin-bottom:18px!important;
  }
}

/* Correção definitiva do espaço vazio ao abrir uma seção. */
body.section-catalog-active > main{
  display:none!important;
  min-height:0!important;
  height:0!important;
  flex:0 0 0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
body.section-catalog-active #dynamicSections.section-view-mode{
  display:block!important;
  width:100%!important;
  min-height:calc(100svh - 104px)!important;
  margin:0!important;
  padding-top:126px!important;
  padding-bottom:72px!important;
  background:var(--be-page-background,#070809)!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.section-catalog-active #dynamicSections.section-view-mode > .section-view-active{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
@media(max-width:760px){
  body.section-catalog-active #dynamicSections.section-view-mode{
    min-height:calc(100svh - 82px)!important;
    padding-top:104px!important;
    padding-bottom:56px!important;
  }
}


/* Correções finais: notificações, busca e navegação para o perfil. */
.notification-dropdown-header,
.mobile-notification-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}
.notification-dropdown-header>strong,
.mobile-notification-head>strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.notification-header-actions{
  min-width:max-content!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
.notification-mark-all{
  width:auto!important;
  min-width:max-content!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.notification-header-close{
  flex:0 0 auto!important;
}

/* Uma página dedicada nunca deixa a grade de uma seção aberta por cima. */
body.profile-page-active #dynamicSections,
body.settings-page-active #dynamicSections,
body.notification-page-active #dynamicSections,
body.support-page-active #dynamicSections,
body.legal-page-active #dynamicSections{
  display:none!important;
}

@media(max-width:760px){
  /* Na página de Notificações, o mobile mostra somente título e fechar. */
  .notification-page-header{
    grid-template-columns:1fr auto 1fr!important;
  }
  .notification-page-leading{
    display:none!important;
  }
  .notification-page-heading{
    grid-column:2!important;
    justify-self:center!important;
  }
  .notification-page-close{
    grid-column:3!important;
    justify-self:end!important;
  }
  .mobile-notification-head{
    padding:7px 8px 10px 14px!important;
  }
  .mobile-notification-head>.notification-header-actions{
    display:flex!important;
  }
  .mobile-notification-head .notification-mark-all{
    height:36px!important;
    min-height:36px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }
}


/* Página de Notificações: no desktop mantém apenas o avatar à esquerda. */
@media(min-width:761px){
  .notification-page-home{
    display:none!important;
  }
  .notification-page-leading{
    gap:0!important;
  }
}

/* Correção da animação dos cards: evita corte ao passar o mouse. */
#dynamicSections:not(.section-view-mode) .video-rail{
  padding-top:12px!important;
  padding-bottom:22px!important;
}
#dynamicSections:not(.section-view-mode) .video-card{
  transform:translateY(0)!important;
  transform-origin:center center!important;
  z-index:1;
}
@media (hover:hover) and (pointer:fine){
  #dynamicSections:not(.section-view-mode) .video-card:hover{
    transform:translateY(-4px)!important;
    z-index:10!important;
  }
  #dynamicSections:not(.section-view-mode) .video-card:hover img{
    transform:scale(1.025)!important;
  }
}

/* Botão "Ler todos": o mobile replica exatamente o tamanho usado no PC. */
#notificationMarkAll,
#mobileNotificationMarkAll{
  box-sizing:border-box!important;
  width:auto!important;
  min-width:max-content!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}


/* Navegação das páginas completas de seção no mobile. */
.section-view-mobile-home{
  display:none;
}
@media(max-width:760px){
  body.section-catalog-active #dynamicSections.section-view-mode > .section-view-active{
    position:relative!important;
  }
  body.section-catalog-active .section-view-mobile-home{
    position:absolute!important;
    top:-5px!important;
    right:0!important;
    left:auto!important;
    z-index:12!important;
    display:inline-grid!important;
    place-items:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:50%!important;
    background:#17191c!important;
    color:#fff!important;
    box-shadow:none!important;
    -webkit-tap-highlight-color:transparent;
  }
  body.section-catalog-active .section-view-mobile-home:active{
    transform:scale(.96)!important;
    background:#22252a!important;
  }
  body.section-catalog-active .section-view-mobile-home svg{
    width:23px!important;
    height:23px!important;
  }
  body.section-catalog-active .section-view-active > .video-rail-title{
    display:flex!important;
    align-items:center!important;
    min-height:44px!important;
    margin-left:0!important;
    margin-right:58px!important;
    padding-right:0!important;
  }
}


/* Logos configuradas no dashboard sobre os banners dos cards. */
.video-card > .video-card-thumbnail{
  position:relative;
  z-index:0;
}
.video-card > .video-card-logo{
  position:absolute!important;
  top:50%!important;
  left:clamp(12px,1.35vw,22px)!important;
  z-index:3!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:46%!important;
  max-height:58%!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:translateY(-50%)!important;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.72))!important;
  pointer-events:none!important;
  user-select:none!important;
}
.video-card::after{
  z-index:1;
}
@media (hover:hover) and (pointer:fine){
  .video-card:hover > .video-card-logo{
    transform:translateY(-50%)!important;
    filter:drop-shadow(0 3px 10px rgba(0,0,0,.72))!important;
  }
}
@media(max-width:760px){
  .video-card > .video-card-logo{
    left:12px!important;
    max-width:48%!important;
    max-height:56%!important;
  }
}

/* Ajuste final: mais espaço nas recomendações dos detalhes. */
.detail-recommendations{
  padding-top:48px!important;
  padding-bottom:82px!important;
}
.detail-reco-rail{
  column-gap:18px!important;
  row-gap:34px!important;
}
.detail-reco-name{
  margin-top:12px!important;
  padding-inline:2px;
}

/* Mantém logos grandes inteiras dentro do banner, inclusive no hover. */
.video-card > .video-card-logo{
  width:min(46%,240px)!important;
  height:58%!important;
  max-width:calc(100% - 28px)!important;
  max-height:calc(100% - 24px)!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:translateY(-50%)!important;
  transform-origin:left center!important;
}
@media (hover:hover) and (pointer:fine){
  .video-card:hover > .video-card-logo{
    transform:translateY(-50%)!important;
  }
}
@media(max-width:760px){
  .detail-recommendations{
    padding:34px 18px 62px!important;
  }
  .detail-reco-rail{
    column-gap:14px!important;
    row-gap:24px!important;
    padding-top:6px!important;
    padding-bottom:12px!important;
  }
  .video-card > .video-card-logo{
    width:min(48%,190px)!important;
    height:56%!important;
    max-width:calc(100% - 22px)!important;
    max-height:calc(100% - 20px)!important;
  }
}


/* Normalização final das logos nos cards.
   Cada logo usa uma área segura e centralizada, sem corte ou deslocamento no hover. */
.video-card > .video-card-logo-slot{
  position:absolute!important;
  top:50%!important;
  left:clamp(14px,1.45vw,23px)!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:58%!important;
  height:58%!important;
  padding:4px 0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  transform:translateY(-50%)!important;
  transform-origin:left center!important;
  pointer-events:none!important;
  user-select:none!important;
}
.video-card > .video-card-logo-slot > .video-card-logo{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  transform-origin:center!important;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.76))!important;
  transition:none!important;
}
.video-card > .video-card-logo-slot[data-logo-shape="wide"]{
  width:69%!important;
  height:50%!important;
}
.video-card > .video-card-logo-slot[data-logo-shape="tall"]{
  width:48%!important;
  height:68%!important;
}
@media (hover:hover) and (pointer:fine){
  .video-card:hover > .video-card-thumbnail{
    transform:scale(1.025)!important;
    filter:contrast(1.06) brightness(1.04)!important;
  }
  .video-card:hover > .video-card-logo-slot{
    transform:translateY(-50%)!important;
  }
  .video-card:hover > .video-card-logo-slot > .video-card-logo{
    transform:none!important;
    filter:drop-shadow(0 4px 12px rgba(0,0,0,.76))!important;
  }
}
@media(max-width:760px){
  .video-card > .video-card-logo-slot{
    left:12px!important;
    width:60%!important;
    height:58%!important;
  }
  .video-card > .video-card-logo-slot[data-logo-shape="wide"]{
    width:72%!important;
    height:50%!important;
  }
  .video-card > .video-card-logo-slot[data-logo-shape="tall"]{
    width:50%!important;
    height:66%!important;
  }
}

/* Sessão persistente + espaçamento consistente da área Conta. */
.settings-side-stack>.settings-account-card>p{
  margin:0 0 24px!important;
  line-height:1.45;
}
.settings-side-stack .settings-account-card .settings-form-grid{
  margin:0;
  column-gap:18px;
  row-gap:16px;
}
.settings-side-stack .settings-account-card .settings-field{
  gap:9px;
}
.settings-side-stack .settings-account-card .settings-status:empty{
  min-height:0;
  margin:0;
}
.settings-side-stack .settings-account-card .settings-status:not(:empty){
  min-height:0;
  margin:13px 0 0;
}
.settings-side-stack .settings-account-card .settings-btn-row{
  margin-top:24px;
  padding-top:0;
}
@media(max-width:760px){
  .settings-side-stack>.settings-account-card>p{margin-bottom:20px!important}
  .settings-side-stack .settings-account-card .settings-form-grid{row-gap:14px}
  .settings-side-stack .settings-account-card .settings-btn-row{margin-top:20px}
}


/* module boundary */
.betv-update-popup{
  position:fixed;
  z-index:2147483000;
  right:max(22px,env(safe-area-inset-right));
  bottom:max(22px,env(safe-area-inset-bottom));
  width:min(390px,calc(100vw - 44px));
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:14px 14px 14px 18px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  background:rgba(25,25,28,.86);
  color:#fff;
  box-shadow:0 22px 65px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(28px) saturate(150%);
  backdrop-filter:blur(28px) saturate(150%);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;
  isolation:isolate;
  animation:betvUpdatePopupIn .42s cubic-bezier(.2,.86,.24,1) both;
}
.betv-update-popup[hidden]{display:none!important}
.betv-update-copy{min-width:0}
.betv-update-copy strong{
  display:block;
  margin:0 0 3px;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.01em;
}
.betv-update-copy span{
  display:block;
  color:rgba(255,255,255,.66);
  font-size:12px;
  line-height:1.35;
}
.betv-update-action{
  min-width:88px;
  height:38px;
  padding:0 15px;
  border:0;
  border-radius:12px;
  background:#0a84ff;
  color:#fff;
  font:700 13px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(10,132,255,.28),inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .18s ease,filter .18s ease,opacity .18s ease;
}
.betv-update-action:hover{filter:brightness(1.08);transform:translateY(-1px)}
.betv-update-action:active{transform:scale(.97)}
.betv-update-action:focus-visible{outline:3px solid rgba(84,171,255,.36);outline-offset:2px}
.betv-update-action:disabled{cursor:wait;opacity:.72;transform:none;filter:none}
@keyframes betvUpdatePopupIn{
  from{opacity:0;transform:translate3d(22px,14px,0) scale(.96)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@media(max-width:640px){
  .betv-update-popup{
    right:14px;
    bottom:max(14px,env(safe-area-inset-bottom));
    width:calc(100vw - 28px);
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    padding:12px 12px 12px 16px;
    border-radius:20px;
  }
  .betv-update-action{min-width:82px;padding:0 13px}
}
@media(max-width:390px){
  .betv-update-popup{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-left:14px}
  .betv-update-copy strong{font-size:13px}
  .betv-update-copy span{font-size:11px}
  .betv-update-action{min-width:76px;height:38px;padding:0 12px}
}
@media(prefers-reduced-motion:reduce){
  .betv-update-popup{animation:none}
  .betv-update-action{transition:none}
}


/* Ações do perfil: alinhamento óptico e botão de sair. */
.profile-page-logout{
  position:absolute;
  z-index:3;
  padding:0;
  border:1px solid rgba(255,69,58,.34);
  border-radius:50%;
  background:rgba(28,15,16,.88);
  color:#ff453a;
  display:grid;
  place-items:center;
  cursor:pointer;
  line-height:0;
  -webkit-appearance:none;
  appearance:none;
  box-shadow:0 12px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.profile-page-logout:hover{
  border-color:rgba(255,69,58,.62);
  background:rgba(75,22,24,.9);
}
.profile-page-logout:active{transform:scale(.96)}
.profile-page-logout:disabled{opacity:.55;cursor:wait}
.profile-page-logout svg{display:block;width:23px;height:23px;overflow:visible}
body.profile-page-active{
  --profile-action-size:56px;
  --profile-action-gap:16px;
  --profile-action-edge:24px;
  --profile-action-top:24px;
}
body.profile-page-active .home-notification-menu,
body.profile-page-active .profile-page-more,
body.profile-page-active .profile-page-logout{
  right:var(--profile-action-edge)!important;
  width:var(--profile-action-size)!important;
  height:var(--profile-action-size)!important;
  min-width:var(--profile-action-size)!important;
  min-height:var(--profile-action-size)!important;
  box-sizing:border-box!important;
  margin:0!important;
}
body.profile-page-active .home-notification-menu{top:var(--profile-action-top)!important}
body.profile-page-active .home-notification-menu .notification-button{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  margin:0!important;
}
body.profile-page-active .profile-page-more{
  top:calc(var(--profile-action-top) + var(--profile-action-size) + var(--profile-action-gap))!important;
  padding:0!important;
  line-height:0!important;
}
body.profile-page-active .profile-page-logout{
  top:calc(var(--profile-action-top) + var(--profile-action-size) + var(--profile-action-gap) + var(--profile-action-size) + var(--profile-action-gap))!important;
}
body.profile-page-active .notification-button svg,
body.profile-page-active .mobile-notification-button svg,
body.profile-page-active .profile-page-more svg,
body.profile-page-active .profile-page-logout svg{
  display:block;
  margin:auto;
}
body.profile-page-active .profile-page-more svg{width:22px!important;height:22px!important;transform:translateY(-.5px)}

@media(max-width:760px){
  body.profile-page-active{
    --profile-action-size:46px;
    --profile-action-gap:14px;
    --profile-action-edge:16px;
    --profile-action-top:calc(22px + env(safe-area-inset-top));
  }
  body.profile-page-active .mobile-header-actions{
    top:var(--profile-action-top)!important;
    right:var(--profile-action-edge)!important;
    width:var(--profile-action-size)!important;
    height:var(--profile-action-size)!important;
  }
  body.profile-page-active .mobile-notification-button{
    width:var(--profile-action-size)!important;
    height:var(--profile-action-size)!important;
    min-width:var(--profile-action-size)!important;
    min-height:var(--profile-action-size)!important;
    margin:0!important;
  }
  body.profile-page-active .profile-page-more,
  body.profile-page-active .profile-page-logout{
    right:var(--profile-action-edge)!important;
    width:var(--profile-action-size)!important;
    height:var(--profile-action-size)!important;
    min-width:var(--profile-action-size)!important;
    min-height:var(--profile-action-size)!important;
  }
  body.profile-page-active .profile-page-more{
    top:calc(var(--profile-action-top) + var(--profile-action-size) + var(--profile-action-gap))!important;
  }
  body.profile-page-active .profile-page-logout{
    top:calc(var(--profile-action-top) + var(--profile-action-size) + var(--profile-action-gap) + var(--profile-action-size) + var(--profile-action-gap))!important;
  }
  .profile-page-logout svg{width:21px;height:21px}
}

/* Atualização: páginas dedicadas de Filmes/Séries e seletores mais leves. */
body.section-catalog-active #dynamicSections.section-view-mode > .video-rail-section:not(.section-view-active),
body.section-catalog-active #dynamicSections.section-view-mode > .film-library-section:not(.section-view-active){
  display:none!important;
}

/* Evita blur e repinturas pesadas enquanto a galeria está aberta. */
.avatar-picker-backdrop,
.banner-picker-backdrop.avatar-picker-backdrop{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.avatar-picker-header,
.banner-picker-header.avatar-picker-header,
.avatar-picker-footer,
.banner-picker-footer.avatar-picker-footer,
.avatar-category,
.banner-group,
.avatar-rail-arrow{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.avatar-picker-modal,
.banner-picker-modal.avatar-picker-modal{
  contain:layout paint style;
}
.avatar-category,
.banner-group{
  content-visibility:auto;
  contain:layout paint style;
  contain-intrinsic-size:auto 260px;
}
.avatar-option,
.banner-option{
  contain:layout paint;
}
.avatar-option img,
.banner-option img{
  background:#111722;
}
.avatar-option img:not([src]),
.banner-option img:not([src]){
  opacity:0;
}
.avatar-option img[src],
.banner-option img[src]{
  opacity:1;
  transition:opacity .12s linear;
}

@media(max-width:760px){
  /* A página completa de uma seção nunca deixa Filmes/Séries irmãos visíveis. */
  body.section-catalog-active #dynamicSections.section-view-mode > .video-rail-section:not(.section-view-active),
  body.section-catalog-active #dynamicSections.section-view-mode > .film-library-section:not(.section-view-active){
    display:none!important;
  }

  /* Ao escolher avatar ou banner, mostra apenas a interface do seletor. */
  body.avatar-picker-active #mobileAppBar,
  body.avatar-picker-active .mobile-app-bar,
  body.avatar-picker-active .topbar-wrap,
  body.avatar-picker-active .mobile-drawer,
  body.avatar-picker-active .mobile-drawer-backdrop,
  body.avatar-picker-active .mobile-footer-support-cta,
  body.banner-picker-active #mobileAppBar,
  body.banner-picker-active .mobile-app-bar,
  body.banner-picker-active .topbar-wrap,
  body.banner-picker-active .mobile-drawer,
  body.banner-picker-active .mobile-drawer-backdrop,
  body.banner-picker-active .mobile-footer-support-cta{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.avatar-picker-active,
  body.banner-picker-active{
    overflow:hidden!important;
    background:#05070b!important;
  }
  body.avatar-picker-active .avatar-picker-backdrop,
  body.banner-picker-active .banner-picker-backdrop{
    z-index:20080!important;
    background:#05070b!important;
  }
  body.avatar-picker-active .avatar-picker-modal,
  body.banner-picker-active .banner-picker-modal{
    height:100dvh!important;
    max-height:100dvh!important;
    background:#05070b!important;
  }
  body.avatar-picker-active .avatar-picker-header,
  body.banner-picker-active .banner-picker-header{
    padding-top:max(20px,env(safe-area-inset-top))!important;
    background:#080c13!important;
    box-shadow:none!important;
  }
  body.avatar-picker-active .avatar-picker-body,
  body.banner-picker-active .banner-picker-body{
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .avatar-category,
  .banner-group{
    background:#10151d!important;
    box-shadow:none!important;
  }
  .avatar-option,
  .banner-option{
    box-shadow:none!important;
    transition:border-color .12s linear!important;
  }
  .avatar-option:hover,
  .banner-option:hover{
    transform:none!important;
  }
}

/* Atualização mobile: cabeçalho da seção sem recorte e navegação anterior real. */
@media(max-width:760px){
  body.section-catalog-active #dynamicSections.section-view-mode > .section-view-active{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    grid-auto-rows:auto!important;
    column-gap:12px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  body.section-catalog-active .section-view-active > .video-rail-title{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    min-height:46px!important;
    margin:0 0 18px!important;
    padding:0!important;
    align-self:center!important;
  }
  body.section-catalog-active .section-view-mobile-home{
    position:relative!important;
    inset:auto!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:start!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    margin:0 0 18px!important;
    overflow:visible!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  body.section-catalog-active .section-view-mobile-home svg{
    display:block!important;
    width:24px!important;
    height:24px!important;
    overflow:visible!important;
    flex:none!important;
  }
  body.section-catalog-active .section-view-active > .video-rail,
  body.section-catalog-active .section-view-active > .section-view-all-items,
  body.section-catalog-active .section-view-active > .video-rail-empty{
    grid-column:1 / -1!important;
  }
}

/* Atualização: exportação de dados, Markdown, busca e aviso de banimento. */
.settings-data-card .settings-export-button svg,
.settings-session-card .settings-button svg{
  width:19px;
  height:19px;
  flex:0 0 19px;
}
.settings-data-card .settings-btn-row{margin-top:18px}
.settings-data-card .settings-export-button{background:#18212b;border-color:rgba(111,174,255,.24)}
.settings-data-card .settings-export-button:hover{background:#202d3a;border-color:rgba(111,174,255,.42)}

.home-filter-empty.show{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
}
.home-filter-empty strong{display:block;color:#a5a5aa;font-weight:650}
.home-filter-empty span{display:block;color:#85858b;font-size:14px}
.home-filter-empty a{color:#5da6ff;text-decoration:none;font-weight:750}
.home-filter-empty a:hover{text-decoration:underline}

.be-markdown{line-height:1.58}
.be-markdown>:first-child{margin-top:0!important}
.be-markdown>:last-child{margin-bottom:0!important}
.be-markdown p{margin:0 0 .72em}
.be-markdown h1,.be-markdown h2,.be-markdown h3,.be-markdown h4{
  margin:.85em 0 .38em;
  color:inherit;
  font:800 1em/1.22 var(--font-display,var(--font-sans));
  letter-spacing:-.015em;
}
.be-markdown h1{font-size:1.28em}.be-markdown h2{font-size:1.18em}.be-markdown h3{font-size:1.1em}.be-markdown h4{font-size:1.02em}
.be-markdown ul,.be-markdown ol{margin:.45em 0 .8em;padding-left:1.35em}
.be-markdown li+li{margin-top:.25em}
.be-markdown blockquote{margin:.7em 0;padding:.1em 0 .1em .9em;border-left:3px solid rgba(92,160,255,.58);color:rgba(255,255,255,.72)}
.be-markdown code{padding:.14em .38em;border-radius:.42em;background:rgba(255,255,255,.09);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}
.be-markdown pre{overflow:auto;margin:.75em 0;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#080b10}
.be-markdown pre code{padding:0;background:none;white-space:pre}
.be-markdown a{color:#70adff;text-decoration:underline;text-underline-offset:2px}
.be-markdown hr{height:1px;margin:1em 0;border:0;background:rgba(255,255,255,.12)}
.be-markdown del{opacity:.68}
.f-desc.be-markdown{display:block}
.f-desc.be-markdown p{margin:0}
.notification-article-body.be-markdown{white-space:normal}

.ios-ban-toast{
  position:fixed;
  z-index:10120;
  left:50%;
  top:max(22px,env(safe-area-inset-top));
  bottom:auto;
  width:min(440px,calc(100% - 28px));
  min-height:72px;
  padding:13px 48px 13px 14px;
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(255,69,78,.32);
  border-radius:24px;
  background:rgba(31,24,27,.94);
  color:#fff;
  box-shadow:0 22px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(24px) saturate(135%);
  backdrop-filter:blur(24px) saturate(135%);
  opacity:0;
  transform:translate(-50%,-22px) scale(.98);
  transition:opacity .24s ease,transform .24s ease;
  pointer-events:none;
}
.ios-ban-toast[hidden]{display:none!important}
.ios-ban-toast.show{opacity:1;transform:translate(-50%,0) scale(1);pointer-events:auto}
.ios-ban-toast-icon{
  width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;
  border-radius:50%;background:#ff3b30;color:#fff;font:900 22px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
  box-shadow:0 8px 22px rgba(255,59,48,.25);
}
.ios-ban-toast-copy{min-width:0;display:grid;gap:5px}
.ios-ban-toast-copy strong{color:#ff6961;font:800 15px/1.15 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}
.ios-ban-toast-copy a{color:rgba(255,255,255,.82);font:600 12.5px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;text-decoration:none}
.ios-ban-toast-copy a:hover{text-decoration:underline}
.ios-ban-toast-close{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.07);color:rgba(255,255,255,.68);font-size:20px;cursor:pointer;
}
@media(max-width:640px){
  .settings-data-card .settings-export-button{width:100%}
  .home-filter-empty span{font-size:13px;line-height:1.45}
  .ios-ban-toast{top:max(16px,env(safe-area-inset-top));bottom:auto;border-radius:22px}
}


/* Configurações dedicadas — navegação inspirada nas páginas legais. */
body.settings-page-active{background:#050607!important;overflow:hidden!important}
body.settings-page-active > :not(#settingsPage):not(#avatarPicker):not(#bannerPicker):not(#settingsSaveConfirm):not(#settingsSaveToast):not(#accountBanToast):not(script):not(style){display:none!important}
body.settings-page-active > #settingsPage{display:block!important;width:100%;height:100dvh;min-height:100vh;overflow-y:auto!important;overflow-x:hidden!important;background:#050607!important;color:#f7f8fa;position:fixed!important;inset:0!important;z-index:500!important;padding:0!important}
#settingsPage[hidden]{display:none!important}
body.settings-page-active #settingsPage[hidden]{display:block!important}
body.settings-page-active .settings-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.settings-page-active .settings-header{height:104px;margin:0!important;padding:20px clamp(22px,5vw,72px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:5;background:rgba(5,6,7,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
body.settings-page-active .settings-header h1{margin:0!important;font:800 24px/1 var(--font-display)!important;letter-spacing:-.035em!important}
body.settings-page-active .settings-header p{margin:7px 0 0!important;color:rgba(255,255,255,.48)!important;font-size:13px!important}
body.settings-page-active .settings-close-page{width:58px!important;height:58px!important;flex:0 0 58px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;background:#111315!important;color:#fff!important;box-shadow:none!important}
body.settings-page-active .settings-close-page:hover{border-color:rgba(255,255,255,.3)!important;background:#171a1d!important}
body.settings-page-active #settingsPageBody{width:min(1260px,calc(100% - 40px))!important;margin:0 auto!important;padding:58px 0 96px!important}
.settings-legal-layout{display:grid;grid-template-columns:250px minmax(0,820px);justify-content:center;gap:72px;align-items:start}
.settings-page-nav{position:sticky;top:138px;align-self:start;display:flex;flex-direction:column;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#0b0d0f}
.settings-page-nav button{width:100%;min-height:46px;padding:13px 14px;border:0;border-radius:12px;background:transparent;color:rgba(255,255,255,.58);font:700 14px/1.2 var(--font-body);text-align:left;white-space:normal;cursor:pointer;box-shadow:none!important}
.settings-page-nav button:hover{color:#fff;background:rgba(255,255,255,.05)}
.settings-page-nav button.active{color:#111;background:#fff}
.settings-page-content{min-width:0}
.settings-section-panel{display:block;min-width:0}
.settings-section-panel[hidden]{display:none!important}
.settings-section-panel>h1{margin:20px 0 8px;font-size:clamp(38px,6vw,66px);line-height:.98;letter-spacing:-.05em;color:#fff}
.settings-panel-lead{margin:0 0 42px!important;color:rgba(255,255,255,.52)!important;font-size:15px!important;line-height:1.6!important}
.settings-panel-card{padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#0b0d0f;box-shadow:none}
.settings-panel-card .settings-banner-preview{margin:0 0 22px;min-height:170px;aspect-ratio:16/5.4}
.settings-panel-card .settings-avatar-row{margin-top:0;padding-top:2px}
.settings-panel-card .settings-form-grid{align-items:end}
.settings-panel-card .settings-btn-row{margin-top:22px}
.settings-panel-card .settings-status:empty{min-height:10px}
.settings-panel-card .settings-connection{padding:2px 0;align-items:center}
.settings-panel-card .settings-data-copy{margin:0!important;color:rgba(255,255,255,.66)!important;font-size:15px!important;line-height:1.7!important}
.settings-session-panel-card .settings-btn-row{margin-top:0}
.settings-export-button svg,#settingsLogoutAccount svg{width:19px;height:19px;flex:0 0 auto}
@media(max-width:820px){
  body.settings-page-active .settings-header{height:86px;padding:14px 20px!important}
  body.settings-page-active .settings-header h1{font-size:21px!important}
  body.settings-page-active .settings-header p{display:none!important}
  body.settings-page-active .settings-close-page{width:52px!important;height:52px!important;flex-basis:52px!important}
  body.settings-page-active #settingsPageBody{width:min(100% - 32px,760px)!important;padding:34px 0 72px!important}
  .settings-legal-layout{display:block}
  .settings-page-nav{position:static;display:flex;flex-direction:row;overflow-x:auto;gap:4px;margin-bottom:38px;border-radius:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .settings-page-nav::-webkit-scrollbar{display:none}
  .settings-page-nav button{width:auto;flex:0 0 auto;white-space:nowrap;text-align:center}
  .settings-section-panel>h1{font-size:clamp(38px,12vw,56px);margin-top:0}
  .settings-panel-lead{margin-bottom:30px!important}
  .settings-panel-card{padding:22px;border-radius:22px}
  .settings-panel-card .settings-banner-preview{min-height:125px}
}
@media(max-width:560px){
  body.settings-page-active #settingsPageBody{width:calc(100% - 24px)!important}
  .settings-panel-card{padding:18px}
  .settings-panel-card .settings-connection{align-items:flex-start;flex-direction:column;gap:18px}
  .settings-panel-card .settings-connection .settings-button{width:100%}
  .settings-panel-card .settings-btn-row{display:grid;grid-template-columns:1fr}
  .settings-panel-card .settings-button,.settings-panel-card .settings-danger{width:100%}
}


/* Atualização: suporte direto, apelação por e-mail e ícones opticamente centralizados. */
.support-contact{
  scroll-margin-top:clamp(92px,10vh,132px);
}

/* Todos os controles circulares usam a mesma caixa de alinhamento. */
.notification-button,
.mobile-notification-button,
.mobile-search-button,
.section-view-mobile-home,
.avatar-picker-close,
.banner-picker-close,
.settings-close-page,
.profile-close,
.notification-header-close,
.notification-page-close,
.mobile-drawer-close{
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:0!important;
  text-align:center!important;
}

.notification-button > svg,
.mobile-notification-button > svg,
.section-view-mobile-home > svg,
.avatar-picker-close > svg,
.banner-picker-close > svg,
.settings-close-page > svg,
.profile-close > svg,
.notification-header-close > svg,
.notification-page-close > svg,
.mobile-drawer-close > svg{
  display:block!important;
  margin:0!important;
  flex:0 0 auto!important;
  transform:none!important;
  transform-origin:center!important;
  overflow:visible!important;
  pointer-events:none!important;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mobile-search-button > span{
  display:grid!important;
  place-items:center!important;
  line-height:0!important;
}
.mobile-search-button > span > svg{
  display:block!important;
  margin:0!important;
  flex:none!important;
  transform-origin:center!important;
  overflow:visible!important;
}

/* Ajuste óptico do chevron: a área geométrica fica centrada dentro do círculo. */
.section-view-mobile-home > svg{
  translate:-1px 0;
}

.avatar-picker-close > svg,
.banner-picker-close > svg,
.settings-close-page > svg,
.profile-close > svg,
.notification-header-close > svg,
.notification-page-close > svg,
.mobile-drawer-close > svg{
  width:20px!important;
  height:20px!important;
}

@media(max-width:760px){
  body.section-catalog-active .section-view-mobile-home{
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  body.section-catalog-active .section-view-mobile-home > svg{
    width:23px!important;
    height:23px!important;
  }
  .avatar-picker-close,
  .banner-picker-close{
    display:grid!important;
    place-items:center!important;
  }
}


/* Suporte aberto a partir da busca: restaura a barra compacta antes de exibir a página. */
body.support-page-active .home-topbar{
  width:max-content!important;
}
body.support-page-active .home-nav-leading{
  max-width:none!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
body.support-page-active .home-topbar.search-open .home-nav-leading{
  max-width:none!important;
  opacity:1!important;
  transform:none!important;
}

/* Perfil mobile 2.118: banner compacto, avatar sobreposto, ações e conteúdos salvos. */
.profile-page-home{
  position:absolute;
  top:24px;
  left:24px;
  z-index:4;
  width:56px;
  height:56px;
  min-width:56px;
  min-height:56px;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(17,19,20,.82);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 12px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
  -webkit-appearance:none;
  appearance:none;
}
.profile-page-home:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}
.profile-page-home:active{transform:scale(.96)}
.profile-page-home svg{display:block;width:23px;height:23px;margin:auto}
@media(min-width:761px){
  body.profile-page-active .profile-page-home{display:none!important}
}
.profile-saved-section{
  position:relative;
  z-index:3;
  width:100%;
  padding:34px clamp(22px,4vw,60px) 70px;
  background:#090a0c;
}
.profile-saved-section[hidden]{display:none!important}
.profile-saved-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 20px;
}
.profile-saved-heading h2{
  margin:0;
  color:#fff;
  font:800 clamp(25px,3vw,34px)/1 var(--font-display);
  letter-spacing:-.035em;
}
.profile-saved-heading span{color:rgba(255,255,255,.48);font-size:13px;font-weight:700}
.profile-saved-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:22px 16px;
}
.profile-saved-card{
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  gap:10px;
  -webkit-appearance:none;
  appearance:none;
}
.profile-saved-thumb{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:2px solid #191d26;
  border-radius:13px;
  background:#11141a;
  box-shadow:0 13px 28px rgba(0,0,0,.18);
}
.profile-saved-thumb img,.profile-saved-placeholder{display:block;width:100%;height:100%;object-fit:cover}
.profile-saved-placeholder{background:linear-gradient(135deg,#161b25,#090b10)}
.profile-saved-play{
  position:absolute;
  left:50%;
  top:50%;
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  color:#fff;
  background:rgba(0,0,0,.62);
  border:1px solid rgba(255,255,255,.22);
  opacity:0;
  transition:opacity .2s ease,transform .2s ease;
}
.profile-saved-play svg{width:18px;height:18px;transform:translateX(1px)}
.profile-saved-card:hover .profile-saved-thumb{border-color:#33415e}
.profile-saved-card:hover .profile-saved-play{opacity:1;transform:translate(-50%,-50%) scale(1.04)}
.profile-saved-copy{display:flex;min-width:0;flex-direction:column;gap:4px;padding:0 2px}
.profile-saved-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;color:#fff}
.profile-saved-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.5);font-size:11px}
.profile-saved-empty{
  grid-column:1/-1;
  min-height:190px;
  padding:28px;
  border:1px dashed rgba(255,255,255,.13);
  border-radius:20px;
  background:rgba(255,255,255,.025);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:8px;
  color:rgba(255,255,255,.55);
}
.profile-saved-empty svg{width:34px;height:34px;margin-bottom:4px;color:rgba(255,255,255,.38)}
.profile-saved-empty strong{color:#fff;font-size:15px}
.profile-saved-empty span{max-width:340px;font-size:12px;line-height:1.5}
@media(max-width:1180px){.profile-saved-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.profile-saved-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:760px){
  body.profile-page-active{
    --profile-mobile-action-size:46px;
    --profile-mobile-action-gap:9px;
    --profile-mobile-action-edge:14px;
    --profile-mobile-action-top:calc(16px + env(safe-area-inset-top));
    background:#090909!important;
  }
  body.profile-page-active .profile-page-shell{
    min-height:100svh!important;
    overflow:hidden!important;
    background:#090909!important;
  }
  body.profile-page-active .profile-page-hero{
    min-height:510px!important;
    height:auto!important;
    overflow:visible!important;
    border-radius:0!important;
    background:#090909!important;
  }
  body.profile-page-active .profile-page-hero.has-profile-banner{background-image:none!important}
  body.profile-page-active .profile-page-banner,
  body.profile-page-active .profile-page-banner-fallback{
    position:absolute!important;
    inset:0 0 auto!important;
    width:100%!important;
    height:330px!important;
    min-height:330px!important;
  }
  body.profile-page-active .profile-page-banner img,
  body.profile-page-active .profile-page-banner-fallback{
    filter:brightness(.64) saturate(.88)!important;
    object-position:center 28%!important;
  }
  body.profile-page-active .profile-page-hero::after{
    inset:0 0 auto!important;
    width:100%!important;
    height:330px!important;
    background:linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.16) 48%,rgba(9,9,9,.7) 78%,#090909 100%)!important;
    pointer-events:none;
  }
  body.profile-page-active .profile-page-info{
    position:absolute!important;
    inset:258px 0 auto!important;
    width:100%!important;
    padding:0 18px 24px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    text-align:center!important;
  }
  body.profile-page-active .profile-page-avatar{
    width:146px!important;
    height:146px!important;
    min-width:146px!important;
    min-height:146px!important;
    border:6px solid #090909!important;
    border-radius:50%!important;
    background:#0c0d10!important;
    box-shadow:0 18px 44px rgba(0,0,0,.48)!important;
  }
  body.profile-page-active .profile-page-avatar svg{padding:30px!important}
  body.profile-page-active .profile-page-copy{
    width:100%!important;
    padding:0!important;
    align-items:center!important;
    gap:5px!important;
  }
  body.profile-page-active .profile-page-name-row{justify-content:center!important;gap:8px!important}
  body.profile-page-active .profile-page-name{font-size:30px!important;line-height:1.02!important;letter-spacing:-.035em!important}
  body.profile-page-active .profile-page-handle{font-size:17px!important;line-height:1.2!important;color:rgba(255,255,255,.62)!important}
  body.profile-page-active .profile-page-home,
  body.profile-page-active .profile-page-more,
  body.profile-page-active .profile-page-logout,
  body.profile-page-active .mobile-notification-button{
    width:var(--profile-mobile-action-size)!important;
    height:var(--profile-mobile-action-size)!important;
    min-width:var(--profile-mobile-action-size)!important;
    min-height:var(--profile-mobile-action-size)!important;
    top:var(--profile-mobile-action-top)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:rgba(25,25,26,.78)!important;
    color:#fff!important;
    box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
    -webkit-backdrop-filter:blur(4px)!important;
    backdrop-filter:blur(4px)!important;
  }
  body.profile-page-active .profile-page-home{
    display:grid!important;
    position:absolute!important;
    left:var(--profile-mobile-action-edge)!important;
    right:auto!important;
  }
  body.profile-page-active .mobile-app-bar{
    position:absolute!important;
    inset:0 0 auto!important;
    height:0!important;
    padding:0!important;
    pointer-events:none!important;
    background:transparent!important;
  }
  body.profile-page-active .mobile-header-actions{
    position:absolute!important;
    top:var(--profile-mobile-action-top)!important;
    right:calc(var(--profile-mobile-action-edge) + var(--profile-mobile-action-size) + var(--profile-mobile-action-gap) + var(--profile-mobile-action-size) + var(--profile-mobile-action-gap))!important;
    width:var(--profile-mobile-action-size)!important;
    height:var(--profile-mobile-action-size)!important;
    margin:0!important;
    display:block!important;
    pointer-events:auto!important;
    z-index:10021!important;
  }
  body.profile-page-active .mobile-notification-button{display:grid!important;margin:0!important}
  body.profile-page-active .profile-page-more{
    right:calc(var(--profile-mobile-action-edge) + var(--profile-mobile-action-size) + var(--profile-mobile-action-gap))!important;
    left:auto!important;
  }
  body.profile-page-active .profile-page-logout{
    right:var(--profile-mobile-action-edge)!important;
    left:auto!important;
  }
  body.profile-page-active .home-notification-menu{display:none!important}
  body.profile-page-active .profile-page-home svg,
  body.profile-page-active .profile-page-more svg,
  body.profile-page-active .profile-page-logout svg,
  body.profile-page-active .mobile-notification-button svg{width:21px!important;height:21px!important;margin:auto!important}
  body.profile-page-active .profile-saved-section{
    padding:16px 16px max(58px,env(safe-area-inset-bottom))!important;
    background:#090909!important;
  }
  body.profile-page-active .profile-saved-heading{margin-bottom:16px!important}
  body.profile-page-active .profile-saved-heading h2{font-size:25px!important}
  body.profile-page-active .profile-saved-heading span{font-size:11px!important}
  body.profile-page-active .profile-saved-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 12px!important;
  }
  body.profile-page-active .profile-saved-card{gap:8px!important}
  body.profile-page-active .profile-saved-thumb{border-width:2px!important;border-radius:11px!important}
  body.profile-page-active .profile-saved-play{width:34px;height:34px;opacity:1;background:rgba(0,0,0,.48)}
  body.profile-page-active .profile-saved-copy strong{font-size:12px!important}
  body.profile-page-active .profile-saved-copy small{font-size:10px!important}
  body.profile-page-active .profile-saved-empty{min-height:170px!important;padding:24px 18px!important;border-radius:17px!important}
  body.profile-page-active .mobile-notification-popover{top:calc(var(--profile-mobile-action-top) + var(--profile-mobile-action-size) + 10px)!important}
}

@media(max-width:380px){
  body.profile-page-active{
    --profile-mobile-action-size:43px;
    --profile-mobile-action-gap:7px;
    --profile-mobile-action-edge:10px;
  }
  body.profile-page-active .profile-page-banner,
  body.profile-page-active .profile-page-banner-fallback,
  body.profile-page-active .profile-page-hero::after{height:310px!important;min-height:310px!important}
  body.profile-page-active .profile-page-info{inset:242px 0 auto!important}
  body.profile-page-active .profile-page-avatar{width:134px!important;height:134px!important;min-width:134px!important;min-height:134px!important}
  body.profile-page-active .profile-page-hero{min-height:485px!important}
}

/* v1.1.0 — refinamento visual das configurações públicas. */
@media (min-width: 1024px){
  /* Mantém o menu de abas à esquerda e o conteúdo amplo como no layout de referência. */
  body.settings-page-active #settingsPageBody{
    width:min(1504px,calc(100% - 80px))!important;
  }
  .settings-legal-layout{
    grid-template-columns:312px minmax(0,1fr)!important;
    gap:90px!important;
    justify-content:stretch!important;
  }

  /* No Perfil, as ações ficam alinhadas ao cabeçalho somente no desktop. */
  .settings-profile-panel{
    position:relative;
  }
  .settings-profile-panel > .settings-panel-lead{
    max-width:620px;
  }
  .settings-profile-panel .settings-profile-actions{
    position:absolute;
    top:27px;
    right:0;
    z-index:2;
    margin:0!important;
    padding:0!important;
    flex-wrap:nowrap;
  }
}

/* Conta e sessão: ações sem cartão/contorno externo. */
.settings-session-panel .settings-session-actions{
  margin-top:0;
}
.settings-session-panel .settings-session-status{
  margin-top:14px;
}

@media (max-width: 1023px){
  /* Fora do desktop amplo, os botões continuam abaixo das prévias. */
  .settings-profile-panel .settings-profile-actions{
    position:static;
  }
}

/* Atalho de privacidade ao lado da exportação de dados. */
.settings-data-actions{
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  margin-top:22px;
}
.settings-data-actions .settings-export-button{
  flex:0 0 auto;
}
.settings-data-privacy-note{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  color:rgba(255,255,255,.62);
  font-size:13px;
  line-height:1.45;
}
.settings-data-privacy-button{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  padding:10px 15px;
  border:1px solid #0a84ff;
  border-radius:999px;
  background:#0a84ff;
  color:#fff!important;
  font:700 13px/1 var(--font-body);
  text-decoration:none!important;
  box-shadow:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.settings-data-privacy-button:hover{
  background:#0077ed;
  border-color:#0077ed;
  transform:translateY(-1px);
}
.settings-data-privacy-button:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
}

@media(max-width:720px){
  .settings-data-actions{
    align-items:stretch;
    flex-direction:column;
    gap:16px;
  }
  .settings-data-actions .settings-export-button{
    width:100%;
  }
  .settings-data-privacy-note{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  .settings-data-privacy-button{
    width:100%;
  }
}

/* Perfil mobile: mantém o sino na mesma linha dos demais controles do cabeçalho. */
@media(max-width:760px){
  body.profile-page-active .mobile-header-actions > .mobile-notification-button{
    position:relative!important;
    inset:auto!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    vertical-align:top!important;
  }
}


/* Transparência da autenticação para evitar confusão com páginas oficiais. */
.login-trust-note{
  width:min(520px,100%);
  margin:0 auto;
  color:rgba(238,243,251,.62);
  font-size:11.5px;
  line-height:1.55;
  text-align:center;
}
.login-trust-note a{color:#8ebcff;text-decoration:none;font-weight:700}
.login-trust-note a:hover{text-decoration:underline}
@media(max-width:520px){
  .login-trust-note{padding:0 10px;font-size:10.5px}
}