/* Tsukiro 3.6.48 — launch-ready auth studio: responsive desktop/mobile, raised tabs, readable form feedback. */
body[data-page="profile"]:has(#authGuest:not(.hidden)){
  min-height:100svh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:
    radial-gradient(circle at 10% 8%,rgba(235,75,153,.11),transparent 32%),
    radial-gradient(circle at 91% 90%,rgba(110,68,180,.10),transparent 31%),
    #08080d!important;
}
body[data-page="profile"]:has(#authGuest:not(.hidden)) .profile-page{
  width:100%!important;
  max-width:1440px!important;
  height:auto!important;
  min-height:100svh!important;
  display:grid!important;
  place-items:center!important;
  padding:24px clamp(18px,3vw,40px)!important;
}
body[data-page="profile"] #authGuest.auth-studio:not(.hidden){
  width:min(1320px,100%)!important;
  max-width:none!important;
  height:auto!important;
  min-height:clamp(660px,calc(100svh - 48px),850px)!important;
  margin:0!important;
  grid-template-columns:minmax(390px,.9fr) minmax(520px,1.1fr)!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:30px!important;
  background:#0b0a10!important;
  box-shadow:0 42px 130px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body[data-page="profile"] #authGuest.auth-studio:not(.hidden)::before{
  left:5%!important;right:5%!important;
  background:linear-gradient(90deg,transparent,rgba(236,91,162,.75),rgba(167,90,209,.46),transparent)!important;
  opacity:.7!important;
}
body[data-page="profile"] #authGuest .auth-studio-visual{
  min-height:660px!important;
  border-right:1px solid rgba(255,255,255,.065)!important;
  background:
    radial-gradient(circle at 23% 18%,rgba(226,75,148,.15),transparent 34%),
    radial-gradient(circle at 84% 78%,rgba(117,70,183,.13),transparent 37%),
    linear-gradient(150deg,#15111a 0%,#0b0a10 72%)!important;
}
body[data-page="profile"] #authGuest .auth-v355-intro{
  justify-content:center!important;
  padding:clamp(42px,5vw,78px)!important;
}
body[data-page="profile"] #authGuest .auth-v355-intro h1{
  max-width:560px!important;
  margin:22px 0 20px!important;
  font-size:clamp(54px,5.3vw,84px)!important;
  line-height:.94!important;
  letter-spacing:-.065em!important;
  text-wrap:balance;
}
body[data-page="profile"] #authGuest .auth-v355-intro>p{
  max-width:500px!important;
  font-size:14px!important;
  line-height:1.7!important;
  color:#aaa4b0!important;
}
body[data-page="profile"] #authGuest .auth-v355-benefits{gap:12px!important;margin-top:36px!important}
body[data-page="profile"] #authGuest .auth-v355-benefits article{
  min-height:78px!important;
  padding:14px 16px!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  border-radius:18px!important;
  background:linear-gradient(115deg,rgba(255,255,255,.045),rgba(255,255,255,.016))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body[data-page="profile"] #authGuest .auth-v355-benefits article>b{
  width:44px!important;height:44px!important;border-radius:13px!important;
  background:linear-gradient(145deg,rgba(219,67,141,.18),rgba(117,67,169,.13))!important;
  color:#ef85bb!important;font-size:11px!important;
}
body[data-page="profile"] #authGuest .auth-v355-benefits strong{font-size:13px!important}
body[data-page="profile"] #authGuest .auth-v355-benefits span{font-size:10px!important;line-height:1.55!important}
body[data-page="profile"] #authGuest .auth-v355-live{margin-top:30px!important;font-size:10px!important}

