:root {
  color-scheme: dark;
  --page: #03070d;
  --sidebar: #080e1b;
  --muted: #91a0b5;
  --blue: #1389f5;
  --line: rgba(173, 194, 220, .11);
  --panel: linear-gradient(180deg, rgba(31, 33, 37, .83), rgba(14, 17, 22, .92));
}

* { box-sizing: border-box; }
html, body { min-width: 320px; min-height: 100%; margin: 0; }
body {
  background:
    radial-gradient(ellipse 610px 440px at 57% 13%, rgba(14, 82, 152, .28), transparent 72%),
    radial-gradient(ellipse 650px 500px at 71% 20%, rgba(6, 39, 81, .14), transparent 75%),
    var(--page);
  color: #f4f7fb;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
button, input { font: inherit; }
button { color: inherit; }
.app-shell { min-height: 100vh; }

.sidebar {
  width: 268px;
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 5;
  background: linear-gradient(180deg, rgba(8, 14, 27, .99), rgba(7, 12, 23, .99));
  border-right: 1px solid rgba(118, 145, 177, .12);
  padding: 0 18px;
}
.icon-button {
  display: grid;
  place-items: center;
  border: 1px solid rgba(174, 193, 219, .08);
  background: rgba(22, 29, 39, .78);
  color: #c5d0df;
  cursor: pointer;
}
.icon-button svg, .nav-item svg, .username-input svg, .quantity-adjust svg, .payment-option svg {
  width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;
}
.sidebar-back { position: absolute; top: 7px; left: 7px; width: 32px; height: 32px; border-radius: 50%; }
.sidebar-back svg { width: 17px; height: 17px; }
.brand {
  height: 137px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 25px 8px 0;
  border-bottom: 1px solid var(--line);
}
.brand-mark { width: 46px; height: 46px; flex: 0 0 46px; filter: drop-shadow(0 0 9px rgba(17, 129, 255, .55)); }
.brand-mark svg { display: block; width: 100%; height: 100%; }
.brand-copy { display: flex; flex-direction: column; gap: 5px; white-space: nowrap; }
.brand-copy strong { font-size: 17px; line-height: 1; font-weight: 800; letter-spacing: -.4px; }
.brand-copy span { font-size: 12px; color: #8ea0b8; font-weight: 650; }
.side-nav { padding-top: 22px; }
.nav-item {
  height: 48px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 14px;
  margin-bottom: 4px;
  color: #a9b6c8;
  text-decoration: none;
  font-size: 14px;
  font-weight: 650;
  border-radius: 14px;
  border: 1px solid transparent;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.nav-item svg { width: 21px; height: 21px; color: #9aacc1; stroke-width: 2; flex: 0 0 auto; }
.nav-item:hover { background: rgba(255,255,255,.045); color: #fff; }
.nav-item.active {
  color: #fff;
  background: linear-gradient(180deg, #248df4 0%, #0964ce 100%);
  border-color: rgba(121, 190, 255, .44);
  box-shadow: 0 4px 14px rgba(0, 104, 222, .32), inset 0 1px rgba(255,255,255,.18);
}
.nav-item.active svg { color: #f4fbff; }
.nav-divider { height: 1px; background: var(--line); margin: 17px 8px 17px; }
.balance-card {
  position: absolute;
  left: 18px; right: 18px; bottom: 18px;
  min-height: 126px;
  padding: 16px 16px 14px;
  border: 1px solid rgba(164, 181, 204, .12);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(26, 30, 39, .94), rgba(15, 19, 27, .98));
  box-shadow: inset 0 1px rgba(255,255,255,.025);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.eyebrow { color: #78b2df; font-size: 11px; letter-spacing: 1.8px; font-weight: 800; }
.balance-card strong { font-size: 20px; letter-spacing: -.25px; margin-top: 8px; }
.top-up {
  height: 33px; min-width: 100px; padding: 0 12px; margin-top: 10px;
  border: 1px solid rgba(123, 195, 255, .38); border-radius: 19px;
  background: linear-gradient(180deg, #2d9bff, #0871dc);
  color: #fff; font-size: 12px; font-weight: 750; cursor: pointer;
  box-shadow: inset 0 1px rgba(255,255,255,.2);
}
.top-up span { font-size: 14px; }

.main-area { min-height: 100vh; margin-left: 268px; }
.main-content { width: min(1322px, calc(100% - 80px)); margin: 0 auto; padding-top: 77px; }
.page-back { width: 41px; height: 41px; border-radius: 50%; background: linear-gradient(145deg, #1b2027, #0d1118); border-color: rgba(180,195,214,.12); box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.page-back svg { width: 22px; height: 22px; stroke-width: 2.2; }
h1 { margin: 16px 0 8px; font-size: 21px; line-height: 1.25; font-weight: 750; letter-spacing: -.55px; }
.title-star { color: #2c9ce9; font-size: 20px; margin-left: 3px; vertical-align: 1px; }
.mode-switch {
  height: 49px; display: grid; grid-template-columns: 1fr 1fr; padding: 4px;
  border: 1px solid rgba(151, 171, 197, .12); border-radius: 26px;
  background: linear-gradient(110deg, rgba(29, 39, 51, .97), rgba(22, 23, 26, .97));
  box-shadow: inset 0 1px 3px rgba(255,255,255,.025);
}
.mode-option { border: 0; border-radius: 23px; background: transparent; color: #a1aab6; font-weight: 750; cursor: pointer; }
.mode-option.selected { background: #2075bd; color: #fff; box-shadow: inset 0 1px rgba(255,255,255,.12); }

.purchase-layout { display: grid; grid-template-columns: 400px minmax(0, 1fr); gap: 27px; margin-top: 5px; }
.recipient-heading { height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 0 2px; }
.recipient-heading .eyebrow { font-size: 10px; letter-spacing: 1.7px; }
.self-pill { border: 1px solid rgba(255,255,255,.035); border-radius: 18px; padding: 5px 12px; color: #e5e9ef; background: linear-gradient(180deg, #252a31, #171c22); font-size: 12px; line-height: 1.4; font-weight: 750; cursor: pointer; }
.username-input {
  height: 57px; width: 100%; padding: 0 16px; display: flex; align-items: center; gap: 11px;
  border: 1px solid rgba(171, 188, 210, .11); border-radius: 20px;
  background: var(--panel); box-shadow: inset 0 1px rgba(255,255,255,.025), 0 7px 14px rgba(0,0,0,.12);
}
.username-input svg { width: 20px; height: 20px; color: #91a4b6; stroke-width: 2.4; flex: 0 0 auto; }
.username-input input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #e9f2fb; font-size: 14px; font-weight: 500; }
.username-input input::placeholder { color: #8191a5; opacity: 1; }
.star-stage { height: 214px; margin-top: 3px; position: relative; display: flex; justify-content: center; align-items: center; isolation: isolate; }
.orbit { position: absolute; left: 50%; top: 51%; border: 1px solid rgba(103, 138, 174, .17); transform: translate(-50%, -50%) rotate(-7deg); pointer-events: none; }
.orbit-one { width: 344px; height: 103px; border-radius: 50%; }
.orbit-two { width: 377px; height: 146px; border-radius: 50%; transform: translate(-50%, -50%) rotate(13deg); border-color: rgba(74, 108, 146, .075); }
.orbit-dots { width: 305px; height: 104px; border: 1px dashed rgba(67, 102, 142, .11); border-radius: 50%; transform: translate(-50%, -50%) rotate(0deg); }
.orbit-dot { position: absolute; z-index: 1; width: 6px; height: 6px; border-radius: 50%; background: #d6efff; box-shadow: 0 0 9px rgba(80, 175, 255, .75); }
.dot-left { left: 44px; top: 141px; }.dot-right { right: 44px; top: 128px; }
.hero-star { position: absolute; top: 4px; left: 50%; width: 48px; height: 48px; transform: translateX(-50%); filter: drop-shadow(0 0 12px rgba(102, 183, 255, .55)); }
.hero-star svg { width: 100%; height: 100%; }
.hero-star svg path { fill: url(#heroStarFill); filter: drop-shadow(0 3px 3px rgba(14, 100, 190, .52)); }
.quantity-display { position: absolute; top: 70px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; flex-direction: column; z-index: 2; }
.quantity-display strong { font-size: 102px; font-weight: 800; line-height: .94; letter-spacing: -7px; background: linear-gradient(180deg, #fff 22%, #f1f7ff 64%, #a8d9ff 100%); color: transparent; background-clip: text; }
.quantity-display span { color: #67b5ed; letter-spacing: 4px; font-size: 13px; font-weight: 800; margin-top: 4px; }
.quantity-adjust { position: absolute; top: 95px; width: 51px; height: 51px; border-radius: 50%; border: 1px solid rgba(160, 178, 199, .08); color: #bac6d5; background: linear-gradient(145deg, rgba(27, 32, 39, .75), rgba(11, 15, 22, .8)); display: grid; place-items: center; cursor: pointer; z-index: 3; }
.quantity-adjust:hover { color: #fff; border-color: rgba(93, 173, 255, .35); }
.quantity-adjust svg { width: 20px; height: 20px; stroke-width: 2.4; }
.quantity-adjust.minus { left: 2px; }.quantity-adjust.plus { right: 2px; }
.price-line { height: 50px; display: flex; justify-content: center; align-items: center; gap: 9px; margin-top: 0; white-space: nowrap; }
.price-line strong { font-size: 18px; font-weight: 750; letter-spacing: -.35px; }
.price-line span { color: #8798ad; font-size: 12px; font-weight: 600; }
.price-line span b { color: #96a8bc; font-weight: 600; }
.presets { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.preset { height: 41px; border: 1px solid rgba(164, 182, 205, .11); border-radius: 22px; background: linear-gradient(180deg, #1a1d22, #101318); color: #c1d5e9; font-weight: 750; font-size: 13px; cursor: pointer; box-shadow: inset 0 1px rgba(255,255,255,.025); }
.preset:hover { border-color: rgba(100, 175, 245, .35); }
.preset.active { color: #fff; border-color: rgba(112, 189, 255, .58); background: linear-gradient(180deg, #268feb, #0766ca); }

.checkout-column { padding-top: 0; min-width: 0; }
.packages { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 10px; }
.package-card {
  height: 53px; display: flex; align-items: center; text-align: left; gap: 12px; min-width: 0; padding: 0 15px;
  border: 1px solid rgba(165, 183, 207, .1); border-radius: 17px;
  color: #eef2f8; background: var(--panel); box-shadow: inset 0 1px rgba(255,255,255,.025), 0 5px 12px rgba(0,0,0,.14);
  cursor: pointer; white-space: nowrap;
}
.package-card.selected { border-color: rgba(48, 149, 246, .76); background: linear-gradient(110deg, rgba(17, 49, 85, .98), rgba(14, 38, 67, .96)); }
.radio { width: 22px; height: 22px; border-radius: 50%; border: 2px solid #73777b; flex: 0 0 auto; position: relative; }
.package-card.selected .radio { border-color: #eef6ff; box-shadow: 0 0 0 1px rgba(255,255,255,.05); }
.package-card.selected .radio::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: #f4f8ff; }
.package-star { color: #ffc52e; font-size: 25px; line-height: 1; text-shadow: 0 0 8px rgba(255, 191, 39, .18); }
.package-card > strong { font-size: 14px; font-weight: 700; }
.package-card > b { margin-left: auto; font-size: 15px; letter-spacing: -.1px; font-weight: 750; }
.package-card small { font-size: 11px; }

.payment-methods {
  height: 107px; margin-top: 17px; padding: 5px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 3px;
  border: 1px solid rgba(165, 183, 207, .1); border-radius: 21px;
  background: linear-gradient(180deg, rgba(25, 27, 30, .92), rgba(14, 16, 19, .97));
  box-shadow: inset 0 1px rgba(255,255,255,.02);
}
.payment-option { border: 0; border-radius: 16px; background: transparent; color: #e8ecf1; display: flex; align-items: center; justify-content: center; gap: 10px; font-weight: 750; cursor: pointer; }
.payment-option:hover { background: rgba(255,255,255,.045); }
.payment-option.selected { background: linear-gradient(180deg, rgba(58, 61, 65, .8), rgba(42, 45, 49, .94)); box-shadow: inset 0 1px rgba(255,255,255,.04); }
.payment-option svg { width: 20px; height: 20px; color: #35a9f4; stroke-width: 2.4; }
.payment-option > span:not(.click-symbol) { display: flex; flex-direction: column; line-height: 1.08; }
.payment-option small { margin-top: 3px; color: #ed6b6f; font-size: 10px; font-weight: 700; }
.click-symbol { width: 20px; height: 20px; display: inline-block; background: #086aff; transform: rotate(45deg) scale(.78); border-radius: 7px 2px 7px 2px; position: relative; }
.click-symbol::after { content: ""; position: absolute; width: 6px; height: 6px; background: #17253a; border-radius: 50%; left: 7px; top: 7px; }
.checkout-button {
  width: 100%; height: 55px; margin-top: 14px; border: 1px solid rgba(94, 129, 179, .22); border-radius: 30px;
  background: #101d35; color: #a0aabd; display: flex; align-items: center; justify-content: center; gap: 11px; font-weight: 700; cursor: pointer;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.checkout-button:disabled { cursor: default; opacity: .9; }
.checkout-button:not(:disabled) { background: linear-gradient(180deg, #167be1, #075fc1); color: white; border-color: rgba(103, 184, 255, .35); }
.checkout-button i { color: #8994a5; font-style: normal; }
.checkout-button strong { font-size: 14px; }
.feedback { color: #88a0bc; text-align: center; font-size: 12px; margin: 7px 0 0; min-height: 16px; }

@media (min-width: 1800px) {
  .main-content { width: min(1322px, calc(100% - 80px)); }
}
@media (max-width: 1450px) {
  .sidebar { width: 246px; padding-inline: 15px; }
  .main-area { margin-left: 246px; }
  .main-content { width: calc(100% - 72px); }
  .purchase-layout { grid-template-columns: minmax(330px, 36%) minmax(0, 1fr); gap: 22px; }
  .package-card { gap: 9px; padding-inline: 12px; }
  .package-card > strong { font-size: 13px; }
  .package-card > b { font-size: 13px; }
}
@media (max-width: 1050px) {
  .sidebar { width: 82px; padding-inline: 11px; }
  .main-area { margin-left: 82px; }
  .brand { justify-content: center; padding-inline: 0; }
  .brand-copy, .nav-item span, .balance-card { display: none; }
  .nav-item { justify-content: center; padding: 0; }
  .nav-item svg { width: 22px; height: 22px; }
  .nav-divider { margin-inline: 4px; }
  .main-content { width: calc(100% - 48px); }
  .purchase-layout { grid-template-columns: minmax(285px, .82fr) minmax(0, 1.18fr); gap: 18px; }
  .package-card { gap: 7px; padding-inline: 9px; }
  .package-card > b { font-size: 12px; }
  .package-card > b small { font-size: 9px; }
}
@media (max-width: 760px) {
  .sidebar { width: 62px; padding-inline: 7px; }
  .main-area { margin-left: 62px; }
  .brand { height: 86px; padding-top: 19px; }
  .brand-mark { width: 40px; height: 40px; flex-basis: 40px; }
  .side-nav { padding-top: 15px; }
  .nav-item { height: 43px; margin-bottom: 3px; }
  .nav-divider { margin-block: 10px; }
  .main-content { width: calc(100% - 30px); padding-top: 28px; }
  h1 { margin-top: 13px; font-size: 19px; }
  .mode-switch { height: 45px; }
  .purchase-layout { grid-template-columns: 1fr; gap: 22px; margin-top: 7px; }
  .recipient-heading { height: 43px; }
  .star-stage { max-width: 420px; margin-inline: auto; width: 100%; }
  .price-line { height: 44px; }
  .presets { max-width: 430px; margin-inline: auto; }
  .checkout-column { padding-top: 0; }
}
@media (max-width: 420px) {
  .sidebar { width: 54px; padding-inline: 5px; }
  .main-area { margin-left: 54px; }
  .main-content { width: calc(100% - 22px); }
  .package-card { height: 50px; gap: 5px; padding-inline: 7px; }
  .radio { width: 17px; height: 17px; }
  .package-star { font-size: 19px; }
  .package-card > strong { font-size: 11px; }
  .package-card > b { font-size: 10px; }
  .package-card > b small { display: none; }
  .presets { gap: 6px; }
  .preset { font-size: 11px; }
}

/* Additional Mini App screens */
.page-subtitle { color: #8d9bad; margin: -2px 0 17px; font-size: 13px; line-height: 1.5; }
.heading-row { display: block; }
.heading-row h1 { margin-bottom: 8px; }
.main-content { padding-bottom: 60px; }
.home-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.home-top h1 { font-size: 27px; margin: 8px 0 5px; }
.home-top .page-subtitle { margin: 0; }
.balance-chip { border: 1px solid var(--line); border-radius: 22px; padding: 10px 16px; color: #e6edf7; background: var(--panel); font-weight: 700; cursor: pointer; }
.balance-chip span { color: #69b8ff; }
.home-ticker { display:flex; gap:9px; overflow:hidden; margin-bottom:20px; }
.home-ticker span { flex:none; padding:10px 14px; border:1px solid var(--line); border-radius:15px; background:rgba(19,25,35,.78); color:#aab9ca; font-size:12px; }
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.product-tile { min-height:145px; position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:7px; padding:18px; border:1px solid rgba(151,177,208,.14); border-radius:20px; text-align:left; overflow:hidden; cursor:pointer; background:linear-gradient(145deg,#131d2d,#0d121b); }
.product-tile:before { content:""; position:absolute; width:130px;height:130px;border-radius:50%;right:-22px;top:-42px;background:rgba(49,141,234,.1);filter:blur(2px); }
.product-tile>span { font-size:29px; line-height:1; color:#7bc4ff; }
.product-tile strong { font-size:17px; }
.product-tile small { color:#92a2b6; }
.product-tile i { position:absolute;right:17px;bottom:15px;font-size:23px;color:#75bfff;font-style:normal; }
.premium-tile { background:linear-gradient(145deg,#1a1a2b,#11131d); }
.gift-tile { background:linear-gradient(145deg,#251925,#11131d); }
.rent-tile { background:linear-gradient(145deg,#14252c,#10151c); }
.nft-banner { width:100%; display:flex;align-items:center;gap:16px;margin:13px 0 27px;padding:15px 20px;border:1px solid rgba(100,166,231,.17);border-radius:18px;background:linear-gradient(105deg,#11243b,#111621);text-align:left;cursor:pointer; }
.nft-art { width:49px;height:49px;display:grid;place-items:center;border-radius:15px;background:#182c48;font-size:27px; }
.nft-banner>span:nth-child(2) { display:flex;flex-direction:column;gap:5px; }
.nft-banner small,.nft-banner i { color:#91a4ba;font-size:12px;font-style:normal; }
.nft-banner>i { margin-left:auto; }
.section-title { display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px; }
.section-title h2 { margin:5px 0 0;font-size:18px; }
.text-link { border:0;background:none;color:#66b8ff;font-weight:700;cursor:pointer; }
.mini-grid { display:grid;grid-template-columns:repeat(5,1fr);gap:10px; }
.mini-item { min-height:125px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:13px;border:1px solid var(--line);border-radius:17px;background:var(--panel); }
.mini-item .emoji-icon { font-size:28px; }
.mini-item strong { font-size:13px; }
.mini-item small { color:#91a0b3;font-size:11px; }
.stats-row { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px; }
.stats-row>div { display:flex;flex-direction:column;gap:7px;padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(15,20,29,.7); }
.stats-row strong { font-size:19px; }.stats-row small { color:#7792ae;font-size:10px;letter-spacing:1.3px;font-weight:800; }

.mode-switch { margin-top:0; }
.sell-layout,.product-layout,.gift-layout,.topup-layout { display:grid;grid-template-columns:minmax(320px,.85fr) minmax(390px,1.15fr);gap:26px;margin-top:20px;align-items:start; }
.sell-amount,.product-hero,.gift-preview,.topup-aside { border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(21,30,43,.9),rgba(11,15,22,.93));padding:22px; }
.sell-amount .star-stage { height:220px; }
.sell-options { display:flex;flex-direction:column;gap:12px; }
.payout-card { display:flex;align-items:center;gap:12px;text-align:left;padding:17px;border-radius:17px;border:1px solid var(--line);background:var(--panel);cursor:pointer; }
.payout-card.selected { border-color:rgba(47,150,245,.66);background:linear-gradient(110deg,#112744,#111923); }
.payout-card>span:nth-child(2) { display:flex;flex-direction:column;gap:5px; }
.payout-card small { color:#91a1b4;font-size:11px; }
.payout-card>strong { margin-left:auto;text-align:right; }
.payout-card>strong small { display:block;margin-top:5px;color:#63b5ff; }
.muted-note { color:#7d8ca0;text-align:center;font-size:12px; }
.product-hero { min-height:350px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px; }
.big-emoji { font-size:62px;filter:drop-shadow(0 0 18px rgba(74,158,246,.26)); }
.product-hero h2,.gift-preview h2,.topup-aside h2 { font-size:23px;margin:12px 0 4px; }
.product-hero p,.gift-preview p,.topup-aside p { color:#93a1b3;line-height:1.6; }
.alert-box { margin-top:19px;padding:13px 15px;border-radius:13px;border:1px solid rgba(243,180,88,.22);background:rgba(130,87,28,.12);color:#e3bc7d;font-size:12px;line-height:1.55; }
.product-options,.gift-options { min-width:0; }
.plan-list { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0; }
.plan-card { min-height:58px;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--panel);cursor:pointer; }
.plan-card.selected { border-color:rgba(48,149,246,.72);background:#112540; }
.plan-card b { font-size:13px; }.plan-card strong { margin-left:auto;font-size:12px;white-space:nowrap; }.plan-card small { color:#62b8ff;font-weight:800; }
.gift-preview { min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; }
.gift-preview .big-emoji { font-size:90px; }
.gift-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 0; }
.gift-card { min-height:105px;padding:9px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:14px;background:var(--panel);cursor:pointer; }
.gift-card.selected { border-color:#2e9af4;background:#11243a; }
.gift-card>span { font-size:27px; }.gift-card b { font-size:11px; }.gift-card small { color:#b4c0ce;font-size:9px; }.gift-card s { color:#778393; }
.emoji-icon { display:inline-grid;place-items:center;width:22px;height:22px;font-size:17px; }.emoji-icon.blue { color:#42b4ff;font-size:20px; }

.market-tabs { display:flex;gap:5px;padding:4px;margin:12px 0;border:1px solid var(--line);border-radius:16px;background:rgba(21,26,34,.9);width:max-content;max-width:100%; }
.market-tabs button,.tabs-line button { border:0;border-radius:12px;padding:11px 17px;background:transparent;color:#9aa9bb;font-weight:700;cursor:pointer; }
.market-tabs button.selected,.tabs-line button.selected { background:#1b6fc0;color:white; }
.sell-banner { display:flex;align-items:center;gap:13px;margin:13px 0;padding:13px 17px;border:1px solid rgba(65,153,235,.2);border-radius:16px;background:#101e31; }
.sell-banner>span { font-size:28px; }.sell-banner div { display:flex;flex-direction:column;gap:5px; }.sell-banner small { color:#91a4bb;font-size:11px; }.sell-banner button { margin-left:auto;border:0;border-radius:12px;padding:10px 14px;background:#126ac1;font-weight:700;cursor:pointer; }
.my-row { width:100%;display:flex;justify-content:space-between;padding:14px 4px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font-weight:700;cursor:pointer; }
.my-row span { color:#7794af; }
.market-toolbar { display:flex;gap:10px;margin:15px 0; }.market-toolbar .username-input { max-width:420px; }
.filter-pill { padding:9px 14px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:#c3cfde;font-weight:650;cursor:pointer;white-space:nowrap; }
.filter-pill.active { background:#102e4d;border-color:#2789df;color:#fff; }
.nft-grid { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px; }
.nft-card { position:relative;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(160deg,#171a20,#0e1117); }
.nft-illustration { height:135px;display:grid;place-items:center;background:radial-gradient(circle at 50% 55%,rgba(67,131,202,.23),transparent 55%),linear-gradient(145deg,#1a2737,#12151c);font-size:57px; }
.nft-card-info { display:flex;flex-direction:column;gap:6px;padding:11px; }.nft-card-info strong { font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.nft-card-info strong small { color:#8596aa;font-weight:500; }.nft-card-info span { font-size:10px;color:#8291a3; }.nft-card-info>b { font-size:13px; }.nft-card-info>b small { color:#8a9aaf;font-size:10px; }
.heart-button { position:absolute;z-index:1;top:8px;right:8px;width:29px;height:29px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(4,8,14,.68);font-size:19px;color:#d5dce5;cursor:pointer; }.heart-button.liked { color:#ff7188; }
.load-more { display:block;margin:19px auto;padding:11px 24px;border:1px solid var(--line);border-radius:22px;background:#121923;color:#c8d5e3;cursor:pointer; }
.tabs-line { display:flex;gap:8px;border-bottom:1px solid var(--line); }.empty-state { min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8999ac; }.empty-state h2 { color:#dfe7f1;margin:14px 0 2px;font-size:19px; }.empty-state p { max-width:400px;line-height:1.6; }.emoji-icon.large { width:58px;height:58px;font-size:49px;color:#6d8eae; }.tariff-symbol { font-size:46px;color:#56b7ff; }

.rental-category-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:15px; }
.rental-category { min-height:230px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:22px;border:1px solid rgba(85,153,208,.2);border-radius:22px;background:linear-gradient(140deg,#11253a,#111720);text-align:left;cursor:pointer;overflow:hidden; }
.rental-category:after { content:"";position:absolute;width:190px;height:190px;right:-24px;top:-42px;border-radius:50%;background:rgba(63,140,217,.12);filter:blur(2px); }
.rent-cat-1 { background:linear-gradient(140deg,#1b1e32,#111720); }.rent-cat-icon { font-size:47px; }.rental-category b { font-size:20px; }.rental-category small { color:#9aaabd; }.rental-category i { position:absolute;bottom:18px;right:20px;color:#75bfff;font-style:normal;font-weight:700; }
.rental-shortcuts { display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px; }
.rental-shortcuts button { display:grid;grid-template-columns:40px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:5px 10px;padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--panel);text-align:left;cursor:pointer; }
.rental-shortcuts button>span { grid-row:1/3;font-size:25px;color:#66baff; }.rental-shortcuts b { font-size:14px; }.rental-shortcuts small { color:#899aaf; }.rental-shortcuts i { grid-column:3;grid-row:1/3;color:#80a3c2;font-style:normal;font-size:21px; }
.filter-row { display:flex;align-items:center;gap:8px;margin:15px 0; }.results-count { margin-left:auto;color:#7e8fa4;font-size:12px; }
.rental-list-grid { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px; }
.rental-item { min-height:230px;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:17px;background:var(--panel); }
.rental-art { width:100%;height:125px;display:grid;place-items:center;margin-bottom:10px;border-radius:12px;background:radial-gradient(circle at 50% 55%,rgba(61,133,199,.22),transparent 61%),linear-gradient(145deg,#172536,#10141b);font-size:49px; }
.rental-item>b { font-size:12px; }.rental-item>small { color:#8393a6;font-size:10px;margin:5px 0; }.rental-item>strong { margin-top:auto;font-size:12px; }.rental-item>strong small { color:#8998aa;font-size:10px;font-weight:500; }
.at-sign { color:#66b8ff;font-size:42px;font-weight:800; }
.rental-owned-list { display:flex;flex-direction:column;gap:12px;margin-top:17px; }.owned-rental { display:flex;align-items:center;gap:18px;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--panel); }.owned-rental .rental-art { width:110px;height:100px;flex:none;margin:0;font-size:42px; }.owned-rental h2 { margin:7px 0;font-size:17px; }.owned-rental h2 small { color:#8797ab;font-size:11px;font-weight:500; }.owned-rental p { color:#a2afc0;font-size:12px; }.status { display:inline-flex;padding:5px 8px;border-radius:12px;background:rgba(149,161,177,.12);color:#a7b3c1;font-size:10px;font-weight:800; }.active-status { background:rgba(45,178,122,.13);color:#6fdaa7; }.owned-actions { display:flex;gap:8px;margin-left:auto; }.owned-actions button { padding:9px 12px;border:1px solid var(--line);border-radius:13px;background:#142239;color:#a9d6ff;cursor:pointer; }

.reward-hero { margin:15px 0 25px;padding:27px;border:1px solid rgba(67,151,234,.2);border-radius:21px;background:radial-gradient(ellipse at 80% 5%,rgba(21,111,199,.25),transparent 55%),linear-gradient(120deg,#11233a,#121620); }
.reward-hero h2 { font-size:25px;line-height:1.25;margin:12px 0 5px; }.reward-hero p { color:#95a5b7; }.reward-hero button { margin-top:10px;padding:10px 15px;border:1px solid rgba(86,169,247,.36);border-radius:20px;background:#176fc0;font-weight:700;cursor:pointer; }
.ranking-list { border:1px solid var(--line);border-radius:17px;overflow:hidden; }.ranking-list>div { display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:rgba(17,22,30,.7); }.ranking-list>div:last-child { border:0; }.rank-num { color:#74baff;font-weight:800; }.ranking-list strong { margin-left:auto;color:#a6c7e5;font-size:12px; }
.tariff-row { width:100%;display:flex;align-items:center;gap:12px;margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--panel);text-align:left;cursor:pointer; }.tariff-row>span { font-size:22px; }.tariff-row small { color:#8b9caf; }.tariff-row i { margin-left:auto;color:#80a8ca;font-size:20px;font-style:normal; }
.history-count { margin:18px 0 9px;color:#8293a8;font-size:12px; }.orders-list { border:1px solid var(--line);border-radius:18px;overflow:hidden; }.order-row { display:grid;grid-template-columns:36px minmax(180px,1fr) auto auto;align-items:center;gap:13px;padding:15px;border-bottom:1px solid var(--line);background:rgba(15,20,28,.72); }.order-row:last-child { border-bottom:0; }.order-icon { width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#132740;color:#65b6ff;font-size:19px; }.order-row>div { display:flex;flex-direction:column;gap:5px; }.order-row>div small { color:#8191a4;font-size:11px; }.order-row>strong { font-size:13px; }
.profile-card { display:flex;align-items:center;gap:15px;margin:15px 0;padding:19px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(115deg,#13243b,#111720); }.profile-avatar { width:62px;height:62px;display:grid;place-items:center;border-radius:50%;border:2px solid #268de1;background:#0d2745;color:#a8dcff;font-weight:800;font-size:19px; }.profile-card h2 { margin:8px 0 2px;font-size:18px; }.profile-card p { margin:0;color:#8494a8;font-size:12px; }.profile-balance { display:flex;flex-direction:column;gap:5px;margin-left:auto; }.profile-balance small { color:#7db9e7;font-size:10px;letter-spacing:1px; }.profile-balance b { font-size:18px; }.profile-balance button { align-self:flex-start;padding:6px 10px;border:0;border-radius:15px;background:#167ada;font-size:11px;font-weight:700;cursor:pointer; }
.profile-menu { display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden; }.profile-row { display:grid;grid-template-columns:35px 1fr auto 20px;align-items:center;gap:11px;padding:15px;border:0;border-bottom:1px solid var(--line);background:rgba(15,19,27,.8);text-align:left;cursor:pointer; }.profile-row:last-child { border:0; }.profile-row>span { color:#78b8ec;font-size:19px;text-align:center; }.profile-row>small { color:#8a9bae; }.profile-row>i { color:#778da6;font-size:20px;font-style:normal; }
.simple-card { max-width:650px;min-height:300px;margin:17px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--panel);text-align:center; }.simple-card h2 { margin:12px 0 4px; }.simple-card p { max-width:450px;color:#95a4b7;line-height:1.6; }.invite-code { display:flex;align-items:center;gap:12px;margin:17px 0;padding:12px 15px;border:1px solid var(--line);border-radius:14px;color:#a7b8ca; }.copy-button { border:0;border-radius:12px;padding:8px 12px;background:#176fc2;font-weight:700;cursor:pointer; }.invite-bonus { color:#70c6ff; }
.topup-layout { grid-template-columns:1.15fr .85fr; }.topup-form { padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--panel); }.amount-input { display:flex;align-items:center;gap:10px;margin:10px 0 12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#0c1119; }.amount-input input { width:100%;border:0;outline:0;background:none;color:white;font-size:20px;font-weight:700; }.amount-input span { color:#90a0b3; }.topup-form .presets { margin-bottom:20px; }.topup-aside { min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center; }.topup-aside p { max-width:270px; }.toast { position:fixed;z-index:20;bottom:26px;left:calc(50% + 134px);transform:translateX(-50%);padding:12px 17px;border:1px solid rgba(106,176,240,.25);border-radius:15px;background:#172337;color:#eaf5ff;box-shadow:0 10px 30px rgba(0,0,0,.4);font-size:12px; }

@media (max-width: 1250px) {
  .nft-grid,.rental-list-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .mini-grid { grid-template-columns:repeat(3,1fr); }
  .gift-layout,.product-layout,.sell-layout { grid-template-columns:1fr 1.2fr; }
}
@media (max-width: 900px) {
  .product-grid { grid-template-columns:repeat(2,1fr); }
  .product-tile { min-height:125px; }
  .nft-grid,.rental-list-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sell-layout,.product-layout,.gift-layout,.topup-layout { grid-template-columns:1fr; }
  .product-hero,.gift-preview { min-height:230px; }
}
@media (max-width: 760px) {
  .home-top { align-items:flex-start;gap:10px; }.home-top h1 { font-size:22px; }.balance-chip { padding:9px 10px;font-size:11px; }
  .nft-grid,.rental-list-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
  .nft-illustration,.rental-art { height:115px; }
  .gift-grid { grid-template-columns:repeat(3,1fr); }.gift-card { min-height:93px; }
  .rental-category-grid,.rental-shortcuts { grid-template-columns:1fr; }
  .rental-category { min-height:185px; }
  .mini-grid { grid-template-columns:repeat(2,1fr); }
  .stats-row { grid-template-columns:1fr;gap:8px; }.stats-row>div { padding:12px; }
  .order-row { grid-template-columns:34px 1fr auto;gap:8px;padding:12px; }.order-row .status { grid-column:2/4;justify-self:start; }
  .profile-card { flex-wrap:wrap; }.profile-balance { width:100%;margin-left:77px; }
  .owned-rental { flex-wrap:wrap; }.owned-actions { width:100%;margin-left:0; }
  .market-toolbar { align-items:center; }.market-toolbar .username-input { min-width:0; }
  .toast { left:50%;bottom:16px; }
}
@media (max-width: 420px) {
  .product-grid { gap:7px; }.product-tile { padding:12px;min-height:112px; }.product-tile strong { font-size:14px; }
  .nft-card-info { padding:8px; }.nft-illustration { height:96px;font-size:45px; }.nft-card-info>b { font-size:11px; }
  .gift-grid { grid-template-columns:repeat(2,1fr); }
  .plan-list { grid-template-columns:1fr; }.plan-card { min-height:50px; }
  .sell-banner { align-items:flex-start;flex-wrap:wrap; }.sell-banner button { margin-left:40px; }
  .filter-row { flex-wrap:wrap; }.results-count { width:100%;margin-left:0; }
  .market-tabs button { padding:10px 11px;font-size:11px; }
  .balance-chip { padding:8px;font-size:10px; }
}

.invite-page { width:min(760px,100%);margin:15px auto 0;display:flex;flex-direction:column;gap:11px; }
.invite-hero { min-height:182px;padding:18px 20px;border:1px solid rgba(83,159,234,.22);border-radius:22px;background:radial-gradient(ellipse at 85% 20%,rgba(31,121,207,.25),transparent 48%),linear-gradient(115deg,#102945,#101a28); }
.invite-hero>div { display:flex;align-items:baseline;gap:13px; }.invite-hero strong { font-size:54px;letter-spacing:-3px; }.invite-hero p { display:inline;color:#a7b9cf; }
.invite-hero .demo-action { padding:10px 16px;border:1px solid rgba(95,179,250,.35);border-radius:20px;background:linear-gradient(180deg,#278ff0,#0966c9);font-weight:750;cursor:pointer; }
.invite-link-card,.invite-stats,.invite-steps,.empty-invites { border:1px solid var(--line);border-radius:16px;background:var(--panel); }
.invite-link-card { padding:13px 16px; }.invite-link-card>div {display:flex;align-items:center;gap:10px;margin-top:8px;}.invite-link-card b { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce8f5;font-size:13px; }.invite-link-card button { margin-left:auto;flex:none; }
.invite-stats { display:grid;grid-template-columns:repeat(3,1fr);padding:13px 8px; }.invite-stats>div { display:flex;flex-direction:column;align-items:center;gap:5px;border-right:1px solid var(--line); }.invite-stats>div:last-child { border:0; }.invite-stats b { font-size:21px; }.invite-stats small { color:#78a9d5;font-size:9px;letter-spacing:1.4px;font-weight:800; }
.invite-how-title { margin:7px 0 0; }.invite-steps { overflow:hidden; }.invite-steps>div { display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:12px; }.invite-steps>div:last-child { border:0; }.invite-steps i { width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#1b70bd;font-style:normal;font-weight:800; }.empty-invites { padding:15px;text-align:center;color:#8798ad;font-size:12px; }
.podium { display:flex;justify-content:center;align-items:flex-end;gap:10px;min-height:265px;margin:15px 0;padding:24px;border:1px solid rgba(77,151,226,.19);border-radius:22px;background:radial-gradient(ellipse at 50% 20%,rgba(37,117,197,.27),transparent 65%),linear-gradient(135deg,#142943,#101722); }
.podium-card { width:150px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(124,174,224,.12);border-radius:16px 16px 0 0;background:rgba(13,22,34,.75); }.podium-card>span {font-size:26px;}.podium-card>b {font-size:33px;color:#b7d6ef;}.podium-card small {color:#91a9c2;font-size:11px;}.podium-card.first { min-height:180px;background:linear-gradient(180deg,rgba(48,112,175,.36),rgba(15,25,39,.82)); }.podium-card.first>b {color:#ffd877;}.podium-card.third {min-height:108px;}
.leaderboard {border:1px solid var(--line);border-radius:16px;overflow:hidden;}.leaderboard>div {display:flex;align-items:center;gap:13px;padding:13px 15px;background:rgba(15,20,29,.75);border-bottom:1px solid var(--line);}.leaderboard>div:last-child {border:0;}.leaderboard>div>span {width:22px;color:#6aaee9;font-weight:800;}.leaderboard b {font-size:13px;}.leaderboard strong {margin-left:auto;color:#b0c2d6;font-size:12px;}
.points-info {margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);}.points-info h2 {font-size:19px;margin:8px 0 3px;}.points-info>p {color:#8294aa;font-size:11px;margin:0 0 12px;}.points-info>div {display:flex;justify-content:space-between;gap:12px;padding:10px 11px;border-top:1px solid var(--line);font-size:12px;}.points-info>div span {display:flex;flex-direction:column;gap:3px;}.points-info>div small {color:#8797aa;font-size:10px;}.points-info>div b {white-space:nowrap;}.points-info h3 {color:#7db8e6;font-size:10px;letter-spacing:1.6px;margin:15px 0 4px;}
.help-protect {display:flex;align-items:center;gap:13px;margin:15px 0;padding:15px;border:1px solid rgba(68,148,226,.19);border-radius:17px;background:#10233a;}.help-protect>span {width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#16395d;color:#7fc3ff;font-size:24px;}.help-protect div {display:flex;flex-direction:column;gap:5px;}.help-protect small {color:#91a3b7;font-size:11px;}
.faq-list {border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);}.faq-row {padding:0 15px;border-bottom:1px solid var(--line);}.faq-row:last-child {border:0;}.faq-row summary {list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:55px;font-weight:700;cursor:pointer;}.faq-row summary::-webkit-details-marker {display:none;}.faq-row summary span {color:#7ea9d0;font-size:22px;}.faq-row[open] summary span {transform:rotate(90deg);}.faq-row p {margin:0;padding:0 24px 15px 0;color:#9caabd;font-size:12px;line-height:1.65;}.help-contact {width:100%;height:53px;margin-top:15px;border:1px solid rgba(91,173,248,.36);border-radius:28px;background:linear-gradient(180deg,#248cf0,#0964c9);font-weight:750;cursor:pointer;}
.balance-topup-screen { position:relative;max-width:890px;min-height:690px;margin:0 auto;padding:30px 16px;display:flex;align-items:flex-start;flex-direction:column;overflow:hidden; }
.balance-topup-screen:before {content:"";position:absolute;z-index:-1;width:900px;height:900px;top:145px;left:50%;transform:translateX(-50%);border:1px solid rgba(79,151,217,.25);border-radius:50%;box-shadow:0 0 60px rgba(16,110,197,.12);}

.payment-progress-card,.payment-instructions-card {max-width:650px;margin:12px auto;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel);}
.payment-progress-card {display:flex;flex-direction:column;gap:8px;background:linear-gradient(130deg,#142844,#111822);}
.payment-progress-card>strong {font-size:17px;}
.payment-progress-card>div {display:flex;align-items:center;justify-content:space-between;margin-top:5px;padding-top:10px;border-top:1px solid var(--line);color:#9aaabe;font-size:12px;}
.payment-progress-card>div b {color:#f5f8fc;font-size:16px;}
.payment-instructions-card {display:flex;flex-direction:column;gap:10px;}
.payment-detail-list {display:flex;flex-direction:column;gap:7px;}
.payment-detail-list>div {display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(4,9,16,.5);}
.payment-detail-list>div small {display:block;min-width:90px;color:#8597ad;font-size:9px;font-weight:800;letter-spacing:1px;}
.payment-detail-list>div b {min-width:0;overflow-wrap:anywhere;font-size:13px;}
.payment-detail-list>div button {flex:none;margin-left:auto;padding:7px 9px;border:0;border-radius:10px;background:#173a5b;color:#b9ddfb;font-size:10px;font-weight:700;}
.payment-note {margin:2px 0;color:#a0afc2;font-size:12px;line-height:1.55;white-space:pre-line;}
.payment-unavailable {margin:8px 0;padding:12px;border:1px solid rgba(228,170,73,.18);border-radius:13px;background:rgba(110,76,15,.12);color:#d2bc8e;font-size:11px;line-height:1.45;}
.secondary-action {min-height:42px;border:1px solid var(--line);border-radius:22px;background:#141d2a;color:#cfdae8;font-size:12px;font-weight:700;}
.topup-controls {max-width:650px;min-height:0;margin:12px auto 0;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--panel);}
.topup-balance-hero {max-width:650px;width:100%;margin:16px auto;padding:20px;border:1px solid rgba(82,159,235,.22);border-radius:20px;background:linear-gradient(120deg,#142844,#111822);}
.topup-balance-hero p {margin:8px 0 0;color:#9aabc0;font-size:12px;line-height:1.5;}

/* The selected Telegram tab grows, matching the native mini app navigation. */
@media (max-width:760px) {
  .side-nav {grid-template-columns:repeat(4,minmax(0,1fr));}
  .side-nav .nav-item {grid-column:span 1;}
  body[data-mobile-tab="home"] .side-nav [data-nav="home"],
  body[data-mobile-tab="rewards"] .side-nav [data-nav="rewards"],
  body[data-mobile-tab="profile"] .side-nav [data-nav="profile"] {grid-column:span 2;}
  .payment-progress-card,.payment-instructions-card {margin:9px auto;padding:13px;border-radius:16px;}
  .payment-progress-card>strong {font-size:15px;}
  .payment-detail-list>div {gap:7px;padding:10px;}
  .payment-detail-list>div small {min-width:76px;font-size:8px;}
  .payment-detail-list>div b {font-size:11px;}
}
.balance-topup-screen>.eyebrow {align-self:center;margin-top:4px;}.balance-total {align-self:center;margin:18px 0 10px;font-size:55px;letter-spacing:-3px;}.balance-total small {font-size:17px;letter-spacing:0;color:#a8b7c7;}
.cashback-pill {align-self:center;padding:5px 11px;border-radius:15px;background:rgba(93,112,132,.2);color:#9eafc2;font-size:11px;font-weight:700;}
.topup-controls {width:min(760px,100%);margin:70px auto 0;z-index:1;}.topup-controls>p {color:#8496aa;font-size:11px;margin:8px 0 16px;}.topup-controls .mode-switch {height:46px;margin-bottom:12px;}.topup-presets {display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;}.topup-presets button {height:47px;}.custom-amount {margin:12px 0;}.custom-amount input {flex:1;}.custom-amount>span {color:#8393a6;}.topup-controls .checkout-button {background:linear-gradient(180deg,#1e83e7,#0a63c1);color:white;}
@media(max-width:760px) {
  .invite-page {margin-top:8px;}.invite-hero strong {font-size:45px;}.invite-hero p {font-size:12px;}.podium {min-height:210px;padding:12px 8px;gap:5px;}.podium-card {width:31%;}.podium-card.first {min-height:150px;}.podium-card.second {min-height:116px;}.podium-card.third {min-height:95px;}.balance-topup-screen {min-height:570px;padding-inline:5px;}.topup-controls {margin-top:60px;}
}

/* Phone layout */
.mobile-more-trigger,.mobile-more-menu { display:none; }
@media (max-width:760px) {
  .sidebar { width:auto; height:72px; inset:auto 0 0; padding:0 6px env(safe-area-inset-bottom); border:0; border-top:1px solid rgba(118,145,177,.17); background:rgba(8,14,25,.97); backdrop-filter:blur(18px); }
  .sidebar-back,.brand,.balance-card,.nav-divider { display:none; }
  .side-nav { height:100%;padding:5px 0 4px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;align-items:stretch; }
  .nav-item,.side-nav .nav-item { display:none; height:auto;min-height:55px;margin:0;padding:4px 2px;flex-direction:column;justify-content:center;gap:3px;border:1px solid transparent;border-radius:13px;background:transparent;color:#8797aa;font-size:9px;line-height:1.1;font-weight:650; }
  .side-nav [data-nav="home"],.side-nav [data-nav="stars"],.side-nav [data-nav="rental"],.side-nav [data-nav="profile"],.side-nav .mobile-more-trigger { display:flex; }
  .side-nav [data-nav="home"] { order:1; }.side-nav [data-nav="stars"] { order:2; }.side-nav [data-nav="rental"] { order:3; }.side-nav [data-nav="profile"] { order:4; }.side-nav .mobile-more-trigger { order:5; }
  .side-nav .nav-item svg { width:20px;height:20px;flex:none;color:#97a9bd;stroke-width:1.9; }
  .side-nav .nav-item span { display:block;white-space:nowrap; }
  .side-nav .nav-item.active { color:#fff;background:linear-gradient(180deg,rgba(31,128,216,.34),rgba(11,75,139,.24));border-color:rgba(68,153,236,.2);box-shadow:none; }
  .side-nav .nav-item.active svg { color:#69baff; }
  .main-area { min-height:100vh;margin:0; }
  .main-content { width:100%;min-height:100vh;padding:14px 15px calc(105px + env(safe-area-inset-bottom)); }
  .page-back { width:35px;height:35px; }
  .page-back svg { width:19px;height:19px; }
  .heading-row h1 { margin:12px 0 5px;font-size:20px; }
  .page-subtitle { margin:0 0 13px;font-size:12px; }
  .mobile-more-menu:not([hidden]) { position:fixed;z-index:12;left:12px;right:12px;bottom:calc(81px + env(safe-area-inset-bottom));max-width:440px;margin:auto;padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:7px;border:1px solid rgba(164,184,209,.16);border-radius:19px;background:rgba(15,21,31,.98);box-shadow:0 16px 48px rgba(0,0,0,.48);backdrop-filter:blur(18px); }
  .mobile-more-menu[hidden] { display:none; }
  .mobile-more-menu>.eyebrow { grid-column:1/-1;margin:2px 5px 4px; }
  .mobile-more-menu button { min-height:43px;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(157,179,207,.08);border-radius:13px;background:rgba(255,255,255,.035);color:#e0e8f2;text-align:left;font-size:15px;cursor:pointer; }
  .mobile-more-menu button span { font-size:12px;font-weight:650; }
  .home-top { margin-bottom:14px; }.home-top h1 { margin-top:5px;font-size:23px; }
  .home-ticker { margin-right:-15px;padding-right:15px; }
  .product-grid { gap:9px; }.product-tile { min-height:119px;padding:13px;border-radius:17px; }
  .nft-banner { gap:11px;margin:11px 0 22px;padding:12px; }.nft-banner>i { font-size:10px; }
  .mini-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.mini-item { min-height:110px; }
  .stats-row { grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }.stats-row>div { padding:10px 8px; }.stats-row strong { font-size:15px; }.stats-row small { font-size:8px;letter-spacing:.7px; }
  .mode-switch { height:44px; }.mode-option { font-size:12px; }
  .purchase-layout { margin-top:6px;gap:17px; }
  .recipient-heading { height:39px; }.username-input { height:50px;border-radius:16px;padding-inline:13px;font-size:12px; }
  .star-stage { height:170px;max-width:380px;margin-inline:auto; }.hero-star { width:39px;height:39px;top:2px; }.quantity-display { top:55px; }.quantity-display strong { font-size:82px;letter-spacing:-5px; }.quantity-display span { font-size:11px; }
  .quantity-adjust { top:76px;width:43px;height:43px; }.orbit-one { width:270px;height:88px; }.orbit-two { width:305px;height:120px; }.orbit-dots { width:245px;height:85px; }
  .dot-left { left:32px;top:118px; }.dot-right { right:32px;top:108px; }
  .price-line { height:40px; }.price-line strong { font-size:16px; }.presets { gap:6px; }.preset {height:37px;font-size:11px;}
  .packages { gap:7px; }.package-card { height:49px;padding-inline:8px;gap:6px; }.package-card>strong { font-size:11px; }.package-card>b { font-size:11px; }.radio { width:18px;height:18px; }.package-star { font-size:20px; }
  .payment-methods { height:94px;margin-top:11px;border-radius:17px; }.payment-option { gap:6px;font-size:12px; }.payment-option svg { width:17px;height:17px; }
  .checkout-button { height:49px;margin-top:11px;font-size:12px; }
  .sell-layout,.product-layout,.gift-layout,.topup-layout { gap:14px;margin-top:12px; }
  .sell-amount,.product-hero,.gift-preview,.topup-aside { padding:16px;border-radius:18px; }
  .sell-amount .star-stage { height:184px; }.sell-options { gap:9px; }.payout-card { padding:13px 10px;gap:8px; }.payout-card>strong { font-size:11px; }.payout-card>strong small { font-size:9px; }
  .product-hero { min-height:230px; }.product-hero h2 { font-size:20px; }.product-hero .big-emoji { font-size:48px; }.alert-box { font-size:11px; }
  .plan-list { grid-template-columns:1fr 1fr;gap:7px; }.plan-card { min-height:52px;padding:7px;gap:6px; }.plan-card b,.plan-card strong { font-size:10px; }.plan-card strong { margin-left:auto; }
  .gift-preview { min-height:190px; }.gift-preview .big-emoji { font-size:64px; }.gift-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }.gift-card {min-height:89px;border-radius:12px;}.gift-card>span {font-size:23px;}.gift-card b {font-size:10px;}.gift-card small {font-size:8px;}
  .market-tabs { width:100%; }.market-tabs button { flex:1;padding:10px 7px;font-size:10px; }
  .market-toolbar { gap:7px; }.market-toolbar .username-input { flex:1; }.filter-pill { padding:8px 10px;font-size:11px; }
  .nft-grid,.rental-list-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
  .nft-illustration { height:125px;font-size:49px; }.nft-card-info { padding:9px; }
  .rental-art { height:115px; }.rental-item { min-height:210px; }
  .sell-banner { padding:11px;gap:8px; }.sell-banner small {font-size:9px;}.sell-banner button {padding:8px;font-size:10px;}
  .rental-category-grid,.rental-shortcuts { grid-template-columns:1fr;gap:9px; }.rental-category { min-height:170px;padding:17px; }.rental-category b {font-size:18px;}
  .owned-rental { gap:11px;padding:11px; }.owned-rental .rental-art { width:78px;height:78px; }.owned-rental h2 {font-size:14px;}.owned-rental p {font-size:10px;}
  .profile-card { padding:14px;gap:11px; }.profile-avatar {width:50px;height:50px;}.profile-card h2 {font-size:15px;}.profile-balance {margin-left:61px;}
  .profile-row {grid-template-columns:28px 1fr auto 14px;padding:13px 10px;gap:8px;}.profile-row b {font-size:12px;}.profile-row small {font-size:10px;}
  .order-row {grid-template-columns:30px 1fr auto;gap:7px;padding:11px 9px;}.order-row>div b {font-size:11px;}.order-row>strong {font-size:11px;}
  .invite-page {gap:8px;}.invite-hero {min-height:158px;padding:15px;}.invite-hero strong {font-size:45px;}.invite-hero p {font-size:11px;}.invite-stats small {font-size:7px;letter-spacing:.5px;}
  .podium {min-height:205px;margin:10px 0;padding:10px 5px;gap:5px;}.podium-card {width:32%;}.podium-card.first {min-height:143px;}.podium-card.second {min-height:111px;}.podium-card.third {min-height:91px;}
  .leaderboard>div {padding:11px 10px;}.leaderboard b {font-size:11px;}.points-info {padding:13px;}.points-info>div {font-size:10px;padding:9px 5px;}.points-info>div b {font-size:10px;}
  .help-protect {padding:12px;}.faq-row {padding-inline:12px;}.faq-row summary {font-size:12px;}.faq-row p {font-size:11px;}
  .balance-topup-screen {min-height:570px;padding-top:20px;}.balance-total {font-size:48px;}.topup-controls {margin-top:50px;}.topup-controls>p {font-size:10px;}
  .toast {bottom:calc(83px + env(safe-area-inset-bottom));}
}
@media (max-width:390px) {
  .main-content {padding-inline:11px;}
  .package-card {gap:4px;padding-inline:6px;}.package-card>strong {font-size:10px;}.package-card>b {font-size:9px;}.package-card>b small {display:none;}
  .presets .preset {font-size:10px;}.stats-row small {font-size:7px;letter-spacing:.3px;}
  .gift-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .nav-item,.side-nav .nav-item {font-size:8px;}
}

@media (max-width:760px) {
  .brand {
    position:fixed;z-index:13;inset:0 0 auto;height:56px;display:flex;justify-content:flex-start;
    gap:9px;padding:4px 12px;border-bottom:1px solid rgba(118,145,177,.13);
    background:rgba(8,14,25,.96);backdrop-filter:blur(16px);
  }
  .brand-mark {width:34px;height:34px;flex:0 0 34px;}
  .brand-copy {gap:0;display:flex;}
  .brand-copy strong {font-size:13px;letter-spacing:0;}
  .brand-copy span {display:none;}
  .balance-card {
    position:fixed;z-index:14;top:9px;right:10px;bottom:auto;left:auto;min-height:0;
    display:flex;flex-direction:row;align-items:center;gap:6px;padding:0;border:0;border-radius:0;
    background:transparent;box-shadow:none;
  }
  .balance-card .eyebrow {display:none;}
  .balance-card strong {margin:0;font-size:11px;white-space:nowrap;}
  .top-up {height:27px;min-width:0;margin:0;padding:0 9px;font-size:10px;}
  .main-content {padding-top:69px;}
}
@media (max-width:360px) {
  .brand {padding-inline:8px;gap:6px;}
  .brand-mark {width:30px;height:30px;flex-basis:30px;}
  .brand-copy strong {font-size:11px;}
  .balance-card {right:7px;gap:4px;}
  .balance-card strong {font-size:10px;}
  .top-up {height:25px;padding-inline:7px;font-size:9px;}
}

/* Telegram Mini App mobile reference */
.miniapp-footer { display:none; }
.telegram-miniapp-bar { position:fixed;z-index:30;top:0;right:0;width:230px;height:36px;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:0 8px;background:transparent;color:#e7edf5; }
.telegram-shell-back,.telegram-title { display:none; }
.telegram-handle { position:absolute;top:8px;right:164px;width:45px;height:4px;border-radius:4px;background:rgba(202,212,224,.34); }
.telegram-more-trigger,.telegram-shell-close { width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.06);border-radius:50%;background:rgba(8,11,17,.68);color:#dce4ef;cursor:pointer; }
.telegram-more-trigger { margin:0;font-size:20px;line-height:1; }
.telegram-shell-close { margin:0;font-size:22px;font-weight:300;line-height:1; }
@media (max-width:760px) {
  body { background:#05080e; }
  .telegram-miniapp-bar { height:53px; padding:0 9px; background:#10101d; border-bottom:1px solid rgba(255,255,255,.035); }
  .telegram-shell-back { width:29px;height:34px;display:grid;place-items:center;color:#dbe3ef; }
  .telegram-shell-back svg { width:19px;height:19px; }
  .telegram-title { display:inline;margin-left:6px;font-size:14px;font-weight:650;letter-spacing:.05px; }
  .telegram-handle { display:none; }
  .telegram-more-trigger { width:30px;height:34px;margin-left:auto;font-size:20px;color:#bfc7d3; }
  .telegram-shell-close { width:29px;height:34px;margin-left:5px;font-size:23px;color:#c4cbd5; }
  .main-area { margin:0;min-height:100vh; }
  .main-content { width:100%;min-height:100vh;margin:0;padding:68px 15px calc(135px + env(safe-area-inset-bottom)); }
  .sidebar { display:block;position:fixed;z-index:25;top:auto;right:2.5%;bottom:27px;left:2.5%;width:auto;height:84px;padding:8px 9px;border:1px solid rgba(128,154,187,.2);border-radius:44px;background:rgba(9,15,29,.98);box-shadow:0 7px 26px rgba(0,0,0,.34);backdrop-filter:blur(16px); }
  .sidebar-back,.sidebar .brand,.sidebar .balance-card,.side-nav .nav-divider { display:none!important; }
  .side-nav { width:100%;height:100%;padding:0;display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:6px;align-items:stretch; }
  .side-nav .nav-item { display:none;height:auto;min-height:0;margin:0;padding:4px 2px;flex-direction:column;justify-content:center;gap:3px;border:1px solid transparent;border-radius:36px;background:transparent;color:#f0f3f8;font-size:13px;line-height:1.1;font-weight:700;text-align:center; }
  .side-nav [data-nav="rewards"],.side-nav [data-nav="home"],.side-nav [data-nav="profile"] { display:flex; }
  .side-nav [data-nav="rewards"] { order:1; }.side-nav [data-nav="home"] { order:2; }.side-nav [data-nav="profile"] { order:3; }
  .side-nav .nav-item svg { width:24px;height:24px;flex:none;color:#f0f3f8;stroke-width:1.9; }
  .side-nav .nav-item span { display:block;white-space:nowrap; }
  .side-nav .nav-item.active { color:#fff;background:linear-gradient(180deg,#258be9,#0863c9);border-color:rgba(129,194,255,.37);box-shadow:0 3px 12px rgba(0,100,218,.24),inset 0 1px rgba(255,255,255,.15); }
  .side-nav .nav-item.active svg { color:white; }
  body[data-mobile-tab="home"] .side-nav [data-nav="home"],body[data-mobile-tab="rewards"] .side-nav [data-nav="rewards"],body[data-mobile-tab="profile"] .side-nav [data-nav="profile"] { color:#fff;background:linear-gradient(180deg,#258be9,#0863c9);border-color:rgba(129,194,255,.37);box-shadow:0 3px 12px rgba(0,100,218,.24),inset 0 1px rgba(255,255,255,.15); }
  body[data-mobile-tab="home"] .side-nav [data-nav="home"] svg,body[data-mobile-tab="rewards"] .side-nav [data-nav="rewards"] svg,body[data-mobile-tab="profile"] .side-nav [data-nav="profile"] svg { color:#fff; }
  .miniapp-footer { position:fixed;z-index:24;inset:auto 0 0;height:23px;display:flex;align-items:center;justify-content:center;background:#080c15;color:#66768c;font-size:9px;letter-spacing:.2px; }
  .page-back { display:inline-grid;vertical-align:middle;width:39px;height:39px;margin:0 11px 10px 0; }
  .heading-row { display:inline-flex;vertical-align:middle;max-width:calc(100% - 54px);align-items:center;min-height:39px; }
  .heading-row>div { min-width:0; }
  .heading-row h1 { margin:0;font-size:20px;line-height:1.2;letter-spacing:-.45px; }
  .heading-row .page-subtitle { margin:3px 0 0;font-size:11px;line-height:1.25; }
  .page-subtitle { color:#8896aa; }
  .home-top,.brand-panel-top { display:flex;align-items:center;justify-content:space-between;gap:8px;margin:1px 0 15px; }
  .home-brand,.mini-brand { min-width:0;display:flex;align-items:center;gap:9px; }
  .brand-mark-mini { width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid rgba(71,178,255,.85);border-radius:50%;background:radial-gradient(circle,#112f52,#061121 72%);box-shadow:0 0 15px rgba(27,139,255,.42);color:#d9f3ff;font-size:14px;font-weight:850;font-style:italic; }
  .home-brand>span:last-child,.mini-brand>span:last-child { display:flex;align-items:baseline;gap:4px;white-space:nowrap; }
  .home-brand b,.mini-brand b { font-size:14px;font-weight:850;letter-spacing:-.25px; }
  .home-brand small,.mini-brand small { color:#74b8ef;font-size:10px;font-weight:800; }
  .balance-chip { height:34px;padding:0 11px;display:flex;align-items:center;gap:5px;border:1px solid rgba(161,184,212,.13);border-radius:18px;background:linear-gradient(180deg,#1a202b,#10151e);font-size:12px;font-weight:750;white-space:nowrap; }
  .balance-chip small { color:#8195ae;font-size:9px;letter-spacing:.8px; }
  .balance-chip span,.balance-chip i { color:#72beff;font-style:normal; }
  .home-ticker { display:flex;gap:7px;margin:0 -15px 15px;padding:0 15px 2px;overflow-x:auto;scrollbar-width:none; }
  .home-ticker::-webkit-scrollbar,.mini-grid::-webkit-scrollbar,.gift-grid::-webkit-scrollbar { display:none; }
  .home-ticker span { padding:7px 10px;border-radius:13px;font-size:10px;white-space:nowrap; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }
  .product-tile { min-height:113px;padding:13px;border-radius:17px;gap:5px; }
  .product-tile>span { font-size:25px; }.product-tile strong { font-size:14px; }.product-tile small { font-size:10px; }.product-tile i { right:12px;bottom:10px;font-size:19px; }
  .premium-tile { background:linear-gradient(145deg,#2c243e,#131722); }.gift-tile { background:linear-gradient(145deg,#34252a,#131722); }.stars-tile { background:linear-gradient(145deg,#12345a,#101a28); }.rent-tile { background:linear-gradient(145deg,#123c3b,#101922); }
  .section-title { margin:16px 0 9px; }.section-title h2 { font-size:15px; }
  .home-rent-title { margin-top:14px; }
  .mini-grid { display:flex;gap:8px;margin:0 -15px;padding:0 15px 4px;overflow-x:auto;scrollbar-width:none; }
  .mini-item { width:104px;min-width:104px;min-height:117px;align-items:flex-start;padding:10px;border-radius:16px;text-align:left; }
  .mini-art { width:40px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#182a3d,#111722);font-size:26px; }
  .mini-item strong { width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px; }.mini-item small { font-size:9px;white-space:nowrap; }
  .nft-banner { min-height:102px;position:relative;gap:10px;margin:12px 0 15px;padding:12px;border-radius:18px;background:linear-gradient(110deg,#142b48,#111923);overflow:hidden; }
  .nft-art { width:43px;height:43px;flex:none;border-radius:13px;font-size:25px; }
  .nft-banner-title { display:flex;flex-direction:column;gap:4px; }.nft-banner-title b { font-size:14px; }.nft-banner-title small,.nft-banner-title i { color:#9cb0c5;font-size:9px;font-style:normal; }.nft-banner-title i { margin-top:2px; }
  .nft-thumbs { margin-left:auto;display:flex;align-items:center;gap:2px; }.nft-thumbs i { display:grid;place-items:center;width:31px;height:37px;border-radius:10px;background:linear-gradient(145deg,#233955,#161b28);font-size:20px;font-style:normal;transform:rotate(-7deg); }.nft-thumbs i:nth-child(2){transform:translateY(-5px) rotate(5deg)}
  .home-ticker-lower { margin:12px -15px; }
  .stats-row { grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:12px; }
  .stats-row>div { min-width:0;padding:9px 6px;gap:5px;border-radius:13px;text-align:center; }.stats-row strong { font-size:14px;white-space:nowrap; }.stats-row small { font-size:7px;line-height:1.3;letter-spacing:.35px; }
  .mode-switch { height:47px; }
  .purchase-layout,.sell-layout,.product-layout,.gift-layout,.topup-layout { display:flex;flex-direction:column;gap:10px;margin-top:7px; }
  .purchase-layout .quantity-column,.purchase-layout .checkout-column,.sell-amount,.sell-options,.product-options,.gift-options,.topup-form { width:100%; }
  .recipient-heading { height:37px; }.recipient-heading .eyebrow {font-size:9px;letter-spacing:1.5px;}
  .username-input { height:48px;padding-inline:13px;border-radius:16px;font-size:12px; }
  .star-stage { height:172px;margin-top:3px; }.hero-star { width:41px;height:41px;top:2px; }.quantity-display { top:55px; }.quantity-display strong { font-size:82px;letter-spacing:-5px; }.quantity-display span { font-size:10px; }
  .quantity-adjust { top:77px;width:42px;height:42px; }.quantity-adjust.minus { left:0; }.quantity-adjust.plus { right:0; }
  .orbit-one { width:min(280px,82vw);height:87px; }.orbit-two { width:min(310px,89vw);height:120px; }.orbit-dots { width:min(250px,72vw);height:82px; }
  .dot-left { left:10%;top:115px; }.dot-right { right:10%;top:107px; }
  .price-line { height:39px; }.price-line strong { font-size:16px; }.price-line span {font-size:10px;}
  .presets { gap:6px; }.preset { height:37px;font-size:11px; }
  .packages { grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }.package-card { height:49px;gap:5px;padding-inline:7px;border-radius:14px; }.package-card>strong,.package-card>b { font-size:10px; }.package-card>b { margin-left:auto; }.package-card>b small {font-size:8px}.package-star {font-size:19px}.radio {width:16px;height:16px;}
  .payment-methods { height:100px;margin-top:11px;border-radius:18px; }.payment-option { gap:6px;font-size:11px; }.payment-option svg {width:17px;height:17px;}
  .checkout-button { min-height:49px;height:auto;margin-top:11px;padding:12px 14px;font-size:12px;line-height:1.3; }
  .sell-amount,.product-hero,.gift-preview,.topup-aside {padding:14px;border-radius:18px;}
  .sell-amount { background:transparent;border:0;padding:0; }.sell-amount .star-stage {height:168px;}.sell-options {gap:8px;}
  .payout-card {padding:12px 10px;gap:8px;}.payout-card>strong {font-size:10px;}.payout-card>strong small {font-size:8px;}
  .premium-recipient {margin-bottom:5px;}.premium-stage {height:150px;display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:3px;margin:8px 0 10px;}
  .premium-crown {color:#ffd44e;font-size:52px;line-height:1;text-shadow:0 0 20px rgba(255,185,41,.45);}.premium-stage>strong {color:#78bfea;font-size:11px;letter-spacing:3px;}.premium-stage>div {display:flex;align-items:center;gap:7px;margin-top:6px;}.premium-stage b {font-size:16px;}.premium-stage s {color:#77889b;font-size:10px;}.premium-stage span {padding:3px 6px;border-radius:8px;background:rgba(52,181,122,.14);color:#6bd49e;font-size:9px;font-weight:800;}
  .plan-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0;}.plan-card {min-height:49px;padding:6px;gap:4px;flex-wrap:wrap;border-radius:12px;}.plan-card .radio {width:14px;height:14px;}.plan-card b {font-size:10px;}.plan-card strong {margin-left:0;font-size:9px;}.plan-card small {margin-left:auto;font-size:8px;}
  .gift-recipient {margin-bottom:3px;}.gift-preview {min-height:202px;position:relative;justify-content:center;margin:4px 0 8px;padding:10px;border:0;background:transparent;overflow:hidden;}
  .gift-orbit {position:absolute;width:240px;height:110px;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-9deg);border:1px solid rgba(102,157,207,.14);border-radius:50%;}.gift-preview .big-emoji {z-index:1;font-size:74px;}.gift-preview h2 {z-index:1;margin:3px 0;font-size:16px;}.gift-preview p {z-index:1;margin:0;color:#8292a6;font-size:10px;}
  .gift-grid {display:flex;gap:7px;margin:4px -15px 10px;padding:0 15px 5px;overflow-x:auto;scrollbar-width:none;}.gift-card {width:106px;min-width:106px;min-height:105px;border-radius:14px;}.gift-card>span {font-size:26px;}.gift-card b {font-size:10px;}.gift-card small {font-size:8px;white-space:nowrap;}
  .market-tabs {width:100%;margin:10px 0;padding:3px;border-radius:18px;}.market-tabs button {flex:1;padding:10px 6px;font-size:10px;}
  .market-toolbar {gap:7px;margin:11px 0;}.market-toolbar .username-input {flex:1;min-width:0;height:43px;padding-inline:10px;}.market-toolbar input {font-size:10px;}.filter-pill {padding:8px 10px;font-size:10px;}
  .nft-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}.nft-card {border-radius:12px;}.nft-card-open {width:100%;display:block;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;}.nft-illustration {height:91px;font-size:39px;}.nft-card-info {gap:4px;padding:7px;}.nft-card-info strong {font-size:9px;}.nft-card-info span {font-size:8px;}.nft-card-info>b {font-size:9px;}.nft-card-info>b small {font-size:8px;}
  .sell-banner {padding:10px;gap:7px;flex-wrap:wrap;}.sell-banner>span {font-size:23px;}.sell-banner small {font-size:8px;}.sell-banner button {margin-left:auto;padding:7px;font-size:9px;}.my-row {padding:12px 2px;font-size:12px;}
  .rental-category-grid {grid-template-columns:1fr;gap:10px;margin-top:7px;}.rental-category {min-height:175px;padding:17px;border-radius:21px;}.rental-category b {font-size:18px;}.rental-category small {font-size:11px;}.rental-category .rent-cat-icon {position:absolute;right:25px;top:54px;font-size:53px;}.rent-cat-0 {background:radial-gradient(circle at 82% 55%,rgba(37,149,255,.48),transparent 35%),linear-gradient(125deg,#123b66,#102440);}.rent-cat-1 {background:radial-gradient(circle at 82% 55%,rgba(104,73,166,.3),transparent 38%),linear-gradient(125deg,#1d2137,#111724);}
  .rental-shortcuts {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;}.rental-shortcuts button {min-height:130px;display:flex;align-items:flex-start;flex-direction:column;gap:5px;padding:12px;border-radius:17px;}.rental-shortcuts button>span {width:46px;height:46px;display:grid;place-items:center;margin-bottom:4px;border-radius:50%;background:rgba(45,135,217,.2);font-size:24px;}.rental-shortcuts button:nth-child(2)>span {background:rgba(190,54,105,.19);color:#ff77a5;}.rental-shortcuts b {font-size:12px;}.rental-shortcuts small {font-size:9px;line-height:1.3;}.rental-shortcuts i {display:none;}
  .filter-row {gap:6px;margin:10px 0;overflow-x:auto;scrollbar-width:none;}.filter-row .filter-pill {padding:8px 10px;font-size:10px;}.results-count {display:none;}
  .rental-list-grid.gift-rental-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.rental-item {min-height:0;padding:7px;border-radius:15px;}.rental-card-open {width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:0;border:0;background:none;text-align:left;cursor:pointer;}
  .rental-art {height:auto;aspect-ratio:1/1;margin:0 0 8px;border-radius:12px;font-size:54px;}.rental-item>b {font-size:11px;}.rental-item>small {font-size:8px;line-height:1.3;margin:3px 0;}.rental-item>strong {margin-top:5px;font-size:11px;}.rental-item>strong small {font-size:9px;}
  .username-list {display:flex;flex-direction:column;gap:8px;}.username-rental-row {position:relative;min-height:73px;border:1px solid var(--line);border-radius:15px;background:var(--panel);}.username-rental-open {width:100%;min-height:73px;display:flex;align-items:center;gap:10px;padding:11px;border:0;background:none;text-align:left;cursor:pointer;}.username-rental-open .at-sign {width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#102742;font-size:21px;}.user-rental-copy {display:flex;flex-direction:column;gap:5px;}.user-rental-copy b {font-size:12px;}.user-rental-copy small {color:#8495aa;font-size:9px;}.username-rental-open>strong {margin-left:auto;margin-right:24px;white-space:nowrap;font-size:11px;}.username-rental-open>strong small {display:block;color:#8495aa;font-size:8px;font-weight:500;}.username-rental-row .heart-button {top:21px;right:8px;width:25px;height:25px;font-size:15px;}
  .rental-owned-list {gap:9px;margin-top:10px;}.owned-rental {position:relative;flex-wrap:wrap;gap:9px;padding:10px;border-radius:16px;}.owned-rental .rental-art {width:75px;height:75px;aspect-ratio:1;margin:0;flex:none;font-size:34px;}.owned-rental>div:nth-child(2) {min-width:0;flex:1;}.owned-rental h2 {margin:5px 0;font-size:12px;}.owned-rental h2 small {font-size:9px;}.owned-rental p {margin:4px 0;font-size:9px;}.owned-actions {width:100%;margin:0;}.owned-actions button {flex:1;padding:8px;font-size:10px;}
  .empty-state {min-height:250px;}.empty-state h2 {font-size:16px;}.empty-state p {font-size:11px;}
  .my-nft-section {margin:12px 0 18px;}.my-nft-empty {min-height:87px;display:grid;place-items:center;margin-top:8px;border:1px solid var(--line);border-radius:15px;background:rgba(15,20,29,.65);color:#8393a8;font-size:12px;}
  .collection-sorts {display:flex;gap:7px;margin:11px 0;}.collection-sorts .filter-pill {flex:1;text-align:center;}.collection-colors {display:flex;gap:10px;align-items:center;margin:11px 0;overflow:auto;scrollbar-width:none;}.color-swatch {width:26px;height:26px;min-width:26px;display:grid;place-items:center;border:2px solid transparent;border-radius:50%;background:#668cb7;color:#f0f4f9;font-size:7px;overflow:hidden;}.color-swatch:nth-child(3){background:#8fb282}.color-swatch:nth-child(4){background:#d5ad5c}.color-swatch:nth-child(5){background:#272a30}.color-swatch:nth-child(6){background:#bd7a9b}.color-swatch.selected {width:auto;min-width:64px;padding:0 9px;border-radius:16px;background:#12345a;border-color:#2789df;font-size:9px;}
  .collection-grid .nft-card-open {position:relative;}.collection-id {position:absolute;z-index:2;top:5px;left:6px;padding:3px 5px;border-radius:8px;background:rgba(2,6,12,.62);font-size:8px;}.collection-grid .nft-illustration {height:83px;}.collection-grid .nft-card-info {min-height:40px;}.collection-grid .order-pill {display:inline-block;margin-top:3px;color:#69b9ff;font-size:7px;letter-spacing:.5px;}
  .nft-detail {margin-top:12px;}.nft-detail-art {height:270px;display:grid;place-items:center;border:1px solid var(--line);border-radius:21px;font-size:100px;}.nft-properties {display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0;}.nft-properties>div {min-width:0;display:flex;flex-direction:column;gap:5px;padding:9px;border:1px solid var(--line);border-radius:13px;background:var(--panel);}.nft-properties span,.nft-detail-price span {color:#8192a8;font-size:9px;}.nft-properties b {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;}.nft-detail-price {display:flex;align-items:center;justify-content:space-between;padding:12px 2px;border-bottom:1px solid var(--line);}.nft-detail-price b {font-size:15px;}.nft-receiver {margin-top:7px;}.nft-receiver>small {display:block;margin:9px 2px;color:#8497ae;font-size:10px;}.nft-receiver .checkout-button:disabled {background:#111d33;color:#8a9ab1;}
  .profile-card {display:flex;align-items:center;flex-wrap:nowrap;margin:9px 0;padding:15px;border-radius:19px;background:linear-gradient(120deg,#152844,#111722);}.profile-avatar {width:52px;height:52px;flex:none;}.profile-identity-copy {min-width:0;}.profile-identity-copy .profile-tag {color:#80bae4;font-size:9px;letter-spacing:1px;font-weight:800;}.profile-card h2 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 3px;font-size:13px;}.profile-card p {font-size:10px;}
  .profile-balance-card {display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel);}.profile-balance-card>div {display:flex;flex-direction:column;gap:4px;}.profile-balance-card small {color:#7db9e7;font-size:8px;letter-spacing:1.2px;font-weight:800;}.profile-balance-card b {font-size:17px;}.profile-balance-card button {padding:8px 11px;border:0;border-radius:20px;background:linear-gradient(180deg,#248cf0,#0a67cb);font-size:10px;font-weight:750;}
  .profile-menu {gap:6px;border:0;border-radius:0;overflow:visible;background:none;}.profile-row {min-height:52px;grid-template-columns:28px 1fr auto 14px;gap:8px;padding:9px 11px;border:1px solid var(--line)!important;border-radius:14px;background:rgba(17,22,31,.88);}.profile-row>span {font-size:17px;}.profile-row>b {font-size:11px;}.profile-row>small {font-size:9px;}.profile-row>i {font-size:17px;}
  .profile-language {min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:8px 11px;border:1px solid var(--line);border-radius:14px;background:rgba(17,22,31,.88);}.profile-language>b {font-size:11px;}.profile-language>div {display:flex;gap:3px;padding:3px;border-radius:15px;background:#0c111a;}.profile-language button {min-width:38px;padding:6px;border:0;border-radius:12px;background:transparent;color:#93a1b5;font-size:9px;font-weight:750;}.profile-language button.selected {background:#246fb4;color:white;}.profile-footer-links {display:flex;gap:20px;margin:14px 4px 0;}.profile-footer-links button {padding:0;border:0;background:none;color:#8fa1b8;font-size:10px;}
  .reward-panel {margin:10px 0;padding:13px;border:1px solid rgba(81,154,226,.18);border-radius:17px;background:linear-gradient(140deg,#142842,#111822);}.reward-panel>.eyebrow {display:block;margin-bottom:10px;font-size:9px;letter-spacing:1.3px;}.reward-panel .ranking-list {border:0;background:transparent;}.reward-panel .ranking-list>div {gap:8px;padding:9px 0;border:0;background:transparent;}.rank-avatar {width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#28547c,#18253a);color:#d8edff;font-size:12px;font-weight:800;}.rank-person {min-width:0;flex:1;display:flex;flex-direction:column;gap:6px;}.rank-person>b {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;}.rank-person>i {height:5px;overflow:hidden;border-radius:5px;background:#263243;}.rank-person em {height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,#1482e8,#56c6ff);}.reward-panel .ranking-list strong {color:#dce8f5;font-size:9px;white-space:nowrap;}.tariff-row {gap:8px;margin-top:10px;padding:12px;border-radius:15px;}.tariff-row>b {font-size:11px;}.tariff-row small {margin-left:auto;font-size:9px;}.tariff-row i {font-size:16px;}
  .heading-row:has(+ .reward-panel) {display:flex;max-width:none;align-items:flex-start;margin-bottom:7px;}.heading-row:has(+ .reward-panel) h1 {font-size:19px;}
  .history-count {margin:8px 0;font-size:10px;}.orders-list {border:0;display:flex;flex-direction:column;gap:8px;}.order-row {grid-template-columns:31px minmax(0,1fr) auto;gap:7px;padding:10px;border:1px solid var(--line)!important;border-radius:14px;}.order-row>div b {font-size:10px;}.order-row>div small {font-size:9px;}.order-row>strong {font-size:10px;}.order-row .status {grid-column:2/4;justify-self:start;font-size:8px;}
  .invite-page {gap:8px;margin-top:8px;}.invite-hero {min-height:150px;padding:13px;border-radius:18px;}.invite-hero strong {font-size:43px;}.invite-hero p {font-size:10px;}.invite-link-card,.invite-stats,.invite-steps,.empty-invites {border-radius:14px;}.invite-link-card {padding:11px;}.invite-link-card b {font-size:10px;}.invite-stats {padding:10px 4px;}.invite-stats b {font-size:17px;}.invite-stats small {font-size:7px;letter-spacing:.3px;}.invite-steps>div {gap:9px;padding:10px;font-size:10px;}.invite-steps i {width:21px;height:21px;flex:none;font-size:10px;}
  .podium {min-height:192px;margin:10px 0;padding:8px 4px;gap:4px;}.podium-card {width:32%;min-height:107px;gap:5px;}.podium-card.first {min-height:143px;}.podium-card.second {min-height:111px;}.podium-card.third {min-height:91px;}.podium-card>b {font-size:25px;}.podium-card small {font-size:9px;}.leaderboard>div {padding:10px;}.leaderboard b {font-size:10px;}.leaderboard strong {font-size:9px;}
  .help-protect {margin:8px 0;padding:11px;border-radius:15px;}.help-protect>span {width:35px;height:35px;flex:none;font-size:20px;}.help-protect b {font-size:11px;}.help-protect small {font-size:9px;}.faq-row {padding-inline:10px;}.faq-row summary {min-height:48px;font-size:10px;}.faq-row p {font-size:10px;}.help-contact {height:47px;margin-top:10px;font-size:11px;}
  .balance-topup-screen {min-height:0;margin:0 -4px;padding:8px 4px 0;}.balance-topup-screen:before {width:480px;height:480px;top:-130px;left:50%;}.topup-balance-hero {position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;padding:8px 0 0;}.balance-total {margin:8px 0;font-size:44px;}.cashback-pill {font-size:9px;}.topup-controls {width:100%;margin:38px auto 0;}.topup-controls>p {font-size:9px;}.topup-presets {grid-template-columns:repeat(4,1fr);gap:6px;margin:9px 0;}.topup-presets .preset {height:38px;font-size:9px;}.custom-amount {margin:9px 0;}.friend-topup-input {margin:8px 0;}
  .updates-screen {position:relative;min-height:calc(100vh - 195px);display:flex;align-items:center;flex-direction:column;justify-content:center;margin:-16px -15px;padding:35px 21px 18px;background:radial-gradient(ellipse at 50% 18%,rgba(20,103,179,.28),transparent 45%),#070b12;text-align:center;}.updates-close {position:absolute;top:6px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#141b27;font-size:23px;}.updates-logo {margin-bottom:18px;color:#edf5fd;font-size:22px;font-weight:900;letter-spacing:-1px;}.updates-logo small {color:#58b3fb;font-size:12px;}.updates-screen>.eyebrow {font-size:9px;}.updates-screen h1 {max-width:300px;margin:8px 0 17px;font-size:23px;}.update-feature {width:100%;display:flex;align-items:center;gap:12px;margin:5px 0;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(19,25,36,.9);text-align:left;}.update-feature>span {width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:12px;background:#132b48;color:#77c1ff;font-size:21px;}.update-feature>div {display:flex;flex-direction:column;gap:4px;}.update-feature b {font-size:11px;}.update-feature small {color:#93a4b8;font-size:9px;line-height:1.45;}.updates-screen .checkout-button {margin-top:14px;}
  .toast {left:50%;bottom:calc(108px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);text-align:center;}
  .modal-backdrop {position:fixed;z-index:40;inset:53px 0 23px;display:flex;align-items:flex-end;justify-content:center;background:rgba(2,5,10,.64);backdrop-filter:blur(5px);}
  .bottom-sheet {width:100%;max-height:calc(100vh - 76px);overflow:auto;padding:10px 18px 21px;border:1px solid rgba(156,178,206,.12);border-bottom:0;border-radius:24px 24px 0 0;background:#0b1019;box-shadow:0 -15px 50px rgba(0,0,0,.35);}
  .sheet-grab {width:37px;height:4px;margin:0 auto 17px;border-radius:4px;background:#515c6c;}.sheet-title {display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}.sheet-title h2 {margin:0;font-size:18px;}.sheet-close {width:31px;height:31px;border:0;border-radius:50%;background:#18202c;color:#cbd7e5;font-size:21px;}
  .rental-sheet {padding:10px 18px 23px;}.rental-sheet-head {display:flex;align-items:center;gap:11px;position:relative;margin:0 0 16px;}.rental-sheet-art {width:72px;height:72px;display:grid;place-items:center;flex:none;border-radius:15px;font-size:38px;}.rental-sheet-head h2 {margin:0 0 7px;font-size:15px;}.rental-tags {display:flex;flex-wrap:wrap;gap:4px;}.rental-tags span {padding:4px 6px;border-radius:9px;background:#1a2230;color:#b4c0d0;font-size:8px;}.rental-sheet-head .sheet-close {margin-left:auto;align-self:flex-start;}.duration-row {display:flex;align-items:center;justify-content:space-between;margin:6px 0 8px;}.duration-row b {font-size:12px;}.duration-row span {color:#98a7bb;font-size:10px;}.duration-control {display:flex;align-items:center;gap:9px;}.duration-control button {width:47px;height:47px;border:0;border-radius:50%;background:#192231;color:#eaf4ff;font-size:23px;}.duration-control strong {flex:1;height:47px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:#141b26;font-size:15px;}.duration-chip {margin:8px 0 12px;padding:7px 13px;border:0;border-radius:16px;background:#1676cf;color:#fff;font-size:10px;font-weight:750;}.rental-pay-grid {display:grid;grid-template-columns:1fr 1fr;gap:7px;}.rental-pay-option {min-height:50px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:18px;background:#151b25;}.rental-pay-option.selected {border-color:#238cf0;background:linear-gradient(115deg,#152c49,#172236);}.rental-pay-option b {font-size:14px;}.rental-pay-option small {color:#e37c7c;font-size:8px;}.rental-summary {margin-top:11px;padding:12px;border:1px solid var(--line);border-radius:17px;background:#141922;}.rental-summary>div {display:flex;align-items:center;justify-content:space-between;padding:7px 1px;color:#9caabd;font-size:10px;}.rental-summary b {color:#e7edf5;font-size:11px;}.rental-summary .rental-total {margin-top:4px;padding-top:10px;border-top:1px solid var(--line);color:#e8edf5;font-weight:750;}.rental-summary .rental-total b {font-size:14px;}.trial-button {width:100%;min-height:43px;margin-top:8px;border:1px solid var(--line);border-radius:24px;background:#182333;color:#dbe7f5;font-size:10px;font-weight:700;}.sheet-note {margin:10px 0 0;color:#8291a3;font-size:9px;line-height:1.5;text-align:center;}
  .filter-sheet {padding-bottom:25px;}.filter-options {display:flex;flex-direction:column;gap:4px;}.filter-options button {min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:#e2e9f2;text-align:left;font-size:12px;}.filter-options button.selected {color:#61b9ff;}.filter-options button span {color:#4aa9ff;}.ranking-sheet {padding-bottom:25px;}.ranking-sheet h2 {margin:5px 0;font-size:18px;}.ranking-sheet>p {margin:4px 0 10px;color:#8d9db1;font-size:9px;}.points-rows>div,.prize-row {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line);font-size:10px;}.points-rows span {display:flex;flex-direction:column;gap:3px;}.points-rows small {color:#8393a7;font-size:8px;}.points-rows b,.prize-row b {white-space:nowrap;color:#c9d8e8;font-size:10px;}.ranking-sheet h3 {margin:12px 0 2px;color:#73bdf4;font-size:9px;letter-spacing:1.5px;}
}

@media (max-width:390px) {
  .main-content {padding-inline:11px;}.home-ticker {margin-inline:-11px;padding-inline:11px;}.mini-grid,.gift-grid {margin-inline:-11px;padding-inline:11px;}
  .product-tile {min-height:105px;padding:11px;}.package-card {gap:4px;padding-inline:5px;}.package-card>strong {font-size:9px;}.package-card>b {font-size:9px;}.nft-illustration {height:79px;font-size:34px;}.nft-card-info {padding:6px;}.nft-card-info strong {font-size:8px;}
}

/* Telegram Mini App phone layout */
:root { --app-viewport-height:var(--tg-viewport-stable-height,var(--telegram-app-viewport-height,100vh)); }
@supports (height:100dvh) {
  :root { --app-viewport-height:var(--tg-viewport-stable-height,var(--telegram-app-viewport-height,100dvh)); }
}
.telegram-miniapp-bar,.miniapp-footer { display:none!important; }
@media (max-width:760px) {
  :root { --miniapp-safe-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px)); }
  html,body { min-width:320px;overflow-x:hidden; }
  body { min-height:100vh;min-height:100dvh;min-height:var(--app-viewport-height,100dvh);background:#05080e; }
  .app-shell,.main-area,.main-content { min-height:var(--app-viewport-height,100dvh); }
  .main-area { margin:0; }
  .main-content { width:100%;margin:0;padding:12px 15px calc(117px + var(--miniapp-safe-bottom));overflow-x:clip; }
  .sidebar {
    display:block!important;position:fixed;z-index:25;top:auto;right:2.5%;bottom:calc(18px + var(--miniapp-safe-bottom));left:2.5%;
    width:auto;height:84px;padding:6px 8px;border:1px solid rgba(128,154,187,.2);border-radius:44px;
    background:rgba(9,15,29,.98);box-shadow:0 7px 26px rgba(0,0,0,.34);backdrop-filter:blur(16px);
    transition:transform .18s ease,opacity .18s ease;
  }
  .sidebar-back,.sidebar .brand,.sidebar .balance-card,.side-nav .nav-divider { display:none!important; }
  .side-nav { width:100%;height:100%;padding:0;display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:6px;align-items:stretch; }
  .side-nav .nav-item {
    display:none;height:auto;min-height:44px;margin:0;padding:4px 2px;flex-direction:column;justify-content:center;gap:3px;
    border:1px solid transparent;border-radius:36px;background:transparent;color:#f0f3f8;font-size:13px;line-height:1.1;font-weight:700;text-align:center;
  }
  .side-nav [data-nav="rewards"],.side-nav [data-nav="home"],.side-nav [data-nav="profile"] { display:flex; }
  .side-nav [data-nav="rewards"] { order:1; }.side-nav [data-nav="home"] { order:2; }.side-nav [data-nav="profile"] { order:3; }
  .side-nav .nav-item svg { width:24px;height:24px;flex:none;color:#f0f3f8;stroke-width:1.9; }
  .side-nav [data-nav="home"] span { font-size:15px; }
  .side-nav .nav-item span { display:block;white-space:nowrap; }
  .side-nav .nav-item.active,body[data-mobile-tab="home"] .side-nav [data-nav="home"],body[data-mobile-tab="rewards"] .side-nav [data-nav="rewards"],body[data-mobile-tab="profile"] .side-nav [data-nav="profile"] {
    color:#fff;background:linear-gradient(180deg,#258be9,#0863c9);border-color:rgba(129,194,255,.37);box-shadow:0 3px 12px rgba(0,100,218,.24),inset 0 1px rgba(255,255,255,.15);
  }
  .side-nav .nav-item.active svg,body[data-mobile-tab="home"] .side-nav [data-nav="home"] svg,body[data-mobile-tab="rewards"] .side-nav [data-nav="rewards"] svg,body[data-mobile-tab="profile"] .side-nav [data-nav="profile"] svg { color:#fff; }
  body.telegram-mini-app .page-back { display:none!important; }
  .heading-row { max-width:100%; }
  body.telegram-mini-app .updates-close { display:none; }
  .purchase-layout .packages { display:none; }
  .nft-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:7px; }
  .nft-grid .nft-illustration { height:clamp(80px,21vw,102px);font-size:44px; }
  .nft-grid .nft-card-info { gap:4px;padding:8px; }
  .nft-grid .nft-card-info strong { font-size:9px; }
  .nft-grid .nft-card-info span { font-size:8px; }
  .nft-grid .nft-card-info>b { font-size:9px; }
  .rental-list-grid.gift-rental-list { grid-template-columns:repeat(3,minmax(0,1fr));gap:7px; }
  .rental-list-grid.gift-rental-list .rental-art { height:auto;aspect-ratio:1/1;font-size:42px; }
  .preset,.topup-presets .preset { min-height:44px;height:auto; }
  .quantity-adjust { min-width:44px;min-height:44px; }
  .filter-pill,.self-pill,.balance-chip { min-height:40px; }
  .toast { bottom:calc(108px + var(--miniapp-safe-bottom)); }
  .updates-screen { min-height:calc(var(--app-viewport-height,100vh) - 117px - var(--miniapp-safe-bottom)); }
  .bottom-sheet { max-height:calc(var(--app-viewport-height,100dvh) - 76px);padding-bottom:calc(21px + var(--miniapp-safe-bottom)); }
  .modal-backdrop { inset:0; }
  body.keyboard-open .sidebar { transform:translateY(calc(100% + 28px));opacity:0;pointer-events:none; }
  body.keyboard-open .main-content { padding-bottom:20px; }
}
@media (max-width:390px) {
  .main-content { padding-inline:11px; }
  .home-ticker { margin-inline:-11px;padding-inline:11px; }
  .mini-grid,.gift-grid { margin-inline:-11px;padding-inline:11px; }
  .rental-list-grid.gift-rental-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:360px) {
  .nft-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Final Mini App overrides: selected bottom tab expands and payment views stay compact. */
@media (max-width:760px) {
  .side-nav {grid-template-columns:repeat(4,minmax(0,1fr));}
  .side-nav .nav-item {grid-column:span 1;}
  body[data-mobile-tab="home"] .side-nav [data-nav="home"],
  body[data-mobile-tab="rewards"] .side-nav [data-nav="rewards"],
  body[data-mobile-tab="profile"] .side-nav [data-nav="profile"] {grid-column:span 2;}
  .payment-progress-card,.payment-instructions-card {margin:9px auto;padding:13px;border-radius:16px;}
  .payment-progress-card>strong {font-size:15px;}
  .payment-detail-list>div {gap:7px;padding:10px;}
  .payment-detail-list>div small {min-width:76px;font-size:8px;}
  .payment-detail-list>div b {font-size:11px;}
  .topup-controls {width:100%;min-height:0;margin:12px auto 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);}
  .topup-balance-hero {max-width:none;width:100%;margin:12px auto;padding:16px;}
}
.market-note,.profile-bonus-note {margin:10px 0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(18,31,48,.78);color:#a9b9cd;font-size:12px;line-height:1.55;}
.profile-bonus-note {margin-top:-4px;}
.topup-controls {margin-top:12px!important;}
.order-row {font:inherit;color:inherit;text-align:left;}
button.order-row {width:100%;border:0;border-bottom:1px solid var(--line);cursor:pointer;}
.order-row>span:not(.order-icon) {display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px;}
.order-row>span:not(.order-icon) small {color:#8191a4;font-size:11px;}