/* Tsukiro 3.5.5 — compact one-screen authentication and strict state isolation. */
body[data-page="profile"] #authGuest.hidden,
body[data-page="profile"] #authUser.hidden,
body[data-page="profile"] #profileLookupState.hidden,
body[data-page="profile"] .profile-tab-panel.hidden,
body[data-page="profile"] #authGuest .auth-card.hidden,
body[data-page="profile"] #authGuest .auth-forgot-panel.hidden,
body[data-page="profile"] #authGuest .telegram-auth-state.hidden {
  display:none!important;
}

body[data-page="profile"] #authUser:not(.hidden) {
  display:grid!important;
  gap:15px;
}

body[data-page="profile"] #authUser:not(.hidden) .profile-tabs {
  top:84px!important;
  scroll-margin-top:100px;
}

body[data-page="profile"] #authUser:not(.hidden) .profile-tab-panel {
  scroll-margin-top:150px;
}

body[data-page="profile"]:has(#authGuest:not(.hidden)) {
  min-height:100svh;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,77,164,.12),transparent 31%),
    radial-gradient(circle at 90% 86%,rgba(133,88,255,.12),transparent 30%),
    #08080c!important;
}

body[data-page="profile"]:has(#authGuest:not(.hidden)) .navbar,
body[data-page="profile"]:has(#authGuest:not(.hidden)) .mobile-drawer,
body[data-page="profile"]:has(#authGuest:not(.hidden)) .drawer-backdrop,
body[data-page="profile"]:has(#authGuest:not(.hidden)) .footer,
body[data-page="profile"]:has(#authGuest:not(.hidden)) .back-to-top {
  display:none!important;
}

body[data-page="profile"]:has(#authGuest:not(.hidden)) .profile-page {
  width:100%!important;
  max-width:1280px!important;
  height:100svh;
  min-height:0!important;
  display:grid;
  place-items:center;
  padding:16px 24px!important;
}

body[data-page="profile"] #authGuest.auth-studio:not(.hidden) {
  position:relative!important;
  width:100%!important;
  max-width:1180px!important;
  height:min(760px,calc(100svh - 32px));
  min-height:610px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(360px,.82fr) minmax(470px,1.18fr)!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:30px!important;
  background:#0b0a0f!important;
  box-shadow:0 38px 120px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.06)!important;
  isolation:isolate;
}

body[data-page="profile"] #authGuest.auth-studio:not(.hidden)::before {
  content:"";
  position:absolute;
  z-index:10;
  top:0;
  left:8%;
  right:8%;
  height:1px;
  background:linear-gradient(90deg,transparent,#ff5ca8,#9d63ff,transparent);
  opacity:.82;
  pointer-events:none;
}

body[data-page="profile"] #authGuest .auth-studio-visual {
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  display:block!important;
  overflow:hidden!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
  background:
    radial-gradient(circle at 24% 18%,rgba(255,92,168,.17),transparent 34%),
    radial-gradient(circle at 86% 75%,rgba(126,84,255,.18),transparent 35%),
    linear-gradient(145deg,#15121c,#0a0a0f 72%)!important;
}

body[data-page="profile"] #authGuest .auth-studio-visual::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(140deg,#000,transparent 86%);
  pointer-events:none;
}

body[data-page="profile"] #authGuest .auth-studio-visual::after {
  content:"";
  position:absolute;
  right:-160px;
  bottom:-210px;
  width:430px;
  height:430px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:50%;
  box-shadow:0 0 0 62px rgba(255,255,255,.012),0 0 0 124px rgba(255,255,255,.007);
  pointer-events:none;
}

body[data-page="profile"] #authGuest .auth-v355-intro {
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(34px,5vw,64px);
}

body[data-page="profile"] #authGuest .auth-v355-kicker {
  display:flex;
  align-items:center;
  gap:9px;
  color:#f083bc;
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

body[data-page="profile"] #authGuest .auth-v355-kicker::before {
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ff5ca8;
  box-shadow:0 0 16px rgba(255,92,168,.72);
}