body[data-page="profile"] #authGuest .auth-studio-panel{
  min-height:660px!important;
  justify-content:center!important;
  overflow:visible!important;
  padding:clamp(34px,4vw,62px) clamp(34px,4.8vw,76px)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(114,72,182,.075),transparent 29%),
    linear-gradient(155deg,#111017 0%,#0b0a10 76%)!important;
}
body[data-page="profile"] #authGuest .auth-v355-panel-top{margin-bottom:14px!important}
body[data-page="profile"] #authGuest .auth-studio-brand{
  display:inline-flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;color:#fff!important;
}
body[data-page="profile"] #authGuest .auth-studio-brand img{
  width:48px!important;height:48px!important;padding:8px!important;border:1px solid rgba(255,255,255,.09)!important;
  border-radius:15px!important;background:linear-gradient(145deg,#1c1521,#111017)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 10px 24px rgba(0,0,0,.24)!important;
}
body[data-page="profile"] #authGuest .auth-studio-brand strong{font-size:24px!important;letter-spacing:-.03em!important}
body[data-page="profile"] #authGuest .auth-v355-home{font-size:10px!important;color:#89828f!important}
body[data-page="profile"] #authGuest .auth-studio-heading{margin:20px 0 18px!important}
body[data-page="profile"] #authGuest .auth-studio-heading .eyebrow{font-size:9px!important;letter-spacing:.18em!important;color:#ea77ad!important}
body[data-page="profile"] #authGuest .auth-studio-heading h2{margin:7px 0 7px!important;font-size:clamp(31px,3vw,43px)!important;line-height:1.05!important}
body[data-page="profile"] #authGuest .auth-studio-heading p{margin:0!important;font-size:12px!important;line-height:1.6!important;color:#8f8995!important}

/* Raised/3D login-register switch. */
body[data-page="profile"] #authGuest .auth-tabs{
  position:relative!important;
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;
  min-height:64px!important;margin:2px 0 18px!important;padding:6px!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:19px!important;
  background:linear-gradient(180deg,#111019 0%,#0a0a0f 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),inset 0 -8px 18px rgba(0,0,0,.22),0 10px 26px rgba(0,0,0,.24)!important;
  perspective:800px!important;
}
body[data-page="profile"] #authGuest .auth-tab{
  min-width:0!important;height:50px!important;padding:0 16px!important;
  border:1px solid transparent!important;border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008))!important;
  color:#aaa4b0!important;font-size:12px!important;font-weight:900!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  transform:translateY(0)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important;
}
body[data-page="profile"] #authGuest .auth-tab:hover{color:#fff!important;transform:translateY(-1px)!important}
body[data-page="profile"] #authGuest .auth-tab.active{
  color:#fff!important;
  border-color:rgba(237,99,168,.48)!important;
  background:linear-gradient(135deg,#8a254e 0%,#ba3c76 48%,#6e3a9b 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.22),0 9px 22px rgba(164,43,104,.24),0 0 0 1px rgba(255,113,177,.08)!important;
  transform:translateY(-1px)!important;
}

body[data-page="profile"] #authGuest .auth-social-stack{display:grid!important;gap:10px!important;margin:0 0 10px!important}
body[data-page="profile"] #authGuest .auth-google-button,
body[data-page="profile"] #authGuest .telegram-auth-button{
  width:100%!important;min-height:66px!important;padding:10px 14px!important;
  display:grid!important;grid-template-columns:44px minmax(0,1fr) 24px!important;gap:13px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.095)!important;border-radius:17px!important;
  background:linear-gradient(110deg,rgba(255,255,255,.035),rgba(255,255,255,.016))!important;
  color:#fff!important;text-align:left!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.18)!important;
  cursor:pointer!important;transition:.16s ease!important;
}
body[data-page="profile"] #authGuest .auth-google-button:hover,
body[data-page="profile"] #authGuest .telegram-auth-button:hover{
  border-color:rgba(255,255,255,.15)!important;background:linear-gradient(110deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  transform:translateY(-1px)!important;
}
body[data-page="profile"] #authGuest .auth-google-button[disabled]{opacity:.52!important;cursor:not-allowed!important;transform:none!important}
body[data-page="profile"] #authGuest .auth-google-mark,
body[data-page="profile"] #authGuest .telegram-auth-logo{
  width:44px!important;height:44px!important;display:grid!important;place-items:center!important;flex:none!important;
  border-radius:13px!important;border:1px solid rgba(255,255,255,.08)!important;
  font-size:18px!important;font-weight:950!important;
}
body[data-page="profile"] #authGuest .auth-google-mark{
  background:linear-gradient(145deg,#fff,#dcdde2)!important;color:#22242a!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
}
body[data-page="profile"] #authGuest .telegram-auth-logo{background:linear-gradient(145deg,#2da8e7,#158bd0)!important;color:#fff!important}
body[data-page="profile"] #authGuest .auth-provider-copy,
body[data-page="profile"] #authGuest .telegram-auth-button>span:nth-child(2){min-width:0!important;display:block!important}
body[data-page="profile"] #authGuest .auth-provider-copy b,
body[data-page="profile"] #authGuest .telegram-auth-button b{display:block!important;font-size:12px!important;line-height:1.25!important}
body[data-page="profile"] #authGuest .auth-provider-copy small,
body[data-page="profile"] #authGuest .telegram-auth-button small{display:block!important;margin-top:4px!important;font-size:9px!important;color:#807b87!important;white-space:normal!important}
body[data-page="profile"] #authGuest .auth-provider-arrow{width:20px!important;height:20px!important;color:#86c9ff!important;justify-self:end!important}

