:root{--bg: #0a0b09;--bg-elev: #13150f;--bg-card: #15170f;--border: #24271a;--border-light: #3a3f2a;--text: #ffffff;--text-dim: #8a8f80;--text-dimmer: #5a5e52;--accent: #c2ee3b;--accent-text: #0a0b09;--radius: 4px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Archivo", "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);font-family:var(--font);overscroll-behavior:none}#root{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:72px}.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;text-transform:uppercase;line-height:.95}.muted{color:var(--text-dim)}.dimmer{color:var(--text-dimmer)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:10}.topbar .logo{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:.15em;text-transform:uppercase}.topbar .title{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase}.icon-btn{background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;display:flex;align-items:center}.hero{position:relative;padding:32px 20px 28px;overflow:hidden}.hero .eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.hero h1{font-family:var(--font-display);font-weight:800;font-size:44px;line-height:.92;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:16px}.hero p{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-bottom:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius);border:1px solid var(--border-light);background:var(--bg-elev);color:var(--text);cursor:pointer;width:100%;transition:opacity .15s}.btn:active{opacity:.7}.btn-primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn-ghost{background:transparent}.section{padding:24px 20px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-head h2{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase}.section-head a{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);text-decoration:none}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tpl-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer}.tpl-card .thumb{aspect-ratio:3/4;background:#1c1c1c;background-size:cover;background-position:center}.tpl-card .meta{padding:10px}.tpl-card .name{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px}.tpl-card .sub{font-size:10px;color:var(--text-dim);margin-bottom:6px}.tpl-card .price{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--accent)}.accent{color:var(--accent)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.feature{text-align:center}.feature .ico{font-size:18px;margin-bottom:8px;display:block;color:var(--accent)}.feature .ft{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px}.feature .fs{font-size:8px;color:var(--text-dim)}.bottomnav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;padding:10px 0 14px;background:var(--bg);border-top:1px solid var(--border);z-index:20}.navitem{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-dimmer);cursor:pointer;font-size:9px;letter-spacing:.05em;text-transform:uppercase;position:relative}.navitem.active{color:var(--accent)}.navitem .ni-ico{font-size:18px}.navitem .badge{position:absolute;top:-4px;right:50%;transform:translate(14px);background:var(--accent);color:#000;font-size:9px;font-weight:700;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.brandfoot{text-align:center;padding:28px 20px;border-top:1px solid var(--border)}.brandfoot .bf-logo{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;color:var(--accent)}.brandfoot .bf-sub{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim)}.brandfoot .bf-copy{margin-top:14px;font-size:9px;color:var(--text-dimmer)}.row{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border);cursor:pointer}.row .r-ico{font-size:18px;color:var(--text-dim);width:22px}.row .r-label{flex:1;font-size:13px}.row .r-chev{color:var(--text-dimmer)}.qty-btn{width:28px;height:28px;border:1px solid var(--border-light);background:var(--bg-elev);color:var(--text);border-radius:var(--radius);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.qty-btn:active{opacity:.6}.coupon-input{flex:1;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;color:var(--text);font-family:var(--font);font-size:13px;outline:none}.coupon-input::placeholder{color:var(--text-dimmer)}.coupon-input:focus{border-color:var(--border-light)}.lang-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:flex-end;justify-content:center;overflow-y:auto}.lang-sheet{width:100%;max-width:480px;background:var(--bg-elev);border-top:1px solid var(--border-light);border-radius:14px 14px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));animation:slideUp .2s ease;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lang-sheet-title{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px;padding:0 6px}.lang-option{display:flex;align-items:center;gap:14px;width:100%;padding:16px;background:none;border:none;color:var(--text);font-size:15px;cursor:pointer;border-radius:var(--radius)}.lang-option.active{background:var(--bg-card)}.lang-option:active{opacity:.6}.loader{display:flex;align-items:center;justify-content:center;height:60vh;color:var(--text-dim);font-size:12px;letter-spacing:.2em;text-transform:uppercase}.theme-underground body{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 2px,transparent 2px 7px)}.theme-graffiti{--font-display: "Permanent Marker", cursive}.theme-graffiti body{background-color:var(--bg);background-image:radial-gradient(circle at 12% 18%,rgba(255,46,126,.18) 0,transparent 16%),radial-gradient(circle at 85% 30%,rgba(255,230,0,.14) 0,transparent 14%),radial-gradient(circle at 70% 80%,rgba(38,208,255,.12) 0,transparent 18%)}.theme-graffiti .logo,.theme-graffiti .bf-logo{transform:rotate(-3deg);color:var(--accent);text-shadow:2px 2px 0 var(--accent2),4px 4px 0 rgba(0,0,0,.4);letter-spacing:0}.theme-graffiti .tpl-card{border:2px solid var(--accent);border-radius:3px;box-shadow:4px 4px 0 var(--accent2)}.theme-graffiti .tpl-card:nth-child(odd){transform:rotate(-1.2deg)}.theme-graffiti .tpl-card:nth-child(2n){transform:rotate(1.2deg)}.theme-graffiti .price{color:var(--accent2);-webkit-text-stroke:.6px #000}.theme-graffiti .btn-primary{transform:skew(-6deg);box-shadow:5px 5px 0 var(--accent2);border:2px solid #000}.theme-graffiti .section-head h2,.theme-graffiti .title{transform:rotate(-1.5deg)}.theme-cyber{--font-display: "Orbitron", sans-serif;--font: "Share Tech Mono", monospace;--border: #0c3a44;--border-light: #12586a;--text-dim: #5fa8b5}.theme-cyber body{background-image:linear-gradient(rgba(0,240,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.05) 1px,transparent 1px);background-size:28px 28px}.theme-cyber #root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(#0000 0,#0000 2px,#00f0ff06 2px,#00f0ff06 4px);z-index:50}.theme-cyber .logo,.theme-cyber .bf-logo{color:var(--accent);text-shadow:0 0 8px var(--accent)}.theme-cyber .tpl-card{border:1px solid rgba(0,240,255,.4);border-radius:0;clip-path:polygon(0 0,100% 0,100% 86%,90% 100%,0 100%);box-shadow:inset 0 0 16px #00f0ff14}.theme-cyber .thumb{border-bottom:1px solid rgba(0,240,255,.3)}.theme-cyber .price{color:var(--accent);text-shadow:0 0 6px var(--accent)}.theme-cyber .btn-primary{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:0 0 14px #00f0ff80}.theme-cyber .topbar{border-bottom:1px solid rgba(0,240,255,.35);box-shadow:0 1px 12px #00f0ff26}.theme-luxe{--font-display: "Playfair Display", serif;--border: #2a2316;--border-light: #4a3d22}.theme-luxe .display,.theme-luxe .logo,.theme-luxe .bf-logo{font-family:Playfair Display,serif;font-weight:700;text-transform:none;letter-spacing:.02em}.theme-luxe .logo{color:var(--accent)}.theme-luxe .tpl-card{border:1px solid rgba(230,194,92,.35);border-radius:0}.theme-luxe .price{color:var(--accent);font-style:italic}.theme-luxe .btn-primary{background:transparent;color:var(--accent);border:1px solid var(--accent);letter-spacing:.2em}.theme-luxe .section-head h2{font-family:Playfair Display,serif;text-transform:none;letter-spacing:.05em}.theme-luxe .brandfoot,.theme-luxe .topbar{border-color:#e6c25c33}.theme-brutalist{--font-display: "Space Mono", monospace;--font: "Space Mono", monospace;--border: #ffffff;--border-light: #ffffff}.theme-brutalist #root{border:3px solid #fff;min-height:100vh}.theme-brutalist .tpl-card{border:2px solid #fff;border-radius:0;background:transparent}.theme-brutalist .price{background:#fff;color:#000;padding:1px 5px;display:inline-block}.theme-brutalist .btn-primary{border:2px solid #fff;border-radius:0;box-shadow:5px 5px 0 var(--accent2)}.theme-brutalist .btn{border-radius:0}.theme-brutalist .topbar{border-bottom:3px solid #fff}.theme-vapor{--font-display: "Audiowide", sans-serif}.theme-vapor body{background-image:linear-gradient(180deg,transparent 55%,rgba(255,106,213,.12) 100%),repeating-linear-gradient(90deg,rgba(38,208,255,.08) 0 1px,transparent 1px 40px),radial-gradient(circle at 50% 120%,rgba(255,106,213,.25) 0,transparent 45%)}.theme-vapor .logo,.theme-vapor .bf-logo{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.theme-vapor .tpl-card{border:1px solid var(--accent);border-radius:10px;box-shadow:0 0 14px #ff6ad54d}.theme-vapor .price{color:var(--accent2);text-shadow:0 0 6px var(--accent2)}.theme-vapor .btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent2));border:none;color:#1a1030}.theme-toxic{--font-display: "Anton", sans-serif}.theme-toxic body{background-image:repeating-linear-gradient(45deg,#d4ff000d 0,#d4ff000d 14px,#0000 14px,#0000 28px)}.theme-toxic .logo,.theme-toxic .bf-logo{color:var(--accent);letter-spacing:.05em}.theme-toxic .tpl-card{border:2px dashed var(--accent);border-radius:2px}.theme-toxic .price{color:var(--accent)}.theme-toxic .btn-primary{border:3px solid #000;background:repeating-linear-gradient(45deg,var(--accent) 0 12px,#1a1a00 12px 24px);color:#000}.theme-blood{--font-display: "Pirata One", cursive}.theme-blood body{background-image:radial-gradient(circle at 50% 0%,rgba(224,30,43,.18) 0,transparent 40%)}.theme-blood .logo,.theme-blood .bf-logo{color:var(--accent);letter-spacing:.06em}.theme-blood .tpl-card{border:1px solid var(--accent2);border-radius:0}.theme-blood .price{color:var(--accent)}.theme-blood .btn-primary{background:var(--accent);border:1px solid var(--accent2)}.theme-frost body{background-image:radial-gradient(circle at 50% -10%,rgba(127,227,255,.14) 0,transparent 45%)}.theme-frost .tpl-card{border:1px solid rgba(127,227,255,.3);border-radius:10px}.theme-frost .price{color:var(--accent)}.theme-royal body{background-image:radial-gradient(circle at 50% 0%,rgba(179,136,255,.15) 0,transparent 42%)}.theme-royal .tpl-card{border:1px solid rgba(179,136,255,.35);border-radius:8px}.theme-royal .price{color:var(--accent)}.theme-mono .tpl-card{border:1px solid #222;border-radius:2px}.theme-mono .price{color:#fff}.theme-mono .btn-primary{background:#fff;color:#000}.theme-sand body{background-image:repeating-linear-gradient(0deg,rgba(224,184,120,.04) 0 1px,transparent 1px 9px)}.theme-sand .tpl-card{border:1px solid rgba(224,184,120,.3);border-radius:6px}.theme-sand .price{color:var(--accent)}.theme-mint .tpl-card{border:1px solid rgba(76,255,176,.3);border-radius:14px}.theme-mint .price{color:var(--accent)}.theme-ocean body{background-image:linear-gradient(180deg,transparent 60%,rgba(58,160,255,.12) 100%)}.theme-ocean .tpl-card{border:1px solid rgba(58,160,255,.3);border-radius:10px}.theme-ocean .price{color:var(--accent)}