body[data-page="profile"] #authGuest .auth-v355-intro h1 {
  max-width:520px;
  margin:18px 0 16px;
  font-size:clamp(48px,5vw,72px);
  line-height:.92;
  letter-spacing:-.065em;
}

body[data-page="profile"] #authGuest .auth-v355-intro>p {
  max-width:500px;
  margin:0;
  color:#9a94a1;
  font-size:13px;
  line-height:1.65;
}

body[data-page="profile"] #authGuest .auth-v355-benefits {
  display:grid;
  gap:9px;
  margin-top:30px;
}

body[data-page="profile"] #authGuest .auth-v355-benefits article {
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:13px;
  align-items:center;
  min-height:66px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:15px;
  background:linear-gradient(105deg,rgba(255,255,255,.04),rgba(255,255,255,.018));
}

body[data-page="profile"] #authGuest .auth-v355-benefits article>b {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:11px;
  background:linear-gradient(135deg,rgba(255,92,168,.14),rgba(157,99,255,.12));
  color:#e98cbc;
  font-size:9px;
}

body[data-page="profile"] #authGuest .auth-v355-benefits strong,
body[data-page="profile"] #authGuest .auth-v355-benefits span {
  display:block;
}

body[data-page="profile"] #authGuest .auth-v355-benefits strong { font-size:12px; }
body[data-page="profile"] #authGuest .auth-v355-benefits span { margin-top:4px;color:#77717d;font-size:9px;line-height:1.4; }

body[data-page="profile"] #authGuest .auth-v355-live {
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:24px;
  color:#77717d;
  font-size:9px;
  font-weight:750;
}

body[data-page="profile"] #authGuest .auth-v355-live i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#58dfa7;
  box-shadow:0 0 13px rgba(88,223,167,.55);
}

body[data-page="profile"] #authGuest .auth-studio-panel {
  position:relative!important;
  z-index:4;
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow-y:auto;
  padding:28px clamp(34px,4vw,58px)!important;
  border:0!important;
  background:radial-gradient(circle at 100% 0,rgba(157,99,255,.09),transparent 30%),linear-gradient(155deg,#121018,#0b0a0f 72%)!important;
  scrollbar-width:none;
}

body[data-page="profile"] #authGuest .auth-studio-panel::-webkit-scrollbar { display:none; }

body[data-page="profile"] #authGuest .auth-v355-panel-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

body[data-page="profile"] #authGuest .auth-studio-brand img {
  width:42px!important;
  height:42px!important;
  padding:7px!important;
  border-radius:13px!important;
}

body[data-page="profile"] #authGuest .auth-studio-brand strong { font-size:21px!important; }

body[data-page="profile"] #authGuest .auth-v355-home {
  color:#817b88;
  font-size:10px;
  font-weight:800;
  text-decoration:none;
}

body[data-page="profile"] #authGuest .auth-v355-home:hover { color:#fff; }

body[data-page="profile"] #authGuest .auth-studio-heading { margin:20px 0 14px!important; }
body[data-page="profile"] #authGuest .auth-studio-heading h2 { margin:6px 0 5px!important;font-size:clamp(27px,2.5vw,36px)!important; }
body[data-page="profile"] #authGuest .auth-studio-heading p { font-size:11px!important; }
body[data-page="profile"] #authGuest .auth-tabs { margin-bottom:12px!important;padding:4px!important; }
body[data-page="profile"] #authGuest .auth-tab { height:39px!important; }
body[data-page="profile"] #authGuest .telegram-auth-box { margin:10px 0 7px!important; }
body[data-page="profile"] #authGuest .telegram-auth-button { min-height:55px!important;padding:8px 12px!important; }
body[data-page="profile"] #authGuest .telegram-auth-logo { width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important;font-size:19px!important; }
body[data-page="profile"] #authGuest .telegram-auth-button b { font-size:12px!important; }
body[data-page="profile"] #authGuest .telegram-auth-button small { font-size:9px!important; }
body[data-page="profile"] #authGuest .telegram-auth-divider { margin:7px 0 10px!important;font-size:8px!important; }
body[data-page="profile"] #authGuest .auth-card { gap:10px!important; }
body[data-page="profile"] #authGuest .auth-card label { gap:5px!important;font-size:10px!important; }
body[data-page="profile"] #authGuest .auth-input { height:45px!important;border-radius:12px!important; }
body[data-page="profile"] #authGuest .auth-submit { height:45px!important;margin-top:2px!important;border-radius:12px!important; }
body[data-page="profile"] #authGuest .auth-forgot-link { min-height:18px;font-size:9px!important; }
body[data-page="profile"] #authGuest .field-hint { font-size:8px!important;line-height:1.35!important; }
body[data-page="profile"] #authGuest .auth-studio-foot { margin-top:14px!important;padding-top:12px!important; }