body[data-page="profile"] #authGuest .telegram-auth-box{margin:0 0 10px!important}
body[data-page="profile"] #authGuest .telegram-auth-divider{
  display:flex!important;align-items:center!important;gap:15px!important;margin:11px 0 15px!important;color:#6f6975!important;font-size:9px!important;text-transform:none!important;
}
body[data-page="profile"] #authGuest .telegram-auth-divider::before,
body[data-page="profile"] #authGuest .telegram-auth-divider::after{content:""!important;display:block!important;flex:1!important;height:1px!important;background:rgba(255,255,255,.065)!important}
body[data-page="profile"] #authGuest .telegram-auth-divider span{white-space:nowrap!important}

body[data-page="profile"] #authGuest .auth-card{gap:14px!important;overflow:visible!important}
body[data-page="profile"] #authGuest .auth-card>label,
body[data-page="profile"] #authGuest .auth-forgot-panel label{
  display:grid!important;gap:8px!important;min-width:0!important;overflow:visible!important;
  color:#ded9e2!important;font-size:11px!important;font-weight:850!important;
}
body[data-page="profile"] #authGuest .auth-card>label>span,
body[data-page="profile"] #authGuest .auth-forgot-panel label>span{
  display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;
  overflow:visible!important;clip:auto!important;white-space:normal!important;color:#ded9e2!important;font-size:11px!important;line-height:1.25!important;
}
body[data-page="profile"] #authGuest .auth-input{
  position:relative!important;height:58px!important;min-height:58px!important;border-radius:16px!important;
  border:1px solid rgba(255,255,255,.105)!important;background:linear-gradient(180deg,#0d0d14,#0a0a10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;overflow:hidden!important;
}
body[data-page="profile"] #authGuest .auth-input:focus-within{
  border-color:rgba(231,92,157,.42)!important;box-shadow:0 0 0 3px rgba(220,71,145,.065),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
body[data-page="profile"] #authGuest .auth-field-icon{
  position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;
  width:20px!important;height:20px!important;color:#8d8995!important;z-index:2!important;pointer-events:none!important;
}
body[data-page="profile"] #authGuest .auth-field-icon svg{width:100%!important;height:100%!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body[data-page="profile"] #authGuest .auth-input input{
  width:100%!important;height:100%!important;min-width:0!important;padding:0 54px 0 50px!important;
  border:0!important;background:transparent!important;color:#fff!important;font-size:14px!important;line-height:1!important;
}
body[data-page="profile"] #authGuest .auth-input:has(.auth-password-toggle) input{padding-right:96px!important}
body[data-page="profile"] #authGuest .auth-input input::placeholder{color:#625e6a!important;opacity:1!important}
body[data-page="profile"] #authGuest .auth-password-toggle{
  right:8px!important;top:50%!important;transform:translateY(-50%)!important;height:40px!important;padding:0 12px!important;
  border:0!important;border-radius:11px!important;background:rgba(255,255,255,.045)!important;color:#96909d!important;font-size:9px!important;
}
body[data-page="profile"] #authGuest .auth-password-toggle:hover{background:rgba(255,255,255,.075)!important;color:#fff!important}
body[data-page="profile"] #authGuest .auth-submit{
  min-height:58px!important;height:auto!important;margin-top:2px!important;padding:14px 18px!important;border-radius:16px!important;
  font-size:12px!important;font-weight:950!important;
  background:linear-gradient(105deg,#ef3e8d 0%,#d84d99 50%,#8b51d7 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 13px 30px rgba(177,49,116,.22)!important;
}
body[data-page="profile"] #authGuest .auth-submit:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important}
body[data-page="profile"] #authGuest .auth-submit:disabled{opacity:.58!important;filter:saturate(.6)!important;cursor:wait!important;transform:none!important}
body[data-page="profile"] #authGuest .auth-forgot-link{
  min-height:28px!important;padding:4px 8px!important;margin:0 auto!important;color:#d99ac1!important;font-size:10px!important;background:transparent!important;border:0!important;
}
body[data-page="profile"] #authGuest .field-hint{display:block!important;margin:2px 0 0!important;color:#716b77!important;font-size:9px!important;line-height:1.55!important;white-space:normal!important}

