/* ========================================================================== */
/* Vyral V7.0.11 — live feed / mobile layout / account switcher / creations   */
/* ========================================================================== */

/* Restore one-live-per-screen scrolling after older stability CSS disabled it. */
#feed.feed.v631-live-feed{
  height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scroll-snap-type:y mandatory!important;
  scroll-behavior:smooth!important;
  scroll-padding:0!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch;
  overflow-anchor:none!important;
}
#feed.feed.v631-live-feed>.v631-live-card,
#feed.feed.v631-live-feed>.v631-feed-loading,
#feed.feed.v631-live-feed>.v631-feed-empty{
  width:100%!important;
  height:100dvh!important;
  min-height:100dvh!important;
  flex:0 0 100dvh!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
  overflow-anchor:none!important;
}

/* Mobile header: reserve physical space for the floating Vyral logo. */
@media(max-width:760px){
  .logo-row{left:12px!important;top:calc(9px + var(--top-safe))!important;z-index:92!important}
  .logo-mark{width:42px!important;height:42px!important;border-radius:15px!important;font-size:18px!important}
  .top-tabs{
    height:66px!important;
    padding:0 12px 8px 72px!important;
    gap:17px!important;
    z-index:82!important;
    align-items:flex-end!important;
  }
  .feed-tab{font-size:15px!important;line-height:1.1!important}
}

/* Larger, easier live actions. */
.v631-live-actions{
  right:12px!important;
  bottom:max(88px,calc(env(safe-area-inset-bottom) + 82px))!important;
  gap:8px!important;
}
.v631-live-actions button.v705-live-action{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  background:rgba(2,4,8,.24)!important;
  box-shadow:0 7px 24px rgba(0,0,0,.24)!important;
  transition:transform .16s ease,color .16s ease,background .16s ease!important;
}
.v631-live-actions button.v705-live-action:active{transform:scale(.88)!important}
.v631-live-actions button.v705-live-action svg{width:28px!important;height:28px!important;stroke-width:2.35!important}
.v631-live-actions button.v705-live-action .v705-action-meta{font-size:9px!important;max-width:56px!important;margin-top:1px!important}
.v631-live-actions button.v705-live-action.v711-action-bounce{animation:v711ActionBounce .48s cubic-bezier(.2,.9,.28,1.35)}
@keyframes v711ActionBounce{0%{transform:scale(1)}35%{transform:scale(.76)}68%{transform:scale(1.2)}100%{transform:scale(1)}}

/* More visible like burst without covering the live. */
.v705-heart-pop{
  right:34px!important;
  bottom:420px!important;
  font-size:38px!important;
  animation:v711HeartRise 1.05s cubic-bezier(.2,.75,.2,1) forwards!important;
}
.v711-heart-spark{
  position:absolute;z-index:32;right:28px;bottom:415px;pointer-events:none;
  font-size:18px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.45));
  animation:v711HeartSpark .9s ease-out forwards;
}
@keyframes v711HeartRise{0%{opacity:0;transform:translateY(12px) scale(.45) rotate(-9deg)}18%{opacity:1;transform:translateY(0) scale(1.2) rotate(5deg)}100%{opacity:0;transform:translate(-22px,-145px) scale(1.5) rotate(-6deg)}}
@keyframes v711HeartSpark{0%{opacity:0;transform:translate(0,0) scale(.4)}20%{opacity:1}100%{opacity:0;transform:translate(var(--dx,20px),var(--dy,-90px)) scale(1.15)}}

/* Keep identity and buttons above the mobile nav with no collisions. */
.v631-live-info{
  left:16px!important;
  right:86px!important;
  bottom:max(80px,calc(env(safe-area-inset-bottom) + 76px))!important;
  z-index:13!important;
}
.v631-live-topbar{z-index:14!important;padding-right:0!important}
.v705-sound-control{margin-left:auto!important;flex:0 0 38px!important;width:38px!important;height:38px!important}
.v711-live-more{
  flex:0 0 38px;width:38px;height:38px;border:0;border-radius:50%;
  background:rgba(0,0,0,.26);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  color:#fff;display:grid;place-items:center;box-shadow:0 5px 17px rgba(0,0,0,.23)
}
.v711-live-more svg{width:20px!important;height:20px!important}

