:root{--app-brand-hue:350;--app-brand:oklch(.65 .22 calc(var(--app-brand-hue) * 1deg));--app-brand-soft:oklch(.75 .18 calc(var(--app-brand-hue) * 1deg));--app-brand-deep:oklch(.45 .2 calc(var(--app-brand-hue) * 1deg));--app-brand-ghost:oklch(.55 .22 calc(var(--app-brand-hue) * 1deg) / .08);--app-brand-glow:oklch(.55 .22 calc(var(--app-brand-hue) * 1deg) / .3);--app-bg:#05030a;--app-bg-1:#0a0613;--app-surface:#0f0a1f;--app-surface-2:#140a26;--app-border:#ffffff0f;--app-border-2:#ffffff1a;--app-ink:#f5f0ff;--app-ink-2:#cbcddb;--app-muted:#9a9db1;--app-muted-2:#6e7083;--app-muted-3:#454753;--app-font-display:var(--font-inter-tight), system-ui, sans-serif;--app-font-body:var(--font-inter), system-ui, sans-serif;--app-font-mono:var(--font-jetbrains-mono), ui-monospace, monospace}@supports (color:lab(0% 0 0)){:root{--app-border:lab(100% 0 0/.06);--app-border-2:lab(100% 0 0/.1);--app-ink-2:lab(82.4441% 1.37386 -7.40984);--app-muted:lab(64.9562% 2.21363 -11.0341);--app-muted-2:lab(47.55% 2.30697 -10.9897);--app-muted-3:lab(30.2349% 1.51375 -7.33777)}}.app-page{background:var(--app-bg);color:var(--app-ink);font-family:var(--app-font-body);-webkit-font-smoothing:antialiased;min-height:100%;font-size:14px;position:relative}.app-page:before{content:"";background:radial-gradient(ellipse 60% 40% at 100% 0%, oklch(.3 .2 calc(var(--app-brand-hue) * 1deg) / .2), transparent 50%);pointer-events:none;z-index:0;position:absolute;inset:0}.app-page>*{z-index:1;position:relative}.app-h1{font-family:var(--app-font-display);letter-spacing:-.025em;color:var(--app-ink);margin:0 0 6px;font-size:26px;font-weight:560}.app-page-sub{color:var(--app-muted);margin:0 0 24px;font-size:14px}.app-content{background:radial-gradient(ellipse 80% 50% at 50% 0%, oklch(.1 .08 calc(var(--app-brand-hue) * 1deg) / .25), transparent 70%), transparent;padding:28px 36px 36px}.app-btn-p{cursor:pointer;background:linear-gradient(180deg, oklch(.72 .22 calc(var(--app-brand-hue) * 1deg)) 0%, oklch(.58 .24 calc(var(--app-brand-hue) * 1deg)) 100%);color:#fff;box-shadow:0 1px 0 0 oklch(.85 .12 calc(var(--app-brand-hue) * 1deg) / .5) inset, 0 0 0 1px oklch(.5 .2 calc(var(--app-brand-hue) * 1deg) / .4), 0 4px 14px -4px var(--app-brand-glow);border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:transform .15s,box-shadow .2s;display:inline-flex}.app-btn-p:hover{box-shadow:0 1px 0 0 oklch(.9 .12 calc(var(--app-brand-hue) * 1deg) / .7) inset, 0 0 0 1px oklch(.6 .22 calc(var(--app-brand-hue) * 1deg) / .6), 0 8px 20px -4px var(--app-brand-glow);transform:translateY(-1px)}.app-btn-g{border:1px solid var(--app-border-2);color:var(--app-ink);cursor:pointer;background:#ffffff0a;background:lab(100% 0 0/.04);border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,border-color .2s;display:inline-flex}.app-btn-g:hover{background:#ffffff14;background:lab(100% 0 0/.08);border-color:#ffffff29;border-color:lab(100% 0 0/.16)}.app-card{border:1px solid var(--app-border);background:#01010499;background:lab(.281019% .331007 -1.21017/.6);border-radius:10px;padding:20px}.vx-shell{grid-template-columns:240px 1fr;gap:24px;max-width:1400px;padding:24px 28px 40px;display:grid}@media (max-width:900px){.vx-shell{grid-template-columns:1fr;gap:16px;padding:16px}.vx-sidebar{max-height:none!important;position:static!important}}.vx-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;max-width:1400px;padding:28px 28px 0;display:flex}.vx-header-meta{min-width:0}.vx-title{font-family:var(--app-font-display);letter-spacing:-.03em;color:var(--app-ink);margin:0 0 4px;font-size:30px;font-weight:560}.vx-sub{color:var(--app-muted);margin:0;font-size:14px}.vx-header-actions{flex-wrap:wrap;gap:10px;display:flex}.vx-sidebar{border:1px solid var(--app-border);background:#01000380;background:lab(.172306% .268906 -.93779/.5);border-radius:12px;align-self:start;max-height:calc(100vh - 40px);padding:18px 16px;position:sticky;top:16px;overflow-y:auto}.vx-sidebar-section{padding:10px 0}.vx-sidebar-section+.vx-sidebar-section{border-top:1px solid var(--app-border);margin-top:6px}.vx-sidebar-label{font-family:var(--app-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--app-muted-3);margin:0 0 10px;padding:0 6px;font-size:10px}.vx-filter-opt{width:100%;color:var(--app-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-family:inherit;font-size:13px;transition:background .15s,color .15s;display:flex}.vx-filter-opt:hover{color:var(--app-ink-2);background:#ffffff0a;background:lab(100% 0 0/.04)}.vx-filter-opt.on{background:var(--app-brand-ghost);color:var(--app-ink);font-weight:500}.vx-filter-opt.on .vx-filter-count{color:var(--app-brand-soft)}.vx-filter-label{flex:1;min-width:0}.vx-filter-count{font-family:var(--app-font-mono);color:var(--app-muted-3);font-size:11px}.vx-filter-icon{flex-shrink:0;width:14px;height:14px}.vx-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.vx-tabs{border:1px solid var(--app-border);background:#00000299;background:lab(.0954208% .212654 -.700375/.6);border-radius:10px;gap:2px;padding:3px;display:flex}.vx-tab{color:var(--app-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.vx-tab:hover{color:var(--app-ink-2)}.vx-tab.on{color:var(--app-ink);background:#ffffff0f;background:lab(100% 0 0/.06);box-shadow:inset 0 1px #ffffff0d;box-shadow:inset 0 1px lab(100% 0 0/.05)}.vx-tab-count{font-family:var(--app-font-mono);color:var(--app-muted-2);background:#ffffff0d;background:lab(100% 0 0/.05);border-radius:4px;padding:1px 6px;font-size:11px}.vx-tab.on .vx-tab-count{background:var(--app-brand-ghost);color:var(--app-brand-soft)}.vx-search{border:1px solid var(--app-border);min-width:200px;color:var(--app-muted);background:#00000299;background:lab(.0954208% .212654 -.700375/.6);border-radius:10px;flex:1;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;transition:border-color .2s;display:flex}.vx-search:focus-within{border-color:oklch(.5 .2 calc(var(--app-brand-hue) * 1deg) / .5);color:var(--app-ink-2)}.vx-search input{font:inherit;color:var(--app-ink);background:0 0;border:none;outline:none;flex:1;min-width:0}.vx-search input::placeholder{color:var(--app-muted-3)}.vx-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.vx-card{border:1px solid var(--app-border);background:#0101058c;background:lab(.426979% .398956 -1.51752/.55);border-radius:12px;flex-direction:column;gap:12px;padding:18px;transition:border-color .25s,transform .25s,background .25s;display:flex;position:relative;overflow:hidden}.vx-card:hover{background:#02020c99;background:lab(.813072% 1.0451 -3.76478/.6);border-color:#ffffff1f;border-color:lab(100% 0 0/.12);transform:translateY(-2px)}.vx-card.playing{border-color:oklch(.5 .2 calc(var(--app-brand-hue) * 1deg) / .6);box-shadow:0 0 40px -10px var(--app-brand-glow);background:#020210bf;background:lab(.763365% 1.70124 -5.603/.75)}.vx-card.cloned{background:linear-gradient(135deg, oklch(.5 .2 calc(var(--app-brand-hue) * 1deg) / .07), transparent 60%), #0101058c}@supports (color:lab(0% 0 0)){.vx-card.cloned{background:linear-gradient(135deg, oklch(.5 .2 calc(var(--app-brand-hue) * 1deg) / .07), transparent 60%), lab(.426979% .398956 -1.51752/.55)}}.vx-card-top{align-items:center;gap:12px;display:flex}.vx-card-avatar{flex-shrink:0}.vx-card-meta{flex:1;min-width:0}.vx-card-name{font-family:var(--app-font-display);letter-spacing:-.015em;color:var(--app-ink);align-items:center;gap:7px;margin:0 0 2px;font-size:16px;font-weight:560;line-height:1.25;display:flex}.vx-card-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vx-cloned-badge{font-family:var(--app-font-mono);text-transform:uppercase;letter-spacing:.1em;background:var(--app-brand-ghost);color:var(--app-brand-soft);border:1px solid oklch(.5 .2 calc(var(--app-brand-hue) * 1deg) / .3);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:9.5px}.vx-card-cat{font-family:var(--app-font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--app-muted-2);font-size:10.5px}.vx-card-fav{width:30px;height:30px;color:var(--app-muted-2);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background .2s,transform .15s;display:flex}.vx-card-fav:hover{color:var(--app-brand-soft);background:#ffffff0a;background:lab(100% 0 0/.04)}.vx-card-fav.on{color:oklch(.75 .22 calc(var(--app-brand-hue) * 1deg))}.vx-card-fav.on:hover{transform:scale(1.08)}.vx-card-desc{color:var(--app-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.vx-card-foot{border-top:1px solid var(--app-border);align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.vx-card-lang{color:var(--app-muted);font-size:11.5px;font-family:var(--app-font-mono);letter-spacing:.04em;align-items:center;gap:5px;display:flex}.vx-card-actions{gap:6px;margin-left:auto;display:flex}.vx-card-play{border:1px solid var(--app-border-2);width:34px;height:34px;color:var(--app-ink);cursor:pointer;background:#ffffff0d;background:lab(100% 0 0/.05);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.vx-card-play:hover,.vx-card.playing .vx-card-play{background:var(--app-brand);border-color:var(--app-brand);color:#fff}.vx-card-menu{border:1px solid var(--app-border-2);width:34px;height:34px;color:var(--app-muted);cursor:pointer;background:#ffffff08;background:lab(100% 0 0/.03);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.vx-card-menu:hover{color:var(--app-ink);background:#ffffff14;background:lab(100% 0 0/.08)}.vx-empty{text-align:center;border:1px dashed var(--app-border-2);color:var(--app-muted);background:#00000166;background:lab(.0449429% .162244 -.497931/.4);border-radius:14px;padding:60px 20px}.vx-empty-title{font-family:var(--app-font-display);color:var(--app-ink);margin:0 0 6px;font-size:18px;font-weight:540}.vx-empty-sub{color:var(--app-muted);margin:0 0 18px;font-size:14px}
/*# sourceMappingURL=0tcvklz2oph1c.css.map*/