:root{--bg:#ECEBF6;--bg2:#F5F4FB;--ink:#14111F;--ink2:#544F6B;--ink3:#8E8AA3;--violet:#7C3AED;--violet2:#8B5CF6;--indigo:#6366F1;--cyan:#22D3EE;--cyan2:#06B6D4;--grad:linear-gradient(135deg,#8B5CF6 0%,#6366F1 55%,#22D3EE 135%);--grad-v:linear-gradient(135deg,#8B5CF6,#6366F1);--grad-c:linear-gradient(135deg,#22D3EE,#06B6D4);--grad-soft:linear-gradient(135deg,rgba(139,92,246,.16),rgba(34,211,238,.14));--ok:#10B981;--warn:#F59E0B;--bad:#F43F5E;--glass:rgba(255,255,255,.72);--glass-2:rgba(255,255,255,.55);--glass-bord:rgba(255,255,255,.9);--hair:rgba(20,17,31,.08);--hair2:rgba(20,17,31,.06);--shadow:0 22px 50px -26px rgba(76,42,140,.4);--shadow-sm:0 10px 26px -16px rgba(76,42,140,.28);--r:22px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45;background-image:radial-gradient(560px 360px at 6% -6%,rgba(139,92,246,.3),transparent 60%),radial-gradient(620px 420px at 104% 4%,rgba(34,211,238,.26),transparent 58%),radial-gradient(700px 560px at 50% 118%,rgba(99,102,241,.22),transparent 60%)}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative}.body{flex:1;overflow-y:auto;padding:calc(8px + var(--safe-top)) 16px calc(116px + var(--safe-bottom));animation:fadeUp .42s cubic-bezier(.22,.61,.36,1)}.body::-webkit-scrollbar{width:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.appbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:20;padding:calc(12px + var(--safe-top)) 16px 12px;margin:0 -16px 8px;background:linear-gradient(180deg,rgba(236,235,246,.92),rgba(236,235,246,.4) 72%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.appbar h1{font-size:25px;font-weight:800;letter-spacing:-.8px;flex:1;line-height:1}.appbar h1.sm{font-size:19px;letter-spacing:-.4px}.back{width:36px;height:36px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-bord);color:var(--ink);font-size:18px;cursor:pointer;flex:0 0 36px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:.15s}.back:active{transform:scale(.9)}.wordmark{font-weight:800;font-size:24px;letter-spacing:-1.2px;position:relative;display:inline-block;color:var(--ink)}.wordmark .slot{position:absolute;width:13px;height:6px;border-radius:4px;background:var(--grad);top:1px;left:54px}.pillgroup{display:flex;background:var(--glass);border:1px solid var(--glass-bord);border-radius:14px;padding:5px;gap:4px;margin-bottom:16px;overflow-x:auto;box-shadow:var(--shadow-sm)}.pillgroup::-webkit-scrollbar{display:none}.pill{flex:1;white-space:nowrap;text-align:center;padding:9px 14px;border-radius:10px;font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer;border:none;background:transparent;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.pill.on{background:var(--grad);color:#fff;box-shadow:0 8px 20px -8px #7c3aed8c}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.chips.scroll::-webkit-scrollbar{display:none}.chip{background:var(--glass);border:1px solid var(--glass-bord);padding:9px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer;white-space:nowrap;transition:.16s;display:inline-flex;align-items:center;gap:6px}.chip:active{transform:scale(.95)}.chip.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 8px 20px -10px #7c3aed8c}.hero{border-radius:26px;padding:22px;margin-bottom:14px;position:relative;overflow:hidden}.hero.grad{background:linear-gradient(135deg,#7c3aed,#6366f1 55%,#22d3ee 145%);color:#fff;box-shadow:0 24px 54px -26px #6366f1b3}.hero.grad:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(420px 220px at 88% -20%,rgba(255,255,255,.28),transparent 60%)}.hero.grad .cap{color:#ffffffc7}.hero.glass{background:var(--glass);border:1px solid var(--glass-bord);box-shadow:var(--shadow-sm);color:var(--ink)}.hero.glass .big{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .cap{font-size:13px;font-weight:600;position:relative}.hero .big{font-size:44px;font-weight:800;letter-spacing:-2px;margin-top:6px;font-variant-numeric:tabular-nums;line-height:1;position:relative}.hero .calchip{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:5px;background:#ffffff38;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;color:#fff}.hero.glass .calchip{background:var(--grad-soft);border-color:transparent;color:var(--violet)}.bars{display:flex;align-items:flex-end;gap:5px;height:54px;margin-top:16px;position:relative}.card{background:var(--glass);border:1px solid var(--glass-bord);border-radius:var(--r);padding:18px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.card.tap{cursor:pointer;transition:.16s}.card.tap:active{transform:scale(.985)}.ct{font-size:11.5px;color:var(--ink3);margin-bottom:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--hair);font-size:14px}.row:last-child{border-bottom:none}.row .v{font-weight:700;font-variant-numeric:tabular-nums}.muted{color:var(--ink2)}.small{font-size:12px}.dim{color:var(--ink3)}.chrow{display:flex;gap:13px;align-items:center;padding:13px;background:var(--glass);border:1px solid var(--glass-bord);border-radius:18px;margin-bottom:11px;cursor:pointer;transition:.16s;width:100%;text-align:left;color:inherit;font:inherit;box-shadow:var(--shadow-sm);animation:fadeUp .45s cubic-bezier(.22,.61,.36,1) backwards}.chrow:active{transform:scale(.985)}.av{width:48px;height:48px;border-radius:15px;flex:0 0 48px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;position:relative;background:var(--grad-v)}.av.tg{background:linear-gradient(135deg,#2aabee,#229ed9)}.av.yt{background:linear-gradient(135deg,#ff4e45,red)}.av.vk{background:linear-gradient(135deg,#3a7bff,#07f)}.av.max{background:linear-gradient(135deg,#9b7cff,#7c5cff)}.nm{font-weight:700;font-size:15px;letter-spacing:-.2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sub{color:var(--ink2);font-size:12px;margin-top:3px}.price{margin-left:auto;text-align:right}.price b{font-size:17px;letter-spacing:-.4px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.price .s{font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.5px}.reachbar{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--hair);font-size:14px}.reachbar:last-child{border-bottom:none}.reachbar .track{flex:1;height:8px;border-radius:999px;background:#14111f12;overflow:hidden}.reachbar .fill{height:100%;border-radius:999px;background:var(--grad)}.reachbar .rv{font-weight:700;font-variant-numeric:tabular-nums;min-width:50px;text-align:right}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:14px}.stat{background:var(--glass);border:1px solid var(--glass-bord);border-radius:18px;padding:15px;box-shadow:var(--shadow-sm)}.stat .k{font-size:11.5px;color:var(--ink3);font-weight:600}.stat .n{font-size:24px;font-weight:800;letter-spacing:-.8px;margin-top:5px;font-variant-numeric:tabular-nums}.stat .n.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:4px 9px;border-radius:999px;background:#14111f0d;color:var(--ink2);border:1px solid var(--hair)}.tag.ok{background:#10b98121;color:var(--ok);border-color:transparent}.tag.bl{background:#7c3aed1f;color:var(--violet);border-color:transparent}.tag.pk{background:#22d3ee24;color:var(--cyan2);border-color:transparent}.tag.bad{background:#f43f5e1f;color:var(--bad);border-color:transparent}.tag.warn{background:#f59e0b24;color:var(--warn);border-color:transparent}.field{margin-bottom:16px}.field label{font-size:12px;color:var(--ink2);display:block;margin-bottom:8px;font-weight:600}.input{background:#ffffffb3;border:1px solid var(--glass-bord);border-radius:14px;padding:13px 15px;font-size:14px;color:var(--ink);width:100%;font-family:inherit;resize:none;transition:.16s;outline:none;box-shadow:var(--shadow-sm)}.input:focus{border-color:var(--violet2);box-shadow:0 0 0 3px #8b5cf62e}.input::placeholder{color:var(--ink3)}.toggle{width:46px;height:27px;border-radius:999px;background:#14111f24;position:relative;flex:0 0 46px;cursor:pointer;border:none;transition:.2s}.toggle.on{background:var(--grad)}.toggle:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.22s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #00000038}.toggle.on:after{left:22px}.setrow{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--hair);font-size:14px;gap:12px}.setrow:last-child{border-bottom:none}.priceline{display:flex;justify-content:space-between;font-size:13px;padding:7px 0;color:var(--ink2)}.priceline.total{color:var(--ink);font-size:17px;font-weight:800;border-top:2px solid var(--hair);margin-top:8px;padding-top:13px;letter-spacing:-.3px}.priceline.total span:last-child{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tg-preview{background:#fff;border:1px solid var(--glass-bord);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow-sm)}.tg-preview .ch{font-size:13px;font-weight:700;color:var(--indigo);margin-bottom:7px;display:flex;align-items:center;gap:6px}.tg-preview .bd{font-size:14px;line-height:1.55;color:var(--ink);white-space:pre-wrap;word-break:break-word}.tg-preview .admk{color:var(--ink3);font-weight:600}.tg-preview .meta{font-size:11px;color:var(--ink3);margin-top:10px;display:flex;gap:10px;align-items:center}.tg-preview .cta{margin-top:10px;text-align:center;background:#6366f11a;color:var(--indigo);border-radius:10px;padding:9px;font-size:13px;font-weight:600}.mainbtn{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + var(--safe-bottom));width:calc(100% - 32px);max-width:448px;background:var(--grad);color:#fff;text-align:center;padding:16px;border-radius:16px;font-weight:700;font-size:15px;letter-spacing:-.2px;z-index:25;cursor:pointer;border:none;font-family:inherit;transition:.16s;box-shadow:0 16px 34px -12px #7c3aed99}.mainbtn:active{transform:translate(-50%) scale(.98)}.mainbtn.pink{background:var(--grad-c);box-shadow:0 16px 34px -12px #06b6d48c}.mainbtn.ghost{background:var(--glass);color:var(--ink);border:1px solid var(--glass-bord);box-shadow:var(--shadow-sm)}.mainbtn:disabled{opacity:.5;cursor:default;box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;font:inherit;font-weight:700;font-size:15px;padding:15px;border-radius:16px;cursor:pointer;width:100%;transition:.16s;color:#fff;background:var(--grad);box-shadow:0 14px 30px -12px #7c3aed8c}.btn:active{transform:scale(.98)}.btn.pink{background:var(--grad-c)}.btn.ghost{background:var(--glass);color:var(--ink);border:1px solid var(--glass-bord);box-shadow:var(--shadow-sm)}.toast{position:fixed;left:50%;top:calc(16px + var(--safe-top));transform:translate(-50%) translateY(-8px);background:#14111feb;color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 20px;border-radius:14px;font-size:13px;font-weight:600;z-index:60;opacity:0;transition:.3s cubic-bezier(.22,.61,.36,1);pointer-events:none;max-width:90%;box-shadow:0 14px 40px -14px #00000080}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;gap:14px;padding:48px 24px;min-height:60vh}.spinner{width:34px;height:34px;border:3px solid rgba(124,58,237,.2);border-top-color:var(--violet);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skel{background:linear-gradient(90deg,#ffffff80 25%,#ffffffd9 37%,#ffffff80 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:18px;border:1px solid var(--glass-bord)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skel-row{height:74px;margin-bottom:11px}.blk{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink3);margin:18px 2px 11px;font-weight:700}.ic-inline{display:inline-flex;align-items:center;gap:7px}.iconbtn{width:36px;height:36px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-bord);display:flex;align-items:center;justify-content:center;color:var(--ink2);cursor:pointer;flex:0 0 36px;box-shadow:var(--shadow-sm);transition:.15s}.iconbtn:active{transform:scale(.9)}.search-wrap{position:relative;margin-bottom:12px}.search-wrap .si{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink3);pointer-events:none}.search-wrap input{padding-left:42px}.dots{display:flex;gap:7px;justify-content:center;margin:6px 0}.dots i{width:7px;height:7px;border-radius:50%;background:#14111f29;transition:.25s}.dots i.on{background:var(--grad);width:22px;border-radius:4px}.divider{height:1px;background:var(--hair);margin:16px 0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;display:flex;justify-content:space-around;align-items:center;padding:9px 8px calc(9px + var(--safe-bottom));z-index:40;background:linear-gradient(180deg,#f5f4fb8c,#f5f4fbf5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--hair)}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;border:none;background:none;color:var(--ink3);font:inherit;font-size:10.5px;font-weight:600;cursor:pointer;transition:.18s;padding:3px}.tab.on{color:var(--violet)}.tab.on .tab-ico{background:var(--grad);color:#fff;box-shadow:0 8px 18px -8px #7c3aed8c}.tab-ico{width:48px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:.18s;color:var(--ink2)}.tab.on .tab-ico{color:#fff}.desk-only{display:none}.sidebar{display:none;flex-direction:column;width:250px;flex:0 0 250px;height:100vh;padding:22px 14px 18px;gap:6px;background:var(--glass);border-right:1px solid var(--glass-bord);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);position:sticky;top:0}.sb-logo{padding:6px 12px 16px}.sb-nav{display:flex;flex-direction:column;gap:3px;flex:1;overflow-y:auto}.sb-nav::-webkit-scrollbar{width:0}.sb-sec{font-size:10.5px;text-transform:uppercase;letter-spacing:1px;color:var(--ink3);font-weight:700;margin:16px 12px 6px}.sb-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;border:none;background:none;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink2);cursor:pointer;transition:.15s;text-align:left;width:100%}.sb-item:hover{background:#7c3aed14;color:var(--ink)}.sb-item.on{background:var(--grad);color:#fff;box-shadow:0 8px 20px -8px #7c3aed80}.sb-user{display:flex;align-items:center;gap:11px;padding:10px;margin-top:6px;border-radius:14px;border:1px solid var(--glass-bord);background:#ffffff80;cursor:pointer;font:inherit;text-align:left;width:100%;transition:.15s}.sb-user:hover{background:#fffc}.sb-user .nm{font-size:14px}.sb-user .sub{margin-top:1px}@media(min-width:960px){.app{max-width:none;margin:0;width:100%;flex-direction:row;height:100vh;overflow:hidden}.sidebar{display:flex}.tabbar{display:none}.body{height:100vh;width:100%;max-width:880px;margin:0 auto;padding:30px 40px 56px}.body.cat-body{max-width:1440px}.body.wide{max-width:1180px}.body>.appbar{position:static;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;margin:0 0 20px;padding:2px 0 0}.body>.appbar .wordmark{display:none}.desk-only{display:block}.appbar h1{font-size:30px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;align-items:start}.cat-grid .chrow{margin-bottom:0}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.mainbtn{position:sticky;left:auto;bottom:24px;transform:none;width:100%;max-width:420px;margin:16px auto 0}.mainbtn:active{transform:scale(.98)}.hero .big{font-size:48px}.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.split .aside{position:sticky;top:0;display:flex;flex-direction:column}.split .aside .mainbtn{position:static;transform:none;width:100%;max-width:none;margin:4px 0 0}.split .aside .mainbtn:active{transform:scale(.98)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}}.web-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 20px}.web-gate-card{width:100%;max-width:404px;padding:28px}.web-gate-back{font-size:13px;font-weight:600;color:var(--ink2)}.web-gate-back:hover{color:var(--violet)}.welcome{margin-bottom:16px}.welcome h1{font-size:26px;font-weight:800;letter-spacing:-.8px;line-height:1.1}.welcome p{color:var(--ink2);font-size:14px;margin-top:5px}.qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:14px}.qa{display:flex;align-items:center;gap:12px;padding:15px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-bord);box-shadow:var(--shadow-sm);cursor:pointer;font:inherit;text-align:left;color:inherit;transition:.16s;width:100%}.qa:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.qa:active{transform:scale(.985)}.qa-ic{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:var(--grad-soft);color:var(--violet);display:flex;align-items:center;justify-content:center}.qa-t{font-weight:700;font-size:14.5px;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qa-s{font-size:12px;color:var(--ink3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qa-ar{margin-left:auto;color:var(--ink3);flex:0 0 auto}.qa-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:none;border:none;font:inherit;font-size:13px;font-weight:700;color:var(--violet);cursor:pointer;padding:0}@media(min-width:760px){.qa-grid{grid-template-columns:repeat(4,1fr)}}