.sf-atlas{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--indigo:var(--accent,#6366f1);--indigo-hover:color-mix(in srgb, var(--accent,#6366f1) 86%, #000);--indigo-soft:color-mix(in srgb, var(--accent,#6366f1) 12%, transparent);--bg:#0a0b11;--bg-2:#0e0f17;--surface:#13151c;--surface-2:#181a23;--surface-3:#1e2030;--fg:#f1f2f7;--fg-muted:#8d92a8;--fg-subtle:#85899c;--violet:#8b5cf6;--cyan:#06b6d4;--success:#34d399;--success-soft:#34d39926;--warning:#f59e0b;--danger:#ef4444;--danger-soft:#ef444426;--border:#ffffff14;--border-hover:#ffffff24;--border-strong:#ffffff2e;--glass-thick-bg:#ffffff09;--glass-thick-border:#ffffff14;--glass-thin-bg:#0000004d;--glass-thin-border:#ffffff1a;--gradient-primary:linear-gradient(135deg, var(--accent,#6366f1) 0%, color-mix(in srgb, var(--accent,#6366f1) 55%, #8b5cf6) 100%);--gradient-line:linear-gradient(90deg, transparent, var(--accent,#6366f1), #8b5cf6, #06b6d4, transparent);--elev-1:0 1px 2px #00000059;--elev-2:inset 0 1px 0 #ffffff0f, 0 8px 24px #0000002e;--elev-3:inset 0 1px 0 #ffffff14, 0 12px 32px #0000004d;--elev-4:inset 0 1px 0 #ffffff0f, 0 24px 60px #00000080;--glow-focus-ring:0 0 0 4px color-mix(in srgb, var(--accent,#6366f1) 15%, transparent);--glow-primary:0 0 32px color-mix(in srgb, var(--accent,#6366f1) 35%, transparent);--glow-primary-sm:0 4px 16px color-mix(in srgb, var(--accent,#6366f1) 40%, transparent);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-pill:999px;--font-sans:var(--sf-font,"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Menlo", monospace;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--tracking-snug:-.02em;--tracking-wide:.04em;--tracking-caps:.14em;--leading-body:1.6;--motion-ease:cubic-bezier(.16, 1, .3, 1);--motion-spring:cubic-bezier(.16, 1.2, .4, 1);--motion-base:.2s;--motion-slow:.3s;background:var(--bg);min-height:100vh;color:var(--fg);font-family:var(--font-sans);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip}.sf-atlas *,.sf-atlas :before,.sf-atlas :after{box-sizing:border-box}.sf-atlas a{color:inherit;text-decoration:none}.sf-atlas button{font-family:inherit}.sf-atlas ::selection{background:var(--indigo);color:#fff}.sf-atlas .wrap{z-index:2;max-width:1160px;margin:0 auto;padding:0 28px;position:relative}.sf-atlas .aurora{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sf-atlas .aurora:before,.sf-atlas .aurora:after{content:"";filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.sf-atlas .aurora:before{background:radial-gradient(circle, color-mix(in srgb, var(--accent,#6366f1) 28%, transparent), transparent 70%);width:520px;height:520px;animation:22s ease-in-out infinite sfa-drift1;top:-160px;left:8%}.sf-atlas .aurora:after{background:radial-gradient(circle,#8b5cf638,#0000 70%);width:460px;height:460px;animation:26s ease-in-out infinite sfa-drift2;top:-120px;right:6%}@keyframes sfa-drift1{0%,to{transform:translate(0)}50%{transform:translate(30px,28px)}}@keyframes sfa-drift2{0%,to{transform:translate(0)}50%{transform:translate(-26px,32px)}}.sf-atlas .sf-header{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color var(--motion-slow);background:#0a0b11b8;border-bottom:1px solid #0000;position:sticky;top:0}.sf-atlas .sf-header.stuck{border-color:var(--border)}.sf-atlas .nav{justify-content:space-between;align-items:center;gap:20px;height:64px;display:flex}.sf-atlas .brand{flex-shrink:1;align-items:center;gap:11px;min-width:0;display:flex}.sf-atlas .brand .logo{border-radius:var(--radius-md);background:var(--gradient-primary);width:30px;height:30px;box-shadow:var(--glow-primary-sm);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.sf-atlas .brand .logo svg{color:#fff;width:17px;height:17px}.sf-atlas .brand .logo img{object-fit:cover;width:100%;height:100%}.sf-atlas .brand .bn{font-weight:700;font-size:var(--text-lg);letter-spacing:var(--tracking-snug);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sf-atlas .nav-tabs{background:var(--glass-thin-bg);border:1px solid var(--glass-thin-border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:2px;padding:4px;display:flex}.sf-atlas .nav-tabs button{font-size:var(--text-base);color:var(--fg-muted);border-radius:var(--radius-pill);transition:color var(--motion-base), background var(--motion-base);cursor:pointer;background:0 0;border:none;padding:7px 15px;font-weight:500}.sf-atlas .nav-tabs button:hover{color:var(--fg)}.sf-atlas .nav-tabs button.active{color:var(--fg);background:var(--surface-2)}.sf-atlas .nav-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.sf-atlas .icon-btn{border-radius:var(--radius-md);background:var(--glass-thin-bg);border:1px solid var(--glass-thin-border);width:36px;height:36px;color:var(--fg-muted);cursor:pointer;place-items:center;transition:all .18s;display:grid}.sf-atlas .icon-btn:hover{color:var(--fg);border-color:var(--border-hover)}.sf-atlas .icon-btn svg{width:17px;height:17px}.sf-atlas .cart-btn{font-size:var(--text-base);background:var(--glass-thin-bg);border:1px solid var(--glass-thin-border);color:var(--fg);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:9px;padding:8px 15px;font-weight:600;transition:all .18s;display:flex}.sf-atlas .cart-btn:hover{border-color:var(--border-hover)}.sf-atlas .cart-btn svg{width:16px;height:16px}.sf-atlas .cart-btn .ct{border-radius:var(--radius-pill);background:var(--indigo);color:#fff;min-width:18px;height:18px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;place-items:center;padding:0 5px;font-weight:700;display:grid}.sf-atlas .profile{background:var(--glass-thick-bg);border:1px solid var(--glass-thick-border);border-radius:var(--radius-2xl);box-shadow:var(--elev-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;margin-top:32px;padding:24px 26px;display:flex;position:relative;overflow:hidden}.sf-atlas .profile:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent,#6366f1) 14%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:340px;height:340px;position:absolute;top:-220px;left:-60px}.sf-atlas .pl{align-items:center;gap:18px;min-width:0;display:flex;position:relative}.sf-atlas .pl>div{min-width:0}.sf-atlas .avatar{border-radius:var(--radius-xl);background:var(--gradient-primary);width:62px;height:62px;box-shadow:var(--elev-2), var(--glow-primary-sm);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.sf-atlas .avatar svg{color:#fff;width:28px;height:28px}.sf-atlas .avatar img{object-fit:cover;width:100%;height:100%}.sf-atlas .pname{font-weight:700;font-size:var(--text-2xl);letter-spacing:var(--tracking-snug);overflow-wrap:anywhere;align-items:center;gap:9px;min-width:0;display:flex}.sf-atlas .ptag{color:var(--fg-muted);font-size:var(--text-md);margin-top:3px}.sf-atlas .pstats{flex-wrap:wrap;gap:10px;display:flex;position:relative}.sf-atlas .stat{background:var(--glass-thin-bg);border:1px solid var(--glass-thin-border);border-radius:var(--radius-lg);align-items:center;gap:11px;min-width:118px;padding:13px 16px;display:flex}.sf-atlas .stat .si{border-radius:var(--radius-md);background:var(--indigo-soft);width:34px;height:34px;color:var(--indigo);flex-shrink:0;place-items:center;display:grid}.sf-atlas .stat .si svg{width:17px;height:17px}.sf-atlas .stat .sv{font-weight:700;font-size:var(--text-lg);font-variant-numeric:tabular-nums;line-height:1}.sf-atlas .stat .sl{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-subtle);margin-top:4px;font-size:10px;font-weight:600}.sf-atlas .stars{vertical-align:middle;gap:1px;margin-left:5px;display:inline-flex}.sf-atlas .stars svg{width:11px;height:11px;color:var(--warning)}.sf-atlas .browse{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:40px;display:flex}.sf-atlas .browse .eyebrow{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--violet);font-size:10px;font-weight:600}.sf-atlas .browse h2{font-weight:700;font-size:var(--text-3xl);letter-spacing:var(--tracking-snug);margin-top:7px}.sf-atlas .sortwrap{align-items:center;gap:9px;display:flex}.sf-atlas .sortwrap label{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-subtle);font-size:10px;font-weight:600}.sf-atlas .sel{position:relative}.sf-atlas .sel select{appearance:none;background:var(--glass-thin-bg);border:1px solid var(--glass-thin-border);color:var(--fg);font-family:inherit;font-size:var(--text-base);border-radius:var(--radius-md);cursor:pointer;outline:none;padding:9px 34px 9px 14px;font-weight:500;transition:border-color .18s}.sf-atlas .sel select option{background:var(--surface);color:var(--fg)}.sf-atlas .sel select:focus{border-color:var(--indigo);box-shadow:var(--glow-focus-ring)}.sf-atlas .sel svg{width:14px;height:14px;color:var(--fg-muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sf-atlas .hairline{background:var(--gradient-line);opacity:.4;height:1px;margin:20px 0 0}.sf-atlas .filterbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;display:flex}.sf-atlas .pills{flex-wrap:wrap;gap:8px;display:flex}.sf-atlas .pill{font-size:var(--text-base);color:var(--fg-muted);background:var(--glass-thin-bg);border:1px solid var(--glass-thin-border);border-radius:var(--radius-pill);cursor:pointer;padding:8px 16px;font-weight:600;transition:all .16s}.sf-atlas .pill:hover{color:var(--fg);border-color:var(--border-hover)}.sf-atlas .pill.active{color:#fff;background:var(--indigo);border-color:var(--indigo);box-shadow:var(--glow-primary-sm)}.sf-atlas .search{background:var(--glass-thin-bg);border:1px solid var(--glass-thin-border);border-radius:var(--radius-md);align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.sf-atlas .search:focus-within{border-color:var(--indigo);box-shadow:var(--glow-focus-ring)}.sf-atlas .search svg{width:16px;height:16px;color:var(--fg-muted);flex-shrink:0;margin-left:12px}.sf-atlas .search input{color:var(--fg);font-family:inherit;font-size:var(--text-base);background:0 0;border:none;outline:none;width:190px;padding:9px 14px 9px 9px}.sf-atlas .search input::placeholder{color:var(--fg-subtle)}@media (width<=1200px){.sf-atlas .grid{grid-template-columns:repeat(min(var(--sf-cols,3), 3), 1fr)}}.sf-atlas .po .price.free{color:#6ee7b7}.sf-atlas .avail.out{color:var(--fg-subtle)}.sf-atlas .avail .d{background:var(--success);border-radius:50%;width:6px;height:6px}.sf-atlas .avail.out .d{background:var(--fg-subtle)}.sf-atlas .price.free{color:var(--success)}.sf-atlas .add.done{background:var(--indigo-soft);border-color:var(--indigo);color:var(--indigo-bright,#a5b4fc)}.sf-atlas .noresults{text-align:center;color:var(--fg-muted);grid-column:1/-1;padding:70px 0}.sf-atlas .noresults svg{width:34px;height:34px;color:var(--fg-subtle);margin-bottom:12px}@keyframes sfa-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sf-atlas .sf-footer{border-top:1px solid var(--border);color:var(--fg-subtle);font-size:var(--text-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding-top:30px;padding-bottom:56px;display:flex}.sf-atlas .sf-footer .fl{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;display:flex}.sf-atlas .sf-footer .fl .logo{border-radius:var(--radius-sm);background:var(--gradient-primary);place-items:center;width:20px;height:20px;display:grid;overflow:hidden}.sf-atlas .sf-footer .fl .logo svg{color:#fff;width:11px;height:11px}.sf-atlas .sf-footer .fl .logo img{object-fit:cover;width:100%;height:100%}.sf-atlas .sf-footer .lk{gap:20px;display:flex}.sf-atlas .sf-footer .lk a:hover{color:var(--fg)}@media (width<=980px){.sf-atlas .grid{grid-template-columns:repeat(2,1fr)}.sf-atlas .nav-tabs{display:none}}@media (width<=680px){.sf-atlas .profile{flex-direction:column;align-items:flex-start}.sf-atlas .pstats{width:100%}.sf-atlas .stat{flex:auto;min-width:130px}}@media (width<=560px){.sf-atlas .wrap{padding:0 18px}.sf-atlas .profile{padding:20px 18px}.sf-atlas .search{flex:100%;min-width:0}.sf-atlas .search input{width:100%;min-width:0;font-size:16px}}@media (prefers-reduced-motion:reduce){.sf-atlas *,.sf-atlas :before,.sf-atlas :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sf-atlas.hide-badges .badge{display:none}.sf-atlas{--pc-accent:var(--indigo);--pc-accent-hover:var(--indigo-hover);--pc-accent-soft:var(--indigo-soft);--pc-accent-ink:#fff;--pc-surface:var(--surface);--pc-surface-2:var(--surface-2);--pc-bg-2:var(--bg-2);--pc-fg:var(--fg);--pc-fg-muted:var(--fg-muted);--pc-fg-subtle:var(--fg-subtle);--pc-border:var(--border);--pc-border-hover:var(--border-hover);--pc-glass:var(--glass-thick-bg);--pc-glass-border:var(--glass-thick-border);--pc-glass-thin:var(--glass-thin-bg);--pc-glass-thin-border:var(--glass-thin-border);--pc-success:var(--success);--pc-warning:var(--warning);--pc-danger:var(--danger);--pc-font:var(--font-sans);--pc-font-mono:var(--font-mono);--pc-elev-1:var(--elev-1);--pc-elev-2:var(--elev-2);--pc-elev-3:var(--elev-3);--pc-glow-sm:var(--glow-primary-sm);--pc-ease:var(--motion-ease)}