@media(max-width:760px){
  .v631-live-topbar{top:calc(70px + var(--top-safe))!important;left:10px!important;right:10px!important}
  .v631-live-actions{right:8px!important;bottom:max(86px,calc(env(safe-area-inset-bottom) + 80px))!important;gap:6px!important}
  .v631-live-actions button.v705-live-action{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important}
  .v631-live-actions button.v705-live-action svg{width:26px!important;height:26px!important}
  .v631-live-info{left:12px!important;right:76px!important;bottom:max(76px,calc(env(safe-area-inset-bottom) + 72px))!important}
}
@media(max-height:690px) and (max-width:760px){
  .v631-live-actions{gap:4px!important;bottom:max(75px,calc(env(safe-area-inset-bottom) + 70px))!important}
  .v631-live-actions button.v705-live-action{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}
  .v631-live-actions button.v705-live-action svg{width:23px!important;height:23px!important}
  .v631-live-info{bottom:max(66px,calc(env(safe-area-inset-bottom) + 62px))!important}
  .v705-heart-pop{bottom:365px!important}
}

/* Live options / reporting bottom sheet. */
.v711-live-menu-backdrop{
  position:fixed;inset:0;z-index:12050;background:rgba(0,0,0,.58);backdrop-filter:blur(10px);
  display:flex;align-items:flex-end;justify-content:center;padding:18px max(12px,env(safe-area-inset-right)) max(18px,calc(env(safe-area-inset-bottom) + 10px));
}
.v711-live-menu{
  width:min(520px,100%);max-height:min(82dvh,720px);overflow:auto;border:1px solid rgba(255,255,255,.12);
  border-radius:28px;background:linear-gradient(145deg,rgba(255,45,103,.055),rgba(24,217,255,.035),#0d1017 46%);
  box-shadow:0 28px 100px rgba(0,0,0,.7);padding:14px;
}
.v711-live-menu-head{display:flex;align-items:center;gap:12px;padding:6px 4px 14px}
.v711-live-menu-head>div{min-width:0;flex:1}.v711-live-menu-head h3{margin:3px 0 0;font-size:23px}.v711-live-menu-head p{margin:4px 0 0;color:#8f98a9;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v711-live-menu-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#171b24;color:#fff;font-size:23px}
.v711-live-menu-list{display:grid;gap:7px}
.v711-live-option{width:100%;min-height:56px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#131720;color:#fff;padding:0 14px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:900}
.v711-live-option:hover{background:#1a1f2b}.v711-live-option.danger{color:#ff7897}.v711-live-option svg{width:22px;height:22px}.v711-live-option span:last-child{margin-left:auto;color:#6f7788;font-size:10px}
.v711-report-form{display:grid;gap:11px}.v711-report-form select,.v711-report-form textarea{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#131720;color:#fff;padding:12px;outline:0}.v711-report-form textarea{min-height:110px;resize:vertical}.v711-report-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* Profile Reposts / Saved library. */
.v711-profile-library{margin:18px 0;padding:18px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:#0f121a;display:grid;gap:13px}
.v711-profile-library-head{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.v711-profile-library-head h3{margin:4px 0 0;font-size:24px}.v711-profile-library-tabs{margin-left:auto;display:flex;gap:6px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#0b0e14}
.v711-profile-library-tabs button{min-height:36px;border:0;border-radius:11px;background:transparent;color:#858e9e;padding:0 12px;font-weight:900}.v711-profile-library-tabs button.active{background:#fff;color:#080a0f}
.v711-profile-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:9px}
.v711-library-card{min-height:132px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:radial-gradient(circle at 85% 0,rgba(24,217,255,.1),transparent 50%),#121620;color:#fff;text-align:left;padding:15px;display:grid;align-content:space-between;gap:14px}
.v711-library-card-top{display:flex;align-items:center;gap:8px}.v711-library-status{font-size:9px;font-weight:1000;letter-spacing:.09em;padding:5px 7px;border-radius:999px;background:#252b38;color:#aeb7c8}.v711-library-status.live{background:#ff2d67;color:#fff}.v711-library-card h4{font-size:16px;margin:0}.v711-library-card p{margin:5px 0 0;color:#8790a1;font-size:10px}.v711-library-empty{padding:30px 16px;border:1px dashed rgba(255,255,255,.11);border-radius:18px;text-align:center;color:#8790a2}

/* Your creations page. */
.v711-creations-shell{max-width:1060px;margin:0 auto;padding:4px 0 44px;display:grid;gap:18px}
.v711-creations-hero{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:radial-gradient(circle at 85% 10%,rgba(24,217,255,.11),transparent 29rem),radial-gradient(circle at 8% 90%,rgba(255,45,103,.12),transparent 27rem),#0e1118;display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}
.v711-creations-hero>div:first-child{flex:1;min-width:min(460px,100%)}.v711-creations-hero h1{font-size:clamp(37px,7vw,66px);line-height:.92;letter-spacing:-.07em;margin:9px 0 12px}.v711-creations-hero p{max-width:720px;color:#919aab;line-height:1.55}.v711-disabled-publish{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);color:#9ea6b6;font-size:10px;font-weight:900}
.v711-creation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.v711-creation-card{border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#10141c;overflow:hidden;display:grid}.v711-creation-thumb{height:150px;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,rgba(255,45,103,.34),transparent 38%),radial-gradient(circle at 75% 70%,rgba(24,217,255,.27),transparent 40%),#07090e;font-size:40px;font-weight:1000}.v711-creation-body{padding:16px;display:grid;gap:10px}.v711-creation-body h3{margin:0;font-size:18px}.v711-creation-body p{margin:0;color:#848d9d;font-size:10px}.v711-creation-actions{display:flex;gap:7px;flex-wrap:wrap}.v711-creation-actions button{flex:1;min-width:110px}
.v711-profile-creations-btn{white-space:nowrap}

/* Account switcher: cleaner hierarchy and mobile-safe controls. */
.v631-account-switch-card{width:min(760px,100%)!important;padding:24px!important;border-radius:30px!important;overflow-x:hidden!important}
.v631-account-switch-card>header{align-items:flex-start!important}.v631-account-switch-card>header h2{font-size:34px!important;letter-spacing:-.04em!important}.v631-account-list{gap:10px!important}
.v631-account-list article{grid-template-columns:58px minmax(0,1fr) auto 38px!important;padding:14px!important;border-radius:21px!important;transition:transform .14s ease,border-color .14s ease,background .14s ease}
.v631-account-list article:hover{transform:translateY(-1px);border-color:rgba(24,217,255,.28)!important;background:#151a24!important}.v631-account-list article.v711-current-account{border-color:rgba(52,230,161,.35)!important;box-shadow:inset 3px 0 #34e6a1}
.v631-account-avatar{width:58px!important;height:58px!important;border-radius:19px!important;font-size:19px}
.v631-account-avatar{position:relative!important;isolation:isolate}.v713-account-avatar-fallback{position:absolute;inset:0;z-index:0;display:grid;place-items:center;font-size:19px;font-weight:1000;color:#fff;background:linear-gradient(135deg,#ff4f86,#3ad9ff)}.v631-account-avatar img{position:absolute!important;inset:0!important;z-index:1!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#111}.v631-account-avatar img.v713-avatar-broken{display:none!important}.v631-account-list article>div b{font-size:14px}.v631-account-list article>div span{font-size:10px!important;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v711-current-chip{display:inline-flex!important;width:max-content!important;margin-top:4px;padding:3px 6px;border-radius:999px;background:rgba(52,230,161,.12);color:#64e9ad!important;font-size:8px!important;font-weight:1000!important;letter-spacing:.06em}.v631-remove-account{width:38px;height:38px;border-radius:12px!important;background:rgba(255,255,255,.045)!important}.v631-account-switch-card>footer{padding-top:2px!important}
@media(max-width:640px){
  .v631-overlay{padding:8px!important;align-items:flex-end!important}
  .v631-account-switch-card{max-height:calc(94dvh - env(safe-area-inset-bottom))!important;border-radius:28px 28px 12px 12px!important;padding:18px!important}
  .v631-account-list article{grid-template-columns:50px minmax(0,1fr) 42px!important;gap:9px!important}.v631-account-avatar{width:50px!important;height:50px!important;border-radius:17px!important}.v631-account-list article>.v7-btn{grid-column:1/-1!important;width:100%!important}.v631-remove-account{grid-column:3!important;grid-row:1!important}.v631-account-switch-card>footer .v7-btn{flex:1 1 180px}
  .v711-profile-library-head{align-items:flex-start}.v711-profile-library-tabs{margin-left:0;width:100%}.v711-profile-library-tabs button{flex:1}.v711-profile-library-grid{grid-template-columns:1fr}.v711-creations-hero{padding:19px}.v711-creation-grid{grid-template-columns:1fr}
}

/* Simplified three-step signup. */
.v711-auth-step-intro{margin-bottom:14px}.v711-auth-step-intro h2{font-size:clamp(29px,5vw,42px);letter-spacing:-.055em;margin:6px 0}.v711-auth-step-intro p{color:#8e97a8;line-height:1.5;margin:0}.v711-auth-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v711-auth-note{padding:13px;border:1px solid rgba(24,217,255,.16);border-radius:16px;background:rgba(24,217,255,.055);color:#9edce8;font-size:11px;line-height:1.5}.v711-auth-checks{display:grid;gap:9px}.v711-auth-check{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:#12151e;color:#dce1ea;line-height:1.45}.v711-auth-check input{margin-top:3px;accent-color:#ff2d67}.v711-auth-check a{color:#25ddff;font-weight:900}.v711-auth-progress{grid-template-columns:repeat(3,1fr)!important}.v711-auth-actions{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:15px}.v711-auth-actions .primary{min-width:180px}
@media(max-width:600px){.v711-auth-two{grid-template-columns:1fr}.v711-auth-actions{grid-template-columns:1fr 1.4fr}}


/* V7.0.12 — date-of-birth 15+ age gate */
.v712-age-verified{cursor:default!important}.v712-age-check{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#153c31;color:#67e0b4;font-weight:900;flex:none}.v712-age-lock{max-width:620px}.v712-age-lock-icon{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;margin-bottom:18px;font-size:34px;font-weight:950;background:linear-gradient(145deg,#ff315f22,#ff315f10);border:1px solid #ff496a66;color:#ff5c79;box-shadow:0 18px 55px #ff315f15}.v712-age-lock h2{font-size:clamp(30px,5vw,50px);letter-spacing:-.045em;margin:10px 0}.v712-age-lock>p{font-size:15px;line-height:1.6;color:#b7bdc9}.v712-age-lock-card{display:grid;gap:7px;margin-top:22px;padding:18px;border:1px solid #4a3440;border-radius:20px;background:#1a1117}.v712-age-lock-card b{font-size:14px;color:#fff}.v712-age-lock-card span{color:#c9aeb8;line-height:1.5}.v712-age-lock-small{font-size:12px!important;color:#777f8d!important;margin-top:14px}.v712-age-lock-shell .v7-auth-tabs{display:none!important}


.v713-creation-publisher{display:flex;align-items:center;gap:7px;margin-top:7px;color:#aeb7c8!important;font-size:10px!important}.v713-creation-publisher b{color:#fff}.v713-system-chip{display:inline-flex;align-items:center;gap:5px;width:max-content;padding:4px 7px;border-radius:999px;background:rgba(24,217,255,.09);border:1px solid rgba(24,217,255,.18);color:#62e7ff;font-size:8px;font-weight:1000;letter-spacing:.06em}.v713-creation-thumb-studio{font-size:20px!important;letter-spacing:.08em;background:radial-gradient(circle at 30% 25%,rgba(255,132,45,.42),transparent 36%),radial-gradient(circle at 76% 75%,rgba(79,129,255,.30),transparent 38%),#080a0f!important}.v713-creation-url{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#68def1!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* V7.0.14 — Your creations reliability */
.v714-creations-count{padding:0 4px;color:#7f8999;font-size:10px;font-weight:800;letter-spacing:.02em}
.v711-creation-actions .v7-btn.danger{border-color:rgba(255,77,107,.22);color:#ff8ca2;background:rgba(255,77,107,.06)}
.v711-creation-actions .v7-btn.danger:hover{background:rgba(255,77,107,.12)}