/* Feedback is a real card now, never clipped below the submit button. */
body[data-page="profile"] #authGuest .auth-message{
  min-height:0!important;height:auto!important;max-height:none!important;margin:2px 0 0!important;padding:0!important;
  overflow:visible!important;white-space:normal!important;word-break:break-word!important;
  color:#aaa4b0!important;font-size:10px!important;line-height:1.55!important;
}
body[data-page="profile"] #authGuest .auth-message:not(:empty){
  display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:start!important;gap:12px!important;
  padding:13px 14px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:15px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body[data-page="profile"] #authGuest .auth-message:not(:empty)::before{
  content:"i"!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;margin:0!important;
  border-radius:12px!important;background:rgba(111,91,124,.16)!important;color:#c8bbc9!important;font-size:12px!important;font-weight:950!important;
  box-shadow:none!important;
}
body[data-page="profile"] #authGuest .auth-message.success:not(:empty){border-color:rgba(47,205,144,.18)!important;background:linear-gradient(120deg,rgba(33,154,111,.08),rgba(255,255,255,.018))!important;color:#d7e7df!important}
body[data-page="profile"] #authGuest .auth-message.success:not(:empty)::before{content:"✓"!important;background:rgba(30,182,124,.13)!important;color:#50dfa8!important}
body[data-page="profile"] #authGuest .auth-message.error:not(:empty){border-color:rgba(255,95,123,.18)!important;background:linear-gradient(120deg,rgba(181,50,77,.09),rgba(255,255,255,.018))!important;color:#e3c7ce!important}
body[data-page="profile"] #authGuest .auth-message.error:not(:empty)::before{content:"!"!important;background:rgba(223,68,96,.14)!important;color:#ff829a!important}
body[data-page="profile"] #authGuest .auth-studio-foot{
  display:flex!important;align-items:center!important;gap:16px!important;min-height:42px!important;margin-top:18px!important;padding-top:16px!important;
  border-top:1px solid rgba(255,255,255,.06)!important;font-size:9px!important;
}

