:root{color-scheme:light dark;--navy: #0b1f3a;--navy-2: #14253f;--teal: #3f8a84;--teal-bright: #50a69f;--bg: #eef2f7;--surface: #ffffff;--surface-2: #f6f8fc;--tile: #eef3f9;--border: #dde5f0;--ink: #0b1f3a;--muted: #5b6b82;--ok: #0b6b63;--ok-bg: #d8f5f0;--warn: #8a5a06;--warn-bg: #fdf1d6;--danger: #b91c1c;--danger-bg: #fee2e2;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(11, 31, 58, .05), 0 14px 34px rgba(11, 31, 58, .09);--shadow-sm: 0 1px 2px rgba(11, 31, 58, .05), 0 5px 14px rgba(11, 31, 58, .06);--font: "Hiragino Sans", "Hiragino Kaku Gothic ProN", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root{--bg: #070f1c;--surface: #111f36;--surface-2: #0d1a30;--tile: #16273f;--border: #243348;--ink: #e8eef7;--muted: #93a4bd;--ok: #7de3d8;--ok-bg: #0c2a3d;--warn: #f0c877;--warn-bg: #33280d;--danger: #fca5a5;--danger-bg: #3b1414;--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 14px 34px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35), 0 5px 14px rgba(0, 0, 0, .4)}}:root[data-theme=dark]{--bg: #070f1c;--surface: #111f36;--surface-2: #0d1a30;--tile: #16273f;--border: #243348;--ink: #e8eef7;--muted: #93a4bd;--ok: #7de3d8;--ok-bg: #0c2a3d;--warn: #f0c877;--warn-bg: #33280d;--danger: #fca5a5;--danger-bg: #3b1414;--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 14px 34px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35), 0 5px 14px rgba(0, 0, 0, .4)}:root[data-theme=light]{--bg: #eef2f7;--surface: #fff;--surface-2: #f6f8fc;--tile: #eef3f9;--border: #dde5f0;--ink: #0b1f3a;--muted: #5b6b82;--ok: #0b6b63;--ok-bg: #d8f5f0;--warn: #8a5a06;--warn-bg: #fdf1d6;--danger: #b91c1c;--danger-bg: #fee2e2;--shadow: 0 1px 2px rgba(11, 31, 58, .05), 0 14px 34px rgba(11, 31, 58, .09);--shadow-sm: 0 1px 2px rgba(11, 31, 58, .05), 0 5px 14px rgba(11, 31, 58, .06)}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.55}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}svg{display:block}a{color:var(--teal)}.topstack{position:sticky;top:var(--demo-bar-h, 0px);z-index:35}.demo-note{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--warn);background:var(--warn-bg);border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);border-radius:var(--radius-sm);padding:8px 11px;line-height:1.45}.demo-note-tag{flex:none;font-size:10px;font-weight:900;letter-spacing:.06em;padding:2px 6px;border-radius:5px;background:var(--warn);color:var(--warn-bg)}.promo{background:var(--navy);color:#dff6f3;text-align:center;font-size:12.5px;font-weight:600;padding:7px 16px;letter-spacing:.02em}.promo b{color:#7fd8cf}.hdr{background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:saturate(1.5) blur(10px);backdrop-filter:saturate(1.5) blur(10px);border-bottom:1px solid var(--border)}.hdr-in{max-width:1080px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:11px;cursor:pointer}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:19px;background:linear-gradient(155deg,var(--teal-bright),var(--teal));color:#04231f;box-shadow:var(--shadow-sm)}.brand-name{font-weight:800;letter-spacing:-.01em;font-size:17px;line-height:1}.brand-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.demo-chip{display:inline-block;vertical-align:middle;font-size:9.5px;font-weight:800;letter-spacing:.08em;padding:2px 6px;border-radius:5px;background:var(--warn-bg);color:var(--warn);margin-left:5px;transform:translateY(-1px)}.promo-tag{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.08em;padding:1px 6px;border-radius:5px;background:#ffffff38;margin-right:8px;vertical-align:middle}.hdr-r{display:flex;align-items:center;gap:6px}.iconbtn{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--muted);border:1px solid transparent}.iconbtn:hover{background:var(--surface-2);color:var(--ink)}.cartbtn{position:relative}.cart-badge{position:absolute;top:3px;right:3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--teal);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}.wrap{max-width:1080px;margin:0 auto;padding:26px 20px 40px}.store-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px}.store-head h1{font-size:23px;margin:0;letter-spacing:-.02em}.store-head p{margin:3px 0 0;color:var(--muted);font-size:13.5px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:820px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.prod{overflow:hidden;display:flex;flex-direction:column}.prod-img{aspect-ratio:4/3;display:grid;place-items:center;font-size:58px;background:radial-gradient(120% 120% at 70% 20%,color-mix(in srgb,var(--teal) 18%,var(--tile)),var(--tile))}.prod-b{padding:14px 15px 15px;display:flex;flex-direction:column;gap:3px;flex:1}.prod-name{font-weight:700;letter-spacing:-.01em}.prod-desc{font-size:12.5px;color:var(--muted);flex:1}.prod-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.price{font-weight:800;font-size:17px;letter-spacing:-.01em}.price small{font-weight:600;font-size:11.5px;color:var(--muted);margin-left:3px}.btn{border-radius:11px;font-weight:700;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border);color:var(--ink);transition:.14s}.btn:hover:not(:disabled){border-color:var(--teal)}.btn-teal{background:linear-gradient(180deg,#40928c,#2e6c66);border:none;color:#fff}.btn-teal:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 7px 18px #2bb3aa52}.btn-lg{width:100%;padding:15px;font-size:16px}.btn-sm{padding:7px 12px;font-size:13px}.btn .sub{display:block;font-weight:600;font-size:12px;opacity:.85;margin-top:2px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#060e1a80;opacity:0;pointer-events:none;transition:.2s;z-index:40}.scrim.on{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100%;width:380px;max-width:92vw;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow);transform:translate(100%);transition:.24s cubic-bezier(.4,0,.2,1);z-index:50;display:flex;flex-direction:column}.drawer.on{transform:none}.drawer-h{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.drawer-h h3{margin:0;font-size:16px}.drawer-b{flex:1;overflow:auto;padding:8px 18px}.drawer-f{padding:16px 18px;border-top:1px solid var(--border)}.citem{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--border)}.citem-img{width:52px;height:52px;border-radius:10px;flex:none;display:grid;place-items:center;font-size:26px;background:var(--tile)}.citem-n{flex:1;min-width:0}.citem-n .nm{font-weight:600;font-size:14px}.qty{display:inline-flex;align-items:center;gap:8px;margin-top:5px}.qty button{width:26px;height:26px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);font-size:15px;line-height:1;color:var(--ink)}.qty button:hover{border-color:var(--teal)}.qty .v{min-width:20px;text-align:center;font-weight:700}.empty{text-align:center;color:var(--muted);padding:48px 0;font-size:14px}.co{display:grid;grid-template-columns:1fr .92fr;gap:22px;align-items:start}@media(max-width:840px){.co{grid-template-columns:1fr}}.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:600;font-size:13.5px;margin-bottom:14px}.back:hover{color:var(--ink)}.sec{padding:20px}.sec h2{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 14px;font-weight:800}.line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0}.line+.line{border-top:1px dashed var(--border)}.sum-item{display:flex;gap:11px;align-items:center;padding:9px 0}.sum-item+.sum-item{border-top:1px dashed var(--border)}.sum-img{width:44px;height:44px;border-radius:9px;flex:none;display:grid;place-items:center;font-size:23px;background:var(--tile)}.free{display:inline-flex;align-items:center;gap:6px;background:var(--ok-bg);color:var(--ok);border-radius:999px;padding:3px 11px;font-weight:800;font-size:12.5px}.total{border-top:2px solid var(--border);margin-top:6px;padding-top:14px}.total .lbl{font-weight:800}.total .amt{font-size:25px;font-weight:800;letter-spacing:-.02em}.pm{display:flex;flex-direction:column;gap:11px}.pm-opt{display:flex;align-items:center;gap:13px;padding:15px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface-2);transition:.14s;text-align:left;width:100%}.pm-opt:hover{border-color:var(--teal)}.pm-opt.sel{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 8%,var(--surface))}.pm-ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--ink)}.pm-t{flex:1;display:flex;flex-direction:column;gap:4px}.pm-t .t1{font-weight:800;letter-spacing:-.01em}.pm-t .t2{font-size:12.5px;color:var(--muted);line-height:1.3}.radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex:none;display:grid;place-items:center}.pm-opt.sel .radio{border-color:var(--teal)}.pm-opt.sel .radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--teal)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--ok-bg);color:var(--ok);vertical-align:middle}.panel{margin-top:14px;padding-top:16px;border-top:1px solid var(--border)}.field label{font-size:12px;font-weight:800;color:var(--muted);display:block;margin-bottom:6px}.inp,.sel{width:100%;font:inherit;padding:11px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink)}.inp:focus,.sel:focus{outline:none;border-color:var(--teal)}.cc-row{display:flex;gap:10px;margin-top:10px}.demo-tag{font-size:11.5px;color:var(--muted);margin-top:8px}.tok-row{display:flex;gap:9px;margin-bottom:14px;flex-wrap:wrap}.tok{flex:1 1 0;min-width:130px;justify-content:center;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:11px;border:1.5px solid var(--border);background:var(--surface-2);font-weight:700;font-size:13.5px}.tok:hover{border-color:var(--teal)}.tok.sel{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 9%,var(--surface))}.tok .coin{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff}.wtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wtile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border:1.5px solid var(--border);border-radius:13px;background:var(--surface-2);transition:.14s}.wtile:hover:not(:disabled){border-color:var(--teal);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.wtile .wl{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border)}.wtile .wn{font-size:12.5px;font-weight:700}.wbar{display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.wbar .wl{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border)}.wbar .info{flex:1;min-width:0}.wbar .nm{font-weight:800;font-size:13.5px;line-height:1.2}.addr{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-top:3px}.addr .mono{color:var(--ink);word-break:break-all;flex:1;line-height:1.45}.wl-img{width:26px;height:26px;border-radius:7px;object-fit:contain}.wbar .wl-img{width:22px;height:22px}.wl-ph{font-size:20px;line-height:1}.wsettings{margin-top:12px;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2)}.wsettings .field+.field{margin-top:12px}.disc-btn{display:inline-flex;align-items:center;gap:6px;width:100%;justify-content:center;margin-top:12px;padding:10px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid var(--border);background:var(--surface);color:var(--warn)}.disc-btn:hover{border-color:var(--warn)}.faucet{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;font-weight:600;color:var(--teal);text-decoration:none}.faucet:hover{text-decoration:underline}.banner{border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.5}.banner.warn{background:var(--warn-bg);color:var(--warn)}.banner.err{background:var(--danger-bg);color:var(--danger)}code{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:12px;font-family:var(--mono)}.receipt{border:1px solid var(--teal)}.rc-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}.check{width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--teal);color:#fff;font-size:22px;font-weight:900}.foot{max-width:1080px;margin:26px auto 0;padding:0 20px 30px}.how{border:1px dashed var(--border);border-radius:12px;background:var(--surface-2)}.how summary{list-style:none;cursor:pointer;padding:11px 15px;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--muted)}.how summary::-webkit-details-marker{display:none}.how summary:hover{color:var(--ink)}.how-b{padding:4px 16px 16px}.flow{width:100%;height:auto;max-width:560px;margin:0 auto;display:block}.foot-legal{text-align:center;color:var(--muted);font-size:11.5px;margin-top:14px}.foot-legal .sep{opacity:.5;margin:0 7px}.how-intro{font-size:12.5px;color:var(--muted);line-height:1.75;margin:2px 0 4px}.how-intro b{color:var(--ink)}.methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 12px}@media(max-width:640px){.methods{grid-template-columns:1fr}}.method{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 15px}.m-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--ok);background:var(--ok-bg);border-radius:6px;padding:2px 9px;margin-bottom:9px}.method h5{margin:0 0 8px;font-size:14px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.m-eip{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 7px;letter-spacing:0}.method p{margin:0;font-size:12px;color:var(--muted);line-height:1.7}.method p b{color:var(--ink)}.m-foot{margin-top:10px;padding-top:9px;border-top:1px dashed var(--border);font-size:11px;color:var(--muted)}.how-cta{display:flex;gap:13px;align-items:flex-start;background:linear-gradient(180deg,color-mix(in srgb,var(--teal) 9%,var(--surface)),var(--surface));border:1px solid var(--teal);border-radius:12px;padding:14px 15px;font-size:12.5px;line-height:1.75;color:var(--ink)}.how-cta b{font-weight:800}.how-cta .arrow{color:var(--teal)}.ol-badge{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;background:linear-gradient(155deg,var(--teal-bright),var(--teal));box-shadow:var(--shadow-sm)}