body[data-page="profile"] #authGuest input:autofill,
body[data-page="profile"] #authGuest input:-webkit-autofill,
body[data-page="profile"] #authGuest input:-webkit-autofill:hover,
body[data-page="profile"] #authGuest input:-webkit-autofill:focus {
  -webkit-text-fill-color:#fff!important;
  -webkit-box-shadow:0 0 0 1000px #111019 inset!important;
  box-shadow:0 0 0 1000px #111019 inset!important;
  caret-color:#fff!important;
  transition:background-color 9999s ease-out 0s!important;
}

@media (max-width:900px) {
  body[data-page="profile"] #authGuest.auth-studio:not(.hidden) {
    grid-template-columns:minmax(300px,.72fr) minmax(430px,1.28fr)!important;
  }
  body[data-page="profile"] #authGuest .auth-v355-intro { padding:32px; }
  body[data-page="profile"] #authGuest .auth-v355-intro h1 { font-size:48px; }
  body[data-page="profile"] #authGuest .auth-v355-intro>p { font-size:11px; }
}

@media (max-width:760px) {
  body[data-page="profile"]:has(#authGuest:not(.hidden)) { overflow:auto; }
  body[data-page="profile"]:has(#authGuest:not(.hidden)) .profile-page {
    min-height:100svh!important;
    height:auto;
    padding:12px!important;
  }
  body[data-page="profile"] #authGuest.auth-studio:not(.hidden) {
    height:auto;
    min-height:calc(100svh - 24px)!important;
    grid-template-columns:1fr!important;
    border-radius:23px!important;
  }
  body[data-page="profile"] #authGuest .auth-studio-visual { display:none!important; }
  body[data-page="profile"] #authGuest .auth-studio-panel {
    min-height:calc(100svh - 24px)!important;
    overflow:visible;
    padding:24px clamp(18px,6vw,34px)!important;
  }
  body[data-page="profile"] #authGuest .auth-studio-heading { margin-top:22px!important; }
  body[data-page="profile"] #authGuest .auth-studio-foot { flex-wrap:wrap; }
  body[data-page="profile"] #authGuest .auth-studio-foot span { flex-basis:100%;margin-right:0; }
}

@media (max-height:720px) and (min-width:761px) {
  body[data-page="profile"] #authGuest.auth-studio:not(.hidden) { min-height:0!important;height:calc(100svh - 20px); }
  body[data-page="profile"]:has(#authGuest:not(.hidden)) .profile-page { padding:10px 20px!important; }
  body[data-page="profile"] #authGuest .auth-v355-intro h1 { margin-block:12px;font-size:50px; }
  body[data-page="profile"] #authGuest .auth-v355-benefits { margin-top:20px;gap:7px; }
  body[data-page="profile"] #authGuest .auth-v355-benefits article { min-height:56px;padding-block:7px; }
  body[data-page="profile"] #authGuest .auth-v355-live { margin-top:16px; }
  body[data-page="profile"] #authGuest .auth-studio-panel { justify-content:flex-start!important;padding-block:18px!important; }
  body[data-page="profile"] #authGuest .auth-studio-heading { margin-block:12px 9px!important; }
  body[data-page="profile"] #authGuest .auth-studio-foot { margin-top:9px!important;padding-top:9px!important; }
}

@media (prefers-reduced-motion:reduce) {
  body[data-page="profile"] #authGuest * { scroll-behavior:auto!important;transition:none!important;animation:none!important; }
}