:root{--primary:#7c3aed;--accent:#22d3ee;--radius:16px;--maxw:1200px}.store[data-mode=dark]{--bg:#08080f;--bg-2:#0f0f1c;--surface:hsla(0,0%,100%,.045);--surface-hover:hsla(0,0%,100%,.08);--border:hsla(0,0%,100%,.09);--fg:#f4f4fb;--fg-sub:rgba(244,244,251,.62);--glow:0 0 40px -8px var(--primary)}.store[data-mode=light]{--bg:#f4f5fb;--bg-2:#fff;--surface:#fff;--surface-hover:#fff;--border:rgba(15,15,40,.1);--fg:#14142b;--fg-sub:rgba(20,20,43,.6);--glow:0 12px 40px -12px rgba(20,20,43,.25)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.store{min-height:100vh;background:radial-gradient(900px 500px at 12% -8%,color-mix(in srgb,var(--primary) 24%,transparent),transparent 60%),radial-gradient(800px 500px at 100% 0,color-mix(in srgb,var(--accent) 18%,transparent),transparent 55%),linear-gradient(180deg,var(--bg-2),var(--bg));color:var(--fg)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}a{color:inherit;text-decoration:none}.hdr{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--bg) 62%,transparent);border-bottom:1px solid var(--border)}.hdr-in{gap:20px;height:96px}.brand,.hdr-in{display:flex;align-items:center}.brand{gap:10px;font-weight:800;font-size:18px;letter-spacing:-.02em}.brand .dot{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:var(--glow)}.brand img{height:84px;max-width:340px;object-fit:contain}.nav{margin-left:auto;display:flex;gap:8px}.nav a{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;color:var(--fg-sub);transition:.15s}.nav a:hover{color:var(--fg);background:var(--surface-hover)}.hero{position:relative;margin:24px 0 8px;border-radius:24px;overflow:hidden;min-height:520px;display:flex;align-items:flex-end;border:1px solid var(--border);box-shadow:var(--glow)}.hero-bg{background-size:cover;background-position:50%;transition:opacity .6s ease}.hero-bg,.hero-scrim{position:absolute;inset:0}.hero-scrim{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.15) 60%,transparent)}.hero-body{position:relative;padding:40px;max-width:640px}.hero h1{margin:0 0 10px;font-size:clamp(28px,5vw,46px);line-height:1.04;letter-spacing:-.03em;color:#fff}.hero p{margin:0 0 20px;font-size:17px;color:hsla(0,0%,100%,.82)}.hero-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:18px;display:flex;gap:7px;z-index:3}.hero-dots button{width:9px;height:9px;border-radius:50%;border:none;cursor:pointer;background:hsla(0,0%,100%,.35);padding:0}.hero-dots button[data-on=true]{background:#fff;width:22px;border-radius:5px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer;border:none;transition:filter .15s,box-shadow .1s,transform .05s;color:var(--btn-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--btn) 76%,#fff) 0,var(--btn) 50%,color-mix(in srgb,var(--btn) 84%,#000) 100%);text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -2px 4px rgba(0,0,0,.2),0 6px 16px -6px color-mix(in srgb,var(--btn) 70%,transparent)}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px);box-shadow:inset 0 2px 6px rgba(0,0,0,.38),inset 0 1px 0 hsla(0,0%,100%,.12),0 2px 6px -4px color-mix(in srgb,var(--btn) 60%,transparent)}.btn.ghost{background:var(--surface);color:var(--fg);border:1px solid var(--border);box-shadow:none}.home-with-menu{display:flex;gap:28px;align-items:flex-start;margin-top:8px}.home-with-menu .home-main{flex:1 1;min-width:0}.home-with-menu .section{margin:34px 0}.catmenu,.home-with-menu .section:first-child{margin-top:24px}.catmenu{flex:0 0 250px;position:-webkit-sticky;position:sticky;top:120px;align-self:flex-start;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 6px 14px -8px rgba(0,0,0,.3)}.catmenu-head{padding:14px 18px;font-weight:800;font-size:15px;color:var(--btn-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--btn) 82%,#fff),var(--btn));text-shadow:0 1px 1px rgba(0,0,0,.25)}.catmenu-list{display:flex;flex-direction:column;padding:6px}.catmenu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:11px 12px;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;color:var(--fg);background:none;border:1px solid transparent;cursor:pointer;text-align:left;transition:.14s}.catmenu-item:hover{color:var(--btn);border-color:var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-hover) 90%,#fff),var(--surface-hover));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 2px 5px -2px rgba(0,0,0,.22)}.catmenu-item:active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(0,0,0,.18)}.catmenu-item svg{width:16px;height:16px;color:var(--fg-sub);flex-shrink:0}.catmenu-item:hover svg{color:var(--btn)}.catmenu-caret{display:inline-flex;transition:transform .18s ease;transform:rotate(90deg)}.catmenu-group[data-open=true] .catmenu-caret{transform:rotate(-90deg)}.catmenu-sub{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1),opacity .28s ease}.catmenu-sub[data-open=true]{grid-template-rows:1fr;opacity:1}.catmenu-sub-inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;margin:2px 0 4px 10px;padding-left:8px;border-left:2px solid var(--border)}.catmenu-subitem{padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--fg-sub);transition:.14s}.catmenu-subitem:hover{color:var(--btn);background:var(--surface-hover)}.catmenu-trigger{display:none;align-items:center;gap:10px;width:100%;padding:13px 16px;border-radius:12px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;color:var(--btn-fg);border:none;background:linear-gradient(180deg,color-mix(in srgb,var(--btn) 80%,#fff),var(--btn));text-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),0 4px 12px -6px var(--btn)}.catmenu-trigger svg{width:20px;height:20px}.catmenu-drawer .catmenu-list{padding:10px}.catmenu-drawer .catmenu-item{font-size:15px}@media (max-width:860px){.home-with-menu{flex-direction:column;gap:14px}.catmenu-desktop{display:none}.catmenu-trigger{display:flex}}.section{margin:42px auto}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.section-head h2{margin:0;font-size:22px;letter-spacing:-.02em}.section-head a{font-size:14px;font-weight:600;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:18px;gap:18px}.grid.fill{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.card{position:relative;border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,#fff),var(--surface));border:1px solid var(--border);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 6px 14px -8px rgba(0,0,0,.35);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--btn) 45%,var(--border));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.55),0 22px 46px -20px rgba(0,0,0,.5)}.card-img{aspect-ratio:1;width:100%;background-size:cover;background-position:50%;background-color:color-mix(in srgb,var(--fg) 5%,transparent)}.card-img.ph{display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--fg) 22%,transparent);font-size:30px;background:radial-gradient(120% 120% at 50% 0,color-mix(in srgb,var(--fg) 5%,transparent),transparent 70%),var(--surface-hover)}.card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1 1}.card-body .nm{font-weight:600;font-size:14px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body .br{font-size:12px;color:var(--fg-sub)}.badge{position:absolute;top:10px;left:10px;z-index:2;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;color:#05050c;background:linear-gradient(135deg,var(--accent),var(--primary))}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 22px}.input{flex:1 1;min-width:220px;padding:12px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:15px;outline:none}.input:focus{border-color:var(--accent)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:9px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--fg-sub);font-size:13px;font-weight:600;cursor:pointer;transition:.15s}.chip[data-on=true]{color:#05050c;background:linear-gradient(135deg,var(--accent),var(--primary));border-color:transparent}.pd{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:40px;gap:40px;margin:30px 0}.pd-gallery{display:flex;flex-direction:column;gap:12px}.pd-main{aspect-ratio:1;border-radius:20px;border:1px solid var(--border);background-size:cover;background-position:50%;background-color:var(--surface)}.pd-thumbs{display:flex;gap:10px}.pd-thumbs .t{width:68px;height:68px;border-radius:12px;border:1px solid var(--border);background-size:cover;background-position:50%;cursor:pointer}.lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:40px;background:rgba(8,8,15,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:lbFade .2s ease}@keyframes lbFade{0%{opacity:0}to{opacity:1}}.lb-img{max-width:min(90vw,1100px);max-height:86vh;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);transition:transform .2s ease;will-change:transform;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lb-tools{position:fixed;top:18px;right:22px;display:flex;gap:12px;z-index:2}.lb-btn{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;background:hsla(0,0%,100%,.12);transition:.15s}.lb-btn:hover{background:hsla(0,0%,100%,.24)}.lb-btn svg{width:22px;height:22px}.lb-nav{position:fixed;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;background:hsla(0,0%,100%,.12);transition:.15s;z-index:2}.lb-nav:hover{background:hsla(0,0%,100%,.24)}.lb-nav svg{width:26px;height:26px}.lb-nav.prev{left:24px}.lb-nav.next{right:24px}.lb-dots{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}.lb-dots button{width:9px;height:9px;border-radius:50%;border:none;cursor:pointer;padding:0;background:hsla(0,0%,100%,.4)}.lb-dots button[data-on=true]{background:#fff;width:24px;border-radius:5px}@media (max-width:720px){.lb-nav{width:42px;height:42px}.lb-nav.prev{left:10px}.lb-nav.next{right:10px}.lightbox{padding:16px}}.pd-info h1{margin:4px 0 8px;font-size:30px;letter-spacing:-.02em}.pd-code{font-size:13px;font-weight:700;letter-spacing:.03em;color:var(--fg-sub);margin-bottom:6px}.pd-info .sub{color:var(--fg-sub);margin-bottom:22px}.tag{display:inline-block;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.note{margin-top:14px}.ftr,.note{font-size:13px;color:var(--fg-sub)}.ftr{margin-top:60px;border-top:1px solid var(--border);padding:30px 0}.center{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px}.muted{color:var(--fg-sub)}@media (max-width:720px){.pd{grid-template-columns:1fr}.hdr-in{height:64px;gap:12px}.brand img{height:46px;max-width:140px}.hero{min-height:300px}.hero-body{padding:22px;max-width:100%}.hero h1{font-size:clamp(24px,7vw,34px)}.hero p{font-size:15px}.section{margin:28px auto}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}@media (max-width:420px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}}.full{width:100%}.hero.full{border-radius:0;border-left:none;border-right:none;margin:0 0 8px}.hero.contained{margin:24px auto 8px;max-width:var(--maxw)}.hero.noshadow{box-shadow:none}.hero-bg.fx-zoom{transform:scale(1);animation:heroZoom 12s ease-in-out infinite alternate}@keyframes heroZoom{to{transform:scale(1.12)}}.cta{background:linear-gradient(100deg,var(--primary),var(--accent));color:#06060e;padding:30px 20px}.cta-in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cta-in h3{margin:0 0 4px;font-size:24px;letter-spacing:-.02em}.cta-in p{margin:0;opacity:.85;font-weight:500}.cta .btn{background:#06060e;color:#fff;box-shadow:none}.evid{margin:34px 0}.evid .rail{display:flex;gap:16px;overflow-x:auto;padding-top:10px;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:thin}.evid .rail>*{flex:0 0 220px;scroll-snap-align:start}.rail{display:flex;gap:16px;overflow-x:auto;padding-top:10px;padding-bottom:10px}.rail>*{flex:0 0 200px}.between{margin:30px 0;position:relative;overflow:hidden;min-height:160px;display:flex;align-items:center;border:1px solid var(--border)}.between.full{border-left:none;border-right:none;border-radius:0}.between.contained{max-width:var(--maxw);margin:30px auto;border-radius:20px}.between.shadow{box-shadow:var(--glow)}.fab-col{position:fixed;right:20px;bottom:22px;z-index:50;transition:bottom .4s cubic-bezier(.2,.9,.3,1);display:flex;flex-direction:column;align-items:flex-end;gap:12px}.fab-col[data-suggest=true]{bottom:92px}.fab{width:54px;height:54px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px -6px rgba(0,0,0,.5);transition:.18s}.fab:hover{transform:translateY(-2px) scale(1.05)}.fab.wa{background:#25d366;color:#fff}.fab.wa svg{width:30px;height:30px}.fab.top{position:relative;width:52px;height:52px;align-self:center;background:var(--btn);color:var(--btn-fg);overflow:visible}.fab.top .fab-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.fab.top .fab-ring .ring-track{fill:none;stroke:hsla(0,0%,100%,.28);stroke-width:3}.fab.top .fab-ring .ring-bar{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .12s linear}.fab.top .fab-arrow{position:relative;width:20px;height:20px}.fab.top[data-show=false]{opacity:0;pointer-events:none;transform:translateY(12px) scale(.6)}.fab svg{width:26px;height:26px}.suggest{position:fixed;left:0;right:0;bottom:0;z-index:45;transform:translateY(110%);transition:transform .45s cubic-bezier(.2,.9,.3,1);background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border);box-shadow:0 -12px 40px -20px var(--primary)}.suggest[data-open=true]{transform:translateY(0)}.suggest-in{max-width:var(--maxw);margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px}.suggest-in .lbl{font-weight:700;font-size:14px;flex-shrink:0}.suggest-rail{display:flex;gap:10px;overflow-x:auto;flex:1 1}.suggest-rail a{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:6px 10px 6px 6px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;white-space:nowrap}.suggest-rail a .ph,.suggest-rail a img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--surface-hover)}.suggest .x{background:none;border:none;color:var(--fg-sub);cursor:pointer;font-size:20px;flex-shrink:0}.crumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;font-weight:600;color:var(--fg-sub);margin:20px auto 6px}.crumbs a:hover{color:var(--accent)}.crumbs-back{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--btn)}.crumbs-back svg{width:22px;height:22px}.crumbs-back:hover{filter:brightness(1.15)}.crumbs-home{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:transparent;color:var(--btn);transition:background .15s,color .15s}.crumbs-home svg{width:18px;height:18px}.crumbs-home:hover{background:var(--btn);color:var(--btn-fg)}.crumbs-back:hover{filter:brightness(1.08)}.crumbs .sep{width:16px;height:16px;opacity:.55;flex-shrink:0}@media (max-width:720px){.cta-in{flex-direction:column;text-align:center}.fab-col{right:14px;bottom:14px}}.btn.sm{padding:8px 16px;font-size:13px;box-shadow:none}.btn.solid{background:var(--btn);color:var(--btn-fg);box-shadow:none}.btn.outline{background:transparent;color:var(--btn);border:1px solid color-mix(in srgb,var(--btn) 60%,var(--border));box-shadow:none}.btn.outline:hover{background:color-mix(in srgb,var(--btn) 10%,transparent);filter:none}.access-bar{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.access-in{max-width:var(--maxw);margin:0 auto;padding:12px 20px;justify-content:space-between;gap:14px;flex-wrap:wrap}.access-hi,.access-in{display:flex;align-items:center}.access-hi{gap:10px}.access-avatar{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--fg-sub)}.access-avatar svg{width:20px;height:20px}.access-title{font-size:14px;font-weight:600;color:var(--fg)}.access-actions{display:flex;gap:8px}.fbar{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 14px}.fbar,.fbtn{align-items:center}.fbtn{display:inline-flex;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,#fff),var(--surface));color:var(--fg);font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s,box-shadow .1s,transform .05s,border-color .15s;white-space:nowrap;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 2px 5px -2px rgba(0,0,0,.25)}.fbtn:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));filter:brightness(1.02)}.fbtn:active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(0,0,0,.2)}.fbtn.active{color:var(--btn-fg);border-color:transparent;background:linear-gradient(180deg,color-mix(in srgb,var(--btn) 78%,#fff),var(--btn) 50%,color-mix(in srgb,var(--btn) 84%,#000));text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),inset 0 -2px 4px rgba(0,0,0,.2)}.fbtn svg{width:18px;height:18px}.fbar .grow{flex:1 1;min-width:180px}.fmeta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;font-size:14px}.fmeta,.fmeta .clear{align-items:center;color:var(--fg-sub)}.fmeta .clear{background:none;border:none;cursor:pointer;font-weight:600;display:inline-flex;gap:5px}.fmeta .clear:hover{color:var(--fg)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 12px;border-radius:999px;border:1px solid var(--border);font-size:13px;font-weight:600}.pill button{background:none;border:none;color:var(--fg-sub);cursor:pointer;font-size:16px;line-height:1}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:200px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-2) 92%,#fff),var(--bg-2));border:1px solid var(--border);border-radius:14px;padding:6px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 24px 50px -18px rgba(0,0,0,.5)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;background:none;border:1px solid transparent;color:var(--fg);font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:.12s}.menu-item:hover{background:var(--surface-hover);border-color:var(--border);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4)}.menu-item.on{color:var(--btn-fg);font-weight:700;border-color:transparent;background:linear-gradient(180deg,color-mix(in srgb,var(--btn) 80%,#fff),var(--btn));text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -2px 4px rgba(0,0,0,.2)}.drawer-overlay{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s}.drawer-overlay[data-open=true]{opacity:1;pointer-events:auto}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:88vw;z-index:61;background:var(--bg-2);border-left:1px solid var(--border);transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.9,.3,1);display:flex;flex-direction:column}.drawer-panel[data-open=true]{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border);font-weight:800;font-size:17px}.drawer-head button{background:none;border:none;color:var(--fg-sub);cursor:pointer;font-size:22px}.drawer-list{overflow-y:auto;padding:10px}.drawer-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;border-radius:10px;background:none;border:none;color:var(--fg);font-size:15px;font-weight:500;cursor:pointer;text-align:left}.drawer-item:hover{background:var(--surface-hover)}.drawer-item.on{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary);font-weight:700}.card-link{display:flex;flex-direction:column;flex:1 1;color:inherit}.card-code{font-size:11px;color:var(--fg-sub);font-weight:600;letter-spacing:.02em}.card-buy{display:block;text-align:center;padding:12px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--btn-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--btn) 78%,#fff) 0,var(--btn) 48%,color-mix(in srgb,var(--btn) 82%,#000) 100%);border:none;border-top:1px solid color-mix(in srgb,var(--btn) 55%,#fff);text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),inset 0 -2px 4px rgba(0,0,0,.22);transition:filter .15s,box-shadow .1s,transform .05s}.card-buy:hover{filter:brightness(1.06)}.card-buy:active{transform:translateY(1px);box-shadow:inset 0 2px 6px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.15)}.hdr-search{flex:1 1;max-width:460px;display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface)}.hdr-search svg{width:18px;height:18px;color:var(--fg-sub);flex-shrink:0}.hdr-search input{border:none;outline:none;background:transparent;color:var(--fg);font-size:14px;width:100%}.hdr-search input::placeholder{color:var(--fg-sub)}@media (max-width:780px){.hdr-search{display:none}}.store-footer{margin-top:64px}.sf-brand{background:color-mix(in srgb,var(--primary) 12%,var(--bg-2));border-top:1px solid var(--border);padding:34px 20px}.sf-brand-in{max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.sf-logo{height:44px;max-width:220px;object-fit:contain;margin-bottom:4px}.sf-name{font-weight:800;font-size:18px;color:var(--fg)}.sf-phone{font-size:15px;color:var(--fg);font-weight:600}.sf-addr{max-width:720px}.sf-addr,.sf-note{font-size:13px;color:var(--fg-sub)}.sf-bottom{border-top:1px solid var(--border);padding:16px 0}.sf-bottom-in{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}.sf-bottom-in a:hover{color:var(--fg)}