:root{--bg0: #070a12;--bg1: rgba(12, 14, 28, .72);--stroke: rgba(255, 255, 255, .1);--stroke2: rgba(255, 255, 255, .14);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .66);--muted2: rgba(255, 255, 255, .52);--g1: #5a7cff;--g2: #7a3cff;--g3: #ff2f78;--radius: 18px;--shadow: 0 24px 80px rgba(0, 0, 0, .55)}.sm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 600px at 50% 20%,rgba(90,124,255,.18),transparent 60%),radial-gradient(900px 500px at 70% 80%,rgba(255,47,120,.14),transparent 60%),#000000ad;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.sm-dialog{position:relative;width:min(980px,96vw);height:min(78vh,760px);background:linear-gradient(180deg,#0c0e1cd1,#080a12c7);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sm-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px}.sm-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:12.5px;letter-spacing:.2px}.sm-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g3));box-shadow:0 0 18px #5a7cff73}.sm-iconBtn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffdb;cursor:pointer;display:grid;place-items:center;transition:transform .15s ease,background .15s ease,border-color .15s ease}.sm-iconBtn:hover{transform:translateY(-1px);background:#ffffff17;border-color:#ffffff2e}.sm-body{height:calc(100% - 56px);display:flex;flex-direction:column;padding:0 14px 14px;gap:12px}.sm-imageWrap{position:relative;flex:1;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#00000059}.sm-img{width:100%;height:100%;object-fit:cover;transform:scale(1.01);-webkit-user-select:none;user-select:none}.sm-gradient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0000 55%,#0000006b 78%,#000000a8)}.sm-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0a0c188c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6;cursor:pointer;display:grid;place-items:center;transition:transform .15s ease,background .15s ease,border-color .15s ease;z-index:2}.sm-nav span{font-size:26px;line-height:1;transform:translateY(-1px)}.sm-nav:hover{transform:translateY(-50%) scale(1.04);background:#1214289e;border-color:#ffffff38}.sm-left{left:14px}.sm-right{right:14px}.sm-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:12px 12px 10px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sm-meta{min-width:0}.sm-title{color:var(--text);font-size:18px;font-weight:700;letter-spacing:.2px;margin-bottom:6px}.sm-desc{color:var(--muted);font-size:13.5px;line-height:1.35;max-width:62ch;margin-bottom:8px}.sm-hint{color:var(--muted2);font-size:12.5px;line-height:1.3}.sm-actions{display:flex;gap:10px;flex-shrink:0}.sm-primary{padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#5a7cfff2,#7a3cffeb,#ff2f78d9);color:#fffffff5;font-weight:700;font-size:13.5px;cursor:pointer;box-shadow:0 10px 30px #5a7cff2e;transition:transform .15s ease,filter .15s ease;white-space:nowrap}.sm-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.sm-secondary{padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffdb;font-weight:650;font-size:13.5px;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.sm-secondary:hover{transform:translateY(-1px);background:#ffffff17;border-color:#fff3}@media (max-width: 720px){.sm-dialog{height:84vh}.sm-footer{flex-direction:column;align-items:stretch}.sm-actions,.sm-primary,.sm-secondary{width:100%}.sm-desc{max-width:100%}}:root{--bg: #070a12;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .08);--stroke: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62);--muted2: rgba(255, 255, 255, .48);--shadow: 0 16px 50px rgba(0, 0, 0, .55);--r: 18px;--safe-top: max( env(safe-area-inset-top, 0px), var(--tg-safe-area-inset-top, 0px) );--safe-bottom: max( env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px) );--content-safe-top: max( env(safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px) );--content-safe-bottom: max( env(safe-area-inset-bottom, 0px), var(--tg-content-safe-area-inset-bottom, 0px) )}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}.app{min-height:100vh;position:relative;overflow:hidden}.bgGlow{position:absolute;inset:-40vh -20vw auto -20vw;height:80vh;background:radial-gradient(closest-side,rgba(135,64,255,.18),transparent 70%),radial-gradient(closest-side,rgba(255,64,128,.14),transparent 75%),radial-gradient(closest-side,rgba(64,200,255,.1),transparent 70%);filter:blur(18px);pointer-events:none}.container{width:100%;max-width:none;margin:0;padding:12px 6px calc(24px + var(--safe-bottom))}.topbarInner{width:100%;max-width:none;margin:0;padding:calc(8px + var(--safe-top)) 6px 8px}.topbarInner{width:min(1100px,100%);margin:0 auto;padding:calc(10px + var(--safe-top)) 14px 10px;display:flex;align-items:center;gap:12px}.iconBtn{width:42px;height:42px;border-radius:14px;border:1px solid var(--stroke);background:#ffffff0a;color:var(--text);display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,background .12s ease}.iconBtn:active{transform:scale(.98)}.iconBtn.disabled{opacity:.35;cursor:default;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.brandDot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#6078ff,#ff4080);box-shadow:0 0 18px #965aff59}.brandTitle{font-weight:700;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbarRight{display:flex;gap:10px;align-items:center}.pill{padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--muted);font-size:12px}.toolbar{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin-bottom:14px}.segmented{display:flex;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:16px;padding:4px;gap:4px;box-shadow:0 10px 30px #00000040}.segBtn{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:650;letter-spacing:.1px;transition:background .12s ease,color .12s ease,transform .12s ease}.segBtn:active{transform:scale(.99)}.segBtn.active{color:var(--text);background:linear-gradient(135deg,#6078ff40,#ff40802e);border:1px solid rgba(255,255,255,.1)}.hint{flex:1;min-width:260px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:var(--r);padding:12px 14px}.hintTitle{font-weight:800}.hintText{color:var(--muted);margin-top:4px;font-size:13px}.panel{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:var(--r);padding:14px;box-shadow:0 14px 40px #0000004d}.panel.error{border-color:#ff408040}.panelTitle{font-weight:800}.panelText{color:var(--muted);margin-top:6px;font-size:13px}.loadingRow{display:flex;gap:12px;align-items:center}.spinner{width:22px;height:22px;border-radius:999px;border:2px solid rgba(255,255,255,.16);border-top-color:#ffffffb8;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{margin-top:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);padding:10px 12px;border-radius:14px;cursor:pointer;font-weight:700}.btn:active{transform:scale(.99)}.btn.primary{border-color:#ffffff29;background:linear-gradient(135deg,#6078ff40,#ff40802e)}.btn.ghost{background:#ffffff08;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 720px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}.grid3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{border:0;padding:0;background:transparent;cursor:pointer;text-align:left;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #00000059;transform:translateZ(0)}.card:active{transform:scale(.995)}.cardMedia{position:relative;aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;background:#ffffff08}.cardMedia img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.02)}.cardOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.08) 60%,transparent),radial-gradient(closest-side at 20% 20%,rgba(96,120,255,.18),transparent 70%),radial-gradient(closest-side at 80% 30%,rgba(255,64,128,.14),transparent 75%)}.cardMeta{position:absolute;left:12px;right:12px;bottom:12px}.cardTitle{font-weight:900;letter-spacing:.2px;text-shadow:0 10px 30px rgba(0,0,0,.55)}.cardSub{margin-top:4px;color:#ffffffb3;font-size:12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sectionHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:8px 2px 12px}.sectionTitle{font-weight:900;font-size:18px}.sectionDesc{color:var(--muted);font-size:13px;margin-top:2px}.sectionCount{color:var(--muted2);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;padding:8px 10px;border-radius:999px;font-size:12px}.thumb{border:0;padding:0;background:transparent;cursor:pointer;border-radius:14px;overflow:hidden;position:relative;aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.08)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumbOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.35),transparent 65%)}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:14px;z-index:50}.modal{width:min(920px,100%);border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0c0e18bf;box-shadow:var(--shadow)}.modalMedia{position:relative;aspect-ratio:16 / 10;background:#ffffff08;-webkit-user-select:none;user-select:none}.modalMedia img{width:100%;height:100%;object-fit:cover;display:block}.modalGradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.12) 70%,transparent),radial-gradient(closest-side at 20% 20%,rgba(96,120,255,.16),transparent 70%),radial-gradient(closest-side at 80% 30%,rgba(255,64,128,.12),transparent 75%);pointer-events:none}.modalClose{position:absolute;top:10px;right:10px;width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);cursor:pointer}.navBtn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#00000047;color:#ffffffeb;cursor:pointer;font-size:28px;line-height:1;display:grid;place-items:center}.navBtn.left{left:10px}.navBtn.right{right:10px}.modalBody{padding:14px 14px 16px}.modalTitleRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.modalTitle{font-weight:950;letter-spacing:.2px;font-size:18px}.modalBadge{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#6078ff33,#ff408029);font-weight:900}.modalDesc{color:var(--muted);font-size:13px;margin-top:8px;line-height:1.35}.modalActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.modalFoot{margin-top:10px;font-size:12px;color:var(--muted2)}@media (max-width: 420px){.container{padding:12px 10px calc(24px + var(--safe-bottom))}.toolbar{margin-bottom:12px}.grid{gap:10px}.grid3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.segBtn{padding:11px 14px}}@media (max-width: 420px){.container{padding:10px 4px calc(22px + var(--safe-bottom))}.toolbar{margin-bottom:10px}.segBtn{padding:12px 14px}.grid,.grid3{gap:8px}.cardMedia{border-radius:22px}.thumb{border-radius:18px}}.badgeNew{position:absolute;z-index:4;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.4px;border:1px solid rgba(255,255,255,.14);color:#ffffffeb;background:linear-gradient(135deg,#6078ff4d,#ff408038);box-shadow:0 12px 30px #00000059;pointer-events:none}.badgeNew--thumb{top:10px;left:10px}.badgeNew--card{top:12px;left:12px}.badgeUsage{position:absolute;z-index:4;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#00000061;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffeb;font-size:12px;font-weight:900;letter-spacing:.2px;box-shadow:0 14px 35px #00000073;pointer-events:none}.badgeUsage__icon{width:18px;height:18px;border-radius:8px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#6078ff38,#ff408029);line-height:1;font-size:12px}.badgeUsage__text{min-width:14px;text-align:right}.badgeUsage--zero{opacity:.65}.badgeUsage--thumb{right:10px;bottom:10px}.sm-chip{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sm-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffeb;font-size:12px;font-weight:900;letter-spacing:.2px}.sm-badge--new{background:linear-gradient(135deg,#6078ff47,#ff408033);border-color:#ffffff29}.sm-badge--usage{background:#00000038;border-color:#ffffff24}.sm-badge--usageZero{opacity:.7}.sm-badge__icon{width:18px;height:18px;border-radius:8px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#6078ff38,#ff408029);line-height:1;font-size:12px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.toolbar{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}.toolbar .segmented{width:100%;flex:1 1 100%;min-width:0;border-radius:18px;padding:5px}.toolbar .segmented .segBtn{flex:1 1 0;min-width:0;text-align:center;padding:12px 0}.toolbar .segmented .segBtn.active{border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 24px #00000038}.toolbar .hint,.toolbar .panel,.toolbar .pill{width:100%;flex:1 1 100%}@media (min-width: 720px){.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toolbar .segmented{grid-column:1 / -1;width:100%}.toolbar .hint,.toolbar .panel{width:auto}}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.toolbar .segmented{width:100%;flex:1 1 100%}.toolbar .hint{width:100%;flex:1 1 100%;min-width:0;padding:14px 16px;border-radius:22px;text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 40px #0000004d}.toolbar .hintTitle{font-weight:950;letter-spacing:.2px;font-size:18px;line-height:1.15}.toolbar .hintText{margin-top:6px;font-size:13px;color:#ffffff9e}@media (min-width: 720px){.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toolbar .segmented,.toolbar .hint{grid-column:1 / -1;width:100%}}.topbarInner{position:relative}.brand{position:absolute;left:50%;transform:translate(-50%);flex:0 0 auto;min-width:0;max-width:calc(100% - 108px);justify-content:center}.brandTitle{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iconBtn{position:relative;z-index:2}.brand{z-index:1}