:root{--bg: #f6f7f9;--surface: #ffffff;--ink: #14181f;--muted: #667085;--line: #e5e8ee;--brand: #4f46e5;--brand-ink: #ffffff;--accent: #0f766e;--danger: #b42318;--danger-bg: #fef3f2;--ok: #067647;--ok-bg: #ecfdf3;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--radius: 14px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root{--bg: #0d1017;--surface: #151a23;--ink: #e7ebf3;--muted: #97a2b6;--line: #26303f;--brand: #818cf8;--brand-ink: #0d1017;--danger: #ff9c8f;--danger-bg: #2a1512;--ok: #5fd39a;--ok-bg: #10241a;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.5}code,.mono{font-family:var(--mono);font-size:.9em}h1{font-size:1.9rem;margin:0 0 .4rem;letter-spacing:-.02em}h2{font-size:1.2rem;margin:0 0 .8rem;letter-spacing:-.01em}a{color:inherit}.muted{color:var(--muted)}.error{color:var(--danger)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand{font-weight:700;text-decoration:none;font-size:1.05rem;white-space:nowrap}.nav{display:flex;gap:1.1rem;margin-left:.5rem;flex:1}.nav a{text-decoration:none;color:var(--muted);font-weight:500;font-size:.95rem}.nav a:hover{color:var(--ink)}.cart-count{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;background:var(--brand);color:var(--brand-ink);font-size:.72rem;font-weight:700}.session{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--muted)}.session-label{display:none}.session code{background:var(--bg);border:1px solid var(--line);padding:.1rem .4rem;border-radius:6px;color:var(--ink)}.replay-badge{display:inline-flex;align-items:center;gap:.25rem;color:var(--danger);font-weight:700;font-size:.7rem;letter-spacing:.03em}@media (min-width: 720px){.session-label{display:inline}}.status-strip{padding:.6rem 1.25rem;background:var(--danger-bg);color:var(--danger);font-size:.85rem;border-bottom:1px solid var(--line)}.app{max-width:1040px;margin:0 auto;padding:1.75rem 1.25rem 3rem}.page{animation:fade .18s ease}.page-head{margin-bottom:1.25rem}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.footer{max-width:1040px;margin:0 auto;padding:1.5rem 1.25rem 3rem;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line)}.hero{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem;margin-bottom:2rem}.hero-art{display:none;font-size:6rem;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--brand);font-weight:700;margin:0 0 .4rem}.hero h1{font-size:2.4rem}.hero h1 em{color:var(--brand);font-style:normal}.lede{color:var(--muted);max-width:52ch}.hero-cta{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}@media (min-width: 800px){.hero{grid-template-columns:1.6fr 1fr}.hero-art{display:block}}.btn{appearance:none;cursor:pointer;font:inherit;font-weight:600;padding:.6rem 1rem;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:transform .05s ease,background .15s ease,border-color .15s ease}.btn:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.btn.ghost{background:transparent}.btn.small{padding:.4rem .7rem;font-size:.85rem}.btn.block{width:100%;margin-top:.5rem}.btn:disabled{opacity:.6;cursor:default}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.reco-list{min-height:1.5rem;color:var(--muted)}.featured,.reco{margin-top:2rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.card-media{display:grid;place-items:center;height:130px;font-size:3.2rem;background:color-mix(in srgb,var(--brand) 8%,var(--surface));text-decoration:none}.card-body{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.card-title{font-weight:600;text-decoration:none}.card-title:hover{color:var(--brand)}.card-blurb{color:var(--muted);font-size:.85rem;flex:1;margin:0}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.price{font-weight:700}.price.big{font-size:1.4rem}.back{text-decoration:none;color:var(--muted);font-size:.9rem}.product-layout{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1rem}.product-media{display:grid;place-items:center;font-size:7rem;border-radius:var(--radius);background:color-mix(in srgb,var(--brand) 8%,var(--surface));border:1px solid var(--line);min-height:240px}.product-actions{display:flex;gap:.75rem;margin:1.25rem 0;flex-wrap:wrap}.reviews{border-top:1px solid var(--line);padding-top:1rem}.reviews-box{margin-top:.75rem;color:var(--muted)}@media (min-width: 720px){.product-layout{grid-template-columns:1fr 1.2fr}}.cart{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem 1rem;box-shadow:var(--shadow)}.cart-line{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}.cart-emoji{font-size:1.6rem}.cart-name a{text-decoration:none}.cart-qty{display:inline-flex;align-items:center;gap:.6rem}.qty{width:1.9rem;height:1.9rem;border-radius:8px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:1rem}.qty-value{min-width:1.2rem;text-align:center}.cart-line-total{font-weight:600}.cart-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;font-size:1.1rem}.empty{text-align:center;padding:3rem 1rem;color:var(--muted);display:grid;gap:1rem;place-items:center}.form{display:grid;gap:.9rem;max-width:460px;margin-top:1rem}.form.inline{grid-auto-flow:column;grid-template-columns:1fr auto;align-items:end;max-width:520px}.form label{display:grid;gap:.3rem;font-size:.85rem;color:var(--muted);font-weight:600}.form input{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem}.form input:focus{outline:2px solid color-mix(in srgb,var(--brand) 50%,transparent);border-color:var(--brand)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.hint{font-size:.82rem;color:var(--muted)}.ok{background:var(--ok-bg);color:var(--ok);border-radius:10px;padding:1rem;margin-top:1rem;font-weight:600}.fail{background:var(--danger-bg);border:1px solid color-mix(in srgb,var(--danger) 30%,var(--line));border-radius:10px;padding:1rem 1.1rem;margin-top:1.25rem}.fail .btn{margin-top:.5rem}.report-ack{margin-top:.6rem;font-size:.9rem;color:var(--muted)}.track-result{margin-top:1rem;color:var(--muted)}.toast-host{position:fixed;bottom:1.25rem;left:1.25rem;display:grid;gap:.5rem;z-index:50}.toast{background:var(--ink);color:var(--bg);padding:.6rem .9rem;border-radius:10px;font-size:.88rem;box-shadow:var(--shadow);animation:rise .18s ease}.toast.leaving{opacity:0;transition:opacity .4s ease}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
