:root{--bg: #000000;--fg: #ffffff;--muted: rgba(255, 255, 255, .65);--muted2: rgba(255, 255, 255, .45);--stroke: rgba(255, 255, 255, .12);--card: rgba(255, 255, 255, .06);--card2: rgba(255, 255, 255, .09);--shadow: 0 12px 40px rgba(0, 0, 0, .55);--r12: 12px;--r16: 16px;--r20: 20px;--safeTop: env(safe-area-inset-top, 0px);--safeBottom: env(safe-area-inset-bottom, 0px);--tg-safe-top: 0px;--vh: 1vh}*{box-sizing:border-box}html,body{height:100%;background:var(--bg);color:var(--fg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:inherit;text-decoration:none}button{font-family:inherit}button:disabled{opacity:.55;cursor:not-allowed}input,select{font-family:inherit}.appRoot{background:var(--bg);color:var(--fg);display:flex;flex-direction:column;padding-top:var(--tg-safe-top);min-height:calc(var(--vh) * 100)}.topBar{padding:calc(14px + var(--safeTop)) 16px 12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--stroke)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brandMark{width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#ffffffe6,#ffffff40);box-shadow:var(--shadow);flex:0 0 auto}.brandTitle{font-size:16px;font-weight:700;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandTitles{display:flex;flex-direction:column;gap:2px;min-width:0}.brandTitleLine{font-size:14px;font-weight:900;letter-spacing:.2px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buyPill{display:inline-flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid var(--stroke);color:var(--fg);border-radius:999px;padding:10px 12px;cursor:pointer;box-shadow:var(--shadow)}.buyText{font-weight:700;letter-spacing:.8px;font-size:12px}.buyDivider{width:1px;height:16px;background:var(--stroke)}.buyBalance{font-weight:800;font-size:14px;min-width:22px;text-align:right}.appContent{flex:1;padding:16px;padding-bottom:calc(98px + var(--safeBottom))}.page{display:flex;flex-direction:column;gap:16px}.pageTitle{font-size:24px;font-weight:900;letter-spacing:.2px}.pageSubtitle{font-size:14px;color:var(--muted);line-height:1.35}.section{display:flex;flex-direction:column;gap:12px}.sectionTitle{font-size:28px;font-weight:900;letter-spacing:.2px}.heroCarousel{width:100%;overflow:hidden}.heroRow{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.heroRow::-webkit-scrollbar{height:6px}.heroRow::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.heroCard{scroll-snap-align:start;flex:0 0 84%;max-width:520px;border-radius:22px;background:radial-gradient(circle at 70% 40%,#ffffff2e,#ffffff0d);border:1px solid var(--stroke);min-height:128px;position:relative;overflow:hidden;box-shadow:var(--shadow);padding:18px;display:flex;align-items:flex-start}.heroCardTitle{font-size:22px;font-weight:900;max-width:65%;line-height:1.05}.heroCardArt{position:absolute;right:-28px;top:-24px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffffb3,#ffffff1a);filter:blur(0px);opacity:.6}.tileGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 420px){.tileGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}.tile{border:1px solid var(--stroke);background:#ffffff0f;border-radius:18px;padding:14px 10px;display:flex;flex-direction:column;gap:10px;align-items:center;cursor:pointer;box-shadow:var(--shadow);transition:transform .16s ease,background .16s ease,border-color .16s ease}.tile:active{transform:scale(.992)}.tile:hover{background:#ffffff13;border-color:#ffffff2e}.tileIcon{width:44px;height:44px;border-radius:16px;background:linear-gradient(180deg,#ffffff2e,#ffffff0a);border:1px solid var(--stroke)}.tileLabel{font-size:12px;color:var(--muted);text-align:center;line-height:1.1;min-height:28px}.card{border:1px solid var(--stroke);background:#ffffff0f;border-radius:var(--r16);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.cardTitle{font-size:16px;font-weight:900}.cardText{font-size:14px;color:var(--muted);line-height:1.35}.bottomNav{position:fixed;left:0;right:0;bottom:0;padding:10px 12px calc(12px + var(--safeBottom));background:#000000e6;border-top:1px solid var(--stroke);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottomNavItem{border:0;background:transparent;color:var(--muted2);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:8px 6px}.bottomNavItem.isActive{color:var(--fg)}.bottomNavItemCreate{transform:translateY(-12px);padding-top:0}.navIcon{width:26px;height:26px;border-radius:12px;border:1px solid var(--stroke);background:#ffffff0f}.navIconCreate{width:54px;height:54px;border-radius:18px;background:linear-gradient(180deg,#fff3,#ffffff0d);border:1px solid var(--stroke);box-shadow:var(--shadow)}.navLabel{font-size:11px;letter-spacing:.1px}.loaderWrap{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}.loaderPulse{width:56px;height:56px;border-radius:18px;border:1px solid var(--stroke);background:#ffffff0f;position:relative;overflow:hidden}.loaderPulse:after{content:"";position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;background:radial-gradient(circle at 30% 30%,#ffffff8c,#ffffff0f);animation:pulse 1.05s ease-in-out infinite}@keyframes pulse{0%{transform:translate(-12px,-10px) scale(.9);opacity:.55}50%{transform:translate(10px,12px) scale(1.02);opacity:.95}to{transform:translate(-12px,-10px) scale(.9);opacity:.55}}.loaderText{font-size:13px;color:var(--muted)}.errorWrap{min-height:100vh;padding:24px 16px;display:flex;flex-direction:column;gap:10px;justify-content:center}.errorTitle{font-size:22px;font-weight:900}.errorSubtitle{font-size:14px;color:var(--muted);line-height:1.35}.errorActions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.btnPrimary{border:1px solid rgba(255,255,255,.2);background:#ffffff1f;color:var(--fg);border-radius:14px;padding:12px 14px;font-weight:800;cursor:pointer}.btnSecondary{border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--fg);border-radius:14px;padding:12px 14px;font-weight:700;cursor:pointer}.btnGhost{border:1px solid rgba(255,255,255,.14);background:#00000059;color:#ffffffeb;border-radius:14px;padding:12px 14px;font-weight:700;cursor:pointer}.brand{display:flex;align-items:center;gap:1px}.brandMarkLogo{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:0;flex:0 0 auto}.brandLogoSvg{display:inline-flex;align-items:center;justify-content:center;line-height:0;transform:translateY(-2px)}.brandLogoSvg svg{width:44px;height:44px;color:#fff;display:block}.tileIcon{display:flex;align-items:center;justify-content:center}.tileSvg svg{width:22px;height:22px;color:#ffffffe6}.navIcon{display:flex;align-items:center;justify-content:center}.navSvg svg{width:20px;height:20px;color:#ffffffbf}.bottomNavItem.isActive .navSvg svg{color:#fffffff2}.navSvgCreate svg{width:26px;height:26px;color:#fffffff2}.heroCard{position:relative;overflow:hidden}.heroCardArt{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:148px;height:110px;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.9;background:none;border-radius:0}.heroArtSvg{display:inline-flex;background:none;border-radius:0}.heroArtSvg svg{width:148px;height:110px;color:#ffffffe6}.homeNew{display:flex;flex-direction:column;gap:14px}.homeSectionTitle{font-size:20px;font-weight:900;color:#fffffff2;margin-top:4px}.homeCardsRow{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.homeCardsRow::-webkit-scrollbar{height:6px}.homeCardsRow::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.homeCard{scroll-snap-align:start;flex:0 0 84%;max-width:520px;min-height:128px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 70% 40%,#ffffff2e,#ffffff0d);box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;position:relative;overflow:hidden;cursor:pointer;text-align:left}.homeCardBg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#000000b8);opacity:.9}.homeCardIcon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:96px;height:96px;display:flex;align-items:center;justify-content:center;opacity:.92}.homeCardSvg svg{width:92px;height:92px;color:#ffffffeb}.homeCardTitle{position:relative;font-size:18px;font-weight:900;color:#fffffff2;max-width:70%}.homeCardSub{position:relative;font-size:13px;color:#ffffffb8;max-width:70%}.modesRow{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.modesRow::-webkit-scrollbar{height:6px}.modesRow::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.modeItem{flex:0 0 auto;width:84px;display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:transparent;cursor:pointer}.modeIcon{width:64px;height:64px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff1a,#ffffff0a);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.modeSvgWrap svg,.modeSvg svg{width:26px;height:26px;color:#ffffffeb}.modeLabel{font-size:11px;color:#ffffffd1;text-align:center;line-height:1.1}.trendsFilters{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.trendsFilters::-webkit-scrollbar{height:6px}.trendsFilters::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.chip{flex:0 0 auto;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffd1;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:800;cursor:pointer}.chipActive{background:#ffffffeb;color:#000000f2;border-color:#ffffffeb}.trendsGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trendCard{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0d,#00000059);border-radius:18px;padding:12px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;cursor:pointer;box-shadow:var(--shadow);transition:transform .16s ease,border-color .16s ease,background .16s ease}.trendCard:hover{border-color:#ffffff38;background:linear-gradient(180deg,#ffffff12,#00000059)}.trendCard:active{transform:scale(.992)}.trendCardTop{display:flex;align-items:center;gap:6px}.trendType{padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000038;display:inline-flex;align-items:center;justify-content:center}.trendTypeIcon svg{width:16px;height:16px;color:#ffffffeb}.trendPopular{margin-left:auto;padding:7px 10px;border-radius:999px;background:#ffffffeb;color:#000000f2;font-size:12px;font-weight:900}.trendTitle{font-size:15px;font-weight:900;color:#fffffff2;line-height:1.15}.showMoreBtn{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb;border-radius:12px;padding:12px 14px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.showMoreChevron{opacity:.9}.homeLoading{font-size:13px;color:#ffffffb3;padding:4px 2px}.toast{position:fixed;top:calc(var(--tg-safe-top, 0px) + var(--safeTop) + 12px);left:12px;right:12px;z-index:4000;border:1px solid rgba(255,255,255,.16);background:#000000c7;padding:10px 12px;border-radius:14px;font-size:13px;color:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toastIn .22s ease-out both}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;padding:14px;z-index:3000;animation:overlayIn .2s ease-out both}.modalOverlayCenter{align-items:center}.modalOverlayBottom{align-items:flex-end}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modalCard{width:100%;max-width:520px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#000;overflow:hidden;box-shadow:0 24px 70px #0000008c}.modalCardCenter{animation:modalPop .22s ease-out both}@keyframes modalPop{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.modalCardBottom{border-bottom-left-radius:0;border-bottom-right-radius:0;animation:modalUp .22s ease-out both}@keyframes modalUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid rgba(255,255,255,.1)}.modalTitle{font-size:15px;font-weight:900;color:#fffffff2}.iconBtn{border:1px solid rgba(255,255,255,.14);background:#00000059;color:#ffffffeb;border-radius:12px;width:38px;height:38px;cursor:pointer}.modalBody{padding:14px}.modalFooter{padding:14px;border-top:1px solid rgba(255,255,255,.1)}.form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:8px}.label{font-size:12px;font-weight:800;color:#ffffffbf;letter-spacing:.2px}.input{width:100%;padding:11px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#00000059;color:#ffffffeb;outline:none}.input::placeholder{color:#ffffff59}.file{width:100%;padding:10px 12px;border-radius:14px;border:1px dashed rgba(255,255,255,.18);background:#0003;color:#ffffffe0}.selectWrap{position:relative}.select{width:100%;padding:11px 44px 11px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#00000059;color:#ffffffeb;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.selectRight{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;pointer-events:none;opacity:.92}.selectProviderIcon{display:inline-flex;align-items:center}.selectChevron{font-size:12px;line-height:1;color:#ffffffb3}.securityBadge{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;border-radius:14px;padding:10px 12px;font-size:12px;color:#ffffffc7}.kv{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0a}.k{font-size:12px;color:#ffffff9e;font-weight:800}.v{font-size:13px;color:#ffffffeb;font-weight:800}.vRow{display:inline-flex;align-items:center;gap:10px}.dangerIcon{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffe6;width:34px;height:34px;border-radius:12px;cursor:pointer}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rowOne{display:grid;grid-template-columns:1fr;gap:10px}.col{display:flex;flex-direction:column;gap:12px}.list{display:flex;flex-direction:column;gap:10px}.dotLine{display:flex;align-items:flex-start;gap:10px;color:#ffffffdb;font-size:13px;line-height:1.35}.dot{width:7px;height:7px;border-radius:99px;background:#ffffffb3;margin-top:6px;flex:0 0 auto}.grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:10px}@media (min-width: 640px){.grid{grid-template-columns:1fr 1fr}}.tariffCard{border:1px solid rgba(255,255,255,.14);background:#ffffff0a;border-radius:18px;padding:12px;box-shadow:0 14px 40px #00000052;transition:transform .16s ease,border-color .16s ease,background .16s ease}.tariffCard:active{transform:scale(.992)}.tariffCard:hover{border-color:#ffffff38;background:#ffffff0f}.tariffCardCurrent{border-color:#ffffff57;background:#ffffff14;box-shadow:0 18px 60px #00000073}.tariffTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tariffName{font-size:16px;font-weight:900;letter-spacing:.2px}.tariffBadge{border:1px solid rgba(255,255,255,.14);background:#00000059;padding:8px 10px;border-radius:999px;font-size:12px;font-weight:900;color:#ffffffeb;white-space:nowrap}.tariffDesc{margin-top:10px;display:flex;flex-direction:column;gap:8px}.tariffPrices{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.priceLine{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:900}.tariffFree{margin-top:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:900;color:#ffffffe6}.tariffActions{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.muted{color:var(--muted)}