/* Short desktop screens scroll the page instead of clipping status cards. */
@media (max-height:760px) and (min-width:761px){
  body[data-page="profile"]:has(#authGuest:not(.hidden)) .profile-page{place-items:start center!important;padding-block:16px!important}
  body[data-page="profile"] #authGuest.auth-studio:not(.hidden){min-height:720px!important}
  body[data-page="profile"] #authGuest .auth-studio-panel{justify-content:flex-start!important;padding-block:28px!important}
  body[data-page="profile"] #authGuest .auth-v355-intro{justify-content:flex-start!important;padding-block:48px!important}
}

@media (max-width:900px){
  body[data-page="profile"] #authGuest.auth-studio:not(.hidden){grid-template-columns:minmax(300px,.72fr) minmax(460px,1.28fr)!important}
  body[data-page="profile"] #authGuest .auth-v355-intro{padding:36px!important}
  body[data-page="profile"] #authGuest .auth-v355-intro h1{font-size:52px!important}
  body[data-page="profile"] #authGuest .auth-studio-panel{padding-inline:34px!important}
}

@media (max-width:760px){
  body[data-page="profile"]:has(#authGuest:not(.hidden)) .profile-page{
    display:block!important;min-height:100svh!important;padding:0!important;background:#09090e!important;
  }
  body[data-page="profile"] #authGuest.auth-studio:not(.hidden){
    width:100%!important;min-height:100svh!important;height:auto!important;display:block!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;background:#0b0a10!important;
  }
  body[data-page="profile"] #authGuest.auth-studio:not(.hidden)::before{display:none!important}
  body[data-page="profile"] #authGuest .auth-studio-visual{display:none!important}
  body[data-page="profile"] #authGuest .auth-studio-panel{
    width:100%!important;min-height:100svh!important;height:auto!important;display:block!important;overflow:visible!important;
    padding:max(22px,env(safe-area-inset-top)) 18px max(28px,env(safe-area-inset-bottom))!important;
    background:radial-gradient(circle at 82% 2%,rgba(116,72,181,.09),transparent 31%),linear-gradient(160deg,#111017,#0a0a0f 74%)!important;
  }
  body[data-page="profile"] #authGuest .auth-v355-panel-top{margin-bottom:28px!important}
  body[data-page="profile"] #authGuest .auth-studio-brand img{width:46px!important;height:46px!important}
  body[data-page="profile"] #authGuest .auth-studio-brand strong{font-size:23px!important}
  body[data-page="profile"] #authGuest .auth-v355-home{font-size:9px!important}
  body[data-page="profile"] #authGuest .auth-studio-heading{margin:0 0 18px!important}
  body[data-page="profile"] #authGuest .auth-studio-heading h2{font-size:clamp(30px,9vw,39px)!important}
  body[data-page="profile"] #authGuest .auth-studio-heading p{font-size:12px!important}
  body[data-page="profile"] #authGuest .auth-tabs{min-height:62px!important;margin-bottom:18px!important;border-radius:18px!important}
  body[data-page="profile"] #authGuest .auth-tab{height:48px!important;font-size:12px!important}
  body[data-page="profile"] #authGuest .auth-google-button,
  body[data-page="profile"] #authGuest .telegram-auth-button{min-height:64px!important;border-radius:16px!important}
  body[data-page="profile"] #authGuest .auth-input{height:58px!important;min-height:58px!important}
  body[data-page="profile"] #authGuest .auth-input input{font-size:16px!important} /* iOS: no focus zoom */
  body[data-page="profile"] #authGuest .auth-submit{min-height:58px!important;font-size:13px!important}
  body[data-page="profile"] #authGuest .auth-message:not(:empty){grid-template-columns:36px minmax(0,1fr)!important;padding:13px!important}
  body[data-page="profile"] #authGuest .auth-studio-foot{flex-wrap:wrap!important;gap:10px 16px!important;margin-top:22px!important}
  body[data-page="profile"] #authGuest .auth-studio-foot span{flex-basis:100%!important;margin-right:0!important}
}

@media (max-width:390px){
  body[data-page="profile"] #authGuest .auth-studio-panel{padding-inline:14px!important}
  body[data-page="profile"] #authGuest .auth-v355-home{display:none!important}
  body[data-page="profile"] #authGuest .auth-tabs{gap:5px!important;padding:5px!important}
  body[data-page="profile"] #authGuest .auth-tab{padding-inline:8px!important;font-size:11px!important}
  body[data-page="profile"] #authGuest .auth-provider-copy b,
  body[data-page="profile"] #authGuest .telegram-auth-button b{font-size:11px!important}
  body[data-page="profile"] #authGuest .auth-provider-copy small,
  body[data-page="profile"] #authGuest .telegram-auth-button small{font-size:8.5px!important}
  body[data-page="profile"] #authGuest .auth-input input{padding-left:46px!important}
}

@media (prefers-reduced-motion:reduce){
  body[data-page="profile"] #authGuest .auth-tab,
  body[data-page="profile"] #authGuest .auth-google-button,
  body[data-page="profile"] #authGuest .telegram-auth-button,
  body[data-page="profile"] #authGuest .auth-submit{transition:none!important;transform:none!important}
}