:root[data-theme=dark]{--id-bg: #0f1115;--id-hero: color-mix(in srgb, #4f46e5 7%, #0f1115);--id-card: #151923;--id-surface: #141820;--id-border: #ffffff1a;--id-muted: #9ca3af;--id-glass: rgba(11, 18, 32, .74);--id-glass-strong: rgba(11, 18, 32, .92);--id-glass-border: rgba(255, 255, 255, .16);--id-glass-text: rgba(255, 255, 255, .98);--id-glass-ring: rgba(255, 255, 255, .22);--id-glass-shadow: rgba(0,0,0,.28)}:root[data-theme=light]{--id-bg: #f6f7f9;--id-hero: #eef2ff;--id-card: #ffffff;--id-surface: #ffffff;--id-border: #00000016;--id-muted: #374151;--id-glass: rgba(255, 255, 255, .78);--id-glass-strong: rgba(255, 255, 255, .94);--id-glass-border: rgba(0, 0, 0, .14);--id-glass-text: rgba(17, 24, 39, .92);--id-glass-ring: rgba(79, 70, 229, .25);--id-glass-shadow: rgba(0,0,0,.16)}.id{background:var(--id-bg)}.container.id-wide{max-width:1480px}.id-hero{background:var(--id-hero);border-bottom:1px solid var(--id-border)}.id-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:clamp(28px,4vw,56px) 0}.id-title{margin:0 0 .2em;font-weight:800;font-size:clamp(28px,5vw,44px);letter-spacing:.2px}.id-lead{margin:0;opacity:.9;font-size:clamp(16px,1.9vw,18px)}.id-card{position:sticky;top:86px;background:var(--id-card);border:1px solid var(--id-border);border-radius:16px;padding:16px 18px;box-shadow:0 18px 40px #0000001a}.id-card-h{font-weight:800;margin-bottom:8px}.id-card-list{margin:0 0 8px;padding-left:18px;opacity:.9}.id-card-note{opacity:.8;font-size:.95rem}.id-intro{background:var(--id-hero);border-bottom:1px solid var(--id-border);padding:clamp(18px,2.2vw,28px) 0 18px}.id-intro-head{padding:6px 0 14px;max-width:980px}.id-intro-banner{position:relative;border:1px solid var(--id-border);border-radius:18px;overflow:hidden;background:var(--id-card);box-shadow:0 18px 40px #0000001a}.id-intro-media{position:relative;aspect-ratio:16 / 9;min-height:clamp(340px,46vw,720px)}.id-intro-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:none}.id-intro-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0000006b,#0000001f 48%,#00000052);pointer-events:none}:root[data-theme=light] .id-intro-shade{background:linear-gradient(90deg,#00000038,#0000000f 48%,#0000002e)}.id-intro-overlay{position:absolute;inset:0;padding:18px;pointer-events:none}.id-intro-box{position:absolute;max-width:420px;background:color-mix(in srgb,#0b1220 72%,transparent);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px 18px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 30px #00000038}.id-intro-box-h{font-weight:900;letter-spacing:-.01em;font-size:1.15rem}.id-intro-box-p{margin-top:6px;opacity:.86;line-height:1.35;font-size:.95rem}.id-intro-box--fire{left:18px;top:18px}.id-intro-box--sound{right:18px;top:18px}.id-intro-box--water{left:18px;top:50%;transform:translateY(-50%)}.id-intro-box--coat{right:18px;top:52%;transform:translateY(-50%)}.id-intro-box--kit{left:18px;bottom:18px}.id-intro-box--wpc{right:18px;bottom:18px}.id-intro-swatches{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.id-intro-swatch{width:32px;height:32px;border-radius:999px;border:2px solid color-mix(in srgb,var(--id-glass-text) 55%,transparent);background:var(--sw);box-shadow:inset 0 0 0 1px #00000040}.id-hotspot{position:absolute;z-index:2;--sz: 44px;--gap: 14px;max-width:min(440px,46vw);pointer-events:auto}.id-hotspot.is-open{z-index:6}.id-hotspot--fire{left:18px;top:18px}.id-hotspot--sound{right:18px;top:18px}.id-hotspot--water{left:18px;top:50%;transform:translateY(-50%)}.id-hotspot--coat{right:18px;top:52%;transform:translateY(-50%)}.id-hotspot--kit{left:18px;bottom:18px}.id-hotspot--wpc{right:18px;bottom:18px}.id-bubble{position:relative;width:var(--sz);height:var(--sz);border-radius:999px;border:1px solid var(--id-glass-border);background:var(--id-glass);color:var(--id-glass-text);box-shadow:0 16px 34px var(--id-glass-shadow);cursor:pointer;display:inline-grid;place-items:center;outline:none;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.id-bubble:before{content:"+";font-weight:900;font-size:22px;line-height:1;color:currentColor}.id-hotspot.is-open .id-bubble:before{content:"×";font-size:24px}.id-bubble:after{content:"";position:absolute;inset:-8px;border-radius:inherit;border:2px solid var(--id-glass-ring);opacity:0;transform:scale(.82);animation:idRing 2.2s ease-out infinite;pointer-events:none}.id-hotspot.is-open .id-bubble:after{animation:none;opacity:0}@keyframes idRing{0%{opacity:0;transform:scale(.82)}25%{opacity:.9}to{opacity:0;transform:scale(1.35)}}.id-bubble:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,#4f46e5 55%,transparent),0 16px 34px var(--id-glass-shadow)}.id-bubble-label{position:absolute;left:calc(var(--sz) + 10px);top:50%;transform:translateY(-50%);padding:10px 12px;border-radius:999px;border:1px solid var(--id-glass-border);background:var(--id-glass);color:var(--id-glass-text);font-weight:800;letter-spacing:-.01em;white-space:nowrap;max-width:min(260px,36vw);overflow:hidden;text-overflow:ellipsis;box-shadow:0 12px 26px var(--id-glass-shadow);-webkit-user-select:none;user-select:none}.id-hotspot--sound .id-bubble-label,.id-hotspot--coat .id-bubble-label,.id-hotspot--wpc .id-bubble-label{left:auto;right:calc(var(--sz) + 10px)}.id-hotspot.is-open .id-bubble-label{opacity:0;pointer-events:none}.id-pop{position:absolute;width:min(420px,calc(100vw - 48px));max-width:min(420px,42vw);background:var(--id-glass-strong);border:1px solid var(--id-glass-border);border-radius:18px;padding:14px 16px 16px;color:var(--id-glass-text);box-shadow:0 18px 44px var(--id-glass-shadow);left:calc(var(--sz) + var(--gap));top:0}.id-hotspot--water .id-pop{top:50%;transform:translateY(-50%)}.id-hotspot--kit .id-pop{top:auto;bottom:0}.id-hotspot--sound .id-pop,.id-hotspot--coat .id-pop,.id-hotspot--wpc .id-pop{left:auto;right:calc(var(--sz) + var(--gap))}.id-hotspot--coat .id-pop{top:50%;transform:translateY(-50%)}.id-hotspot--wpc .id-pop{top:auto;bottom:0}.id-pop-h{font-weight:900;letter-spacing:-.01em;font-size:1.05rem}.id-pop-p{margin-top:6px;opacity:.88;line-height:1.4;font-size:.95rem}.id-pop-media{margin-top:12px;border-radius:14px;overflow:hidden;border:1px solid var(--id-glass-border);background:color-mix(in srgb,var(--id-glass-text) 6%,transparent)}.id-pop-media img{display:block;width:100%;height:auto;max-height:150px;object-fit:contain;padding:10px 12px;image-rendering:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}.id-pop-close{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:999px;border:1px solid var(--id-glass-border);background:transparent;color:var(--id-glass-text);cursor:pointer}.id-pop-close:hover{background:color-mix(in srgb,var(--id-glass-text) 10%,transparent)}.id-hotmodal{position:fixed;inset:0;z-index:1200;background:#00000075;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;padding:14px 14px calc(14px + env(safe-area-inset-bottom))}.id-hotsheet{width:min(560px,100%);background:var(--id-card);border:1px solid var(--id-border);border-radius:18px;box-shadow:0 26px 70px #0000005c;padding:16px 16px 18px;max-height:min(80vh,640px);overflow:auto;-webkit-overflow-scrolling:touch;position:relative;animation:idSheetUp .18s ease-out}@keyframes idSheetUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.id-hotsheet-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:999px;border:1px solid var(--id-border);background:color-mix(in srgb,var(--id-surface) 70%,transparent);color:inherit;cursor:pointer}.id-hotsheet-close:hover{background:color-mix(in srgb,var(--id-surface) 55%,transparent)}.id-hotsheet-h{font-weight:900;letter-spacing:-.01em;font-size:1.05rem;padding-right:54px}.id-hotsheet-p{margin-top:6px;color:var(--id-muted);line-height:1.45}.id-sheet-media{margin-top:12px;border-radius:14px;overflow:hidden;border:1px solid var(--id-border);background:color-mix(in srgb,var(--id-surface) 92%,#00000006)}.id-sheet-media img{display:block;width:100%;height:auto;max-height:190px;object-fit:contain;padding:10px 12px}.id-hotsheet .id-intro-swatch{border-color:color-mix(in srgb,var(--id-border) 72%,transparent)}.id-pane{padding:18px 0 12px}.id-h2{margin:0 0 6px;font-weight:800}.id-muted{margin:0 0 10px;color:var(--id-muted)}.id-sub{font-weight:800;margin-bottom:8px}.id-list{margin:0;padding-left:18px;color:var(--id-muted)}.id-selected{display:flex;align-items:center;gap:12px;border:1px dashed var(--id-border);border-radius:14px;padding:12px}.id-swatch{width:28px;height:28px;border-radius:999px;background:var(--sw);box-shadow:inset 0 0 0 1px #0000002e;border:2px solid rgba(255,255,255,.6)}:root[data-theme=dark] .id-swatch{border-color:#ffffff29;box-shadow:inset 0 0 0 1px #00000059}.id-selected-name{font-weight:800}.id-selected-meta{opacity:.85;color:var(--id-muted);font-size:.95rem}.id-hint{margin-top:10px;opacity:.85;color:var(--id-muted);font-size:.95rem}.id-showcase{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;align-items:start;grid-template-areas:"media controls" "media details"}.id-showcase-media{grid-area:media}.id-showcase-controls,.id-showcase-details{background:var(--id-surface);border:1px solid var(--id-border);border-radius:16px;padding:16px 18px;box-shadow:0 18px 40px #00000014}.id-showcase-controls{grid-area:controls}.id-showcase-details{grid-area:details}.id-type-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:6px;border-radius:18px;background:color-mix(in srgb,var(--id-surface) 82%,#00000008);border:1px solid var(--id-border)}.id-type-tab{flex:1 1 220px;border:0;border-radius:999px;padding:10px 12px;font-weight:800;line-height:1.15;text-align:center;cursor:pointer;background:transparent;color:inherit;opacity:.82}.id-type-tab.is-active{opacity:1;background:color-mix(in srgb,#4f46e5 16%,var(--id-surface));box-shadow:0 10px 24px #0000001f}:root[data-theme=dark] .id-type-tab.is-active{background:color-mix(in srgb,#4f46e5 22%,var(--id-surface))}.id-type-desc{margin:10px 0 0;color:var(--id-muted);line-height:1.4}.id-preview{position:relative;border:1px solid var(--id-border);border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--id-surface) 92%,#00000006)}.id-preview:before{content:"";display:block;padding-top:56.25%}.id-preview.id-preview--tall{min-height:clamp(520px,78vh,860px)}.id-preview.id-preview--tall:before{display:none}.id-preview-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .25s ease}.id-preview-img.is-loaded{opacity:1}.id-preview-tag{position:absolute;left:14px;top:14px;padding:6px 10px;border-radius:999px;font-weight:800;font-size:.9rem;color:#fff;background:color-mix(in srgb,#00000066,#ffffff10);border:1px solid rgba(255,255,255,.16);z-index:2}.id-picker{position:absolute;top:18px;right:18px;display:flex;gap:12px;padding:10px 12px;border-radius:999px;background:color-mix(in srgb,var(--pill, rgba(255,255,255,.78)) 72%,#ffffff);border:1px solid rgba(255,255,255,.35);box-shadow:0 12px 28px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.id-picker.is-bottom{top:auto;bottom:18px}:root[data-theme=dark] .id-picker{border-color:#ffffff29}.id-dot{width:34px;height:34px;border-radius:999px;border:2px solid rgba(255,255,255,.75);background:var(--dot);box-shadow:inset 0 0 0 1px #0000002e;cursor:pointer}.id-dot.is-active{outline:2px solid color-mix(in srgb,#10b981 55%,#fff)}:root[data-theme=dark] .id-dot{border-color:#fff3;box-shadow:inset 0 0 0 1px #00000059}.id-preview-badge{position:absolute;left:14px;bottom:14px;padding:6px 10px;border-radius:999px;font-weight:800;font-size:.9rem;color:#fff;background:color-mix(in srgb,#00000066,#ffffff10);border:1px solid rgba(255,255,255,.16);z-index:2}.id-hw{border-top:1px dashed var(--id-border);padding-top:18px;padding-bottom:18px}.id-hw-grid{display:grid;gap:14px;margin-top:12px}.id-group{border:1px solid var(--id-border);background:var(--id-surface);border-radius:16px;padding:14px}.id-group-h{font-weight:900;letter-spacing:-.01em}.id-group-sub{color:var(--id-muted);margin-top:4px;font-size:.95rem}.id-choice{display:grid;grid-template-columns:150px 1fr;gap:12px;margin-top:12px;align-items:start}.id-choice-preview{border:1px solid var(--id-border);border-radius:14px;padding:10px;background:color-mix(in srgb,var(--id-surface) 88%,#00000006)}.id-choice-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;border:1px solid color-mix(in srgb,var(--id-border) 65%,transparent);background:color-mix(in srgb,var(--id-surface) 80%,#0000000a)}.id-choice-name{margin-top:8px;font-weight:900;font-size:.95rem}.id-opt-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.id-opt{flex:0 0 130px;scroll-snap-align:start;border:1px solid var(--id-border);background:color-mix(in srgb,var(--id-surface) 86%,#00000006);border-radius:14px;padding:10px;cursor:pointer;text-align:left;color:inherit}.id-opt:hover{transform:translateY(-1px)}.id-opt.is-active{border-color:color-mix(in srgb,#10b981 55%,var(--id-border));outline:2px solid color-mix(in srgb,#10b981 35%,transparent)}.id-opt-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;border:1px solid color-mix(in srgb,var(--id-border) 65%,transparent);background:color-mix(in srgb,var(--id-surface) 80%,#0000000a)}.id-opt-label{margin-top:8px;font-weight:900;font-size:.92rem}.id-opt-meta{margin-top:2px;font-size:.82rem;color:var(--id-muted)}.id-hw-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.id-hw-pill{padding:8px 10px;border-radius:999px;border:1px solid var(--id-border);background:color-mix(in srgb,var(--id-surface) 84%,#00000008);color:var(--id-text)}.id-why{border-top:1px dashed var(--id-border);padding-top:18px;padding-bottom:18px}.id-why-h{font-weight:800;margin-bottom:6px}.id-why-list{margin:0;padding-left:18px;color:var(--id-muted)}@media(max-width:960px){.id-hero-grid{grid-template-columns:1fr}.id-card{position:static}.id-intro-media{min-height:0}.id-intro-overlay{padding:12px}.id-hotspot--fire{left:12px;top:12px}.id-hotspot--sound{right:12px;top:12px}.id-hotspot--kit{left:12px;bottom:12px}.id-hotspot--wpc{right:12px;bottom:12px}.id-hotspot--water{left:12px}.id-hotspot--coat{right:12px}.id-hotspot{--sz: 40px;--gap: 12px}.id-bubble-label{padding:9px 10px;font-size:.95rem}.id-pop,.id-bubble-label{display:none}.id-showcase{grid-template-columns:1fr;grid-template-areas:"media" "controls" "details"}.id-preview.id-preview--tall{min-height:clamp(240px,56vw,420px)}.id-picker{top:12px;right:12px}.id-picker.is-bottom{bottom:12px}.id-choice{grid-template-columns:1fr}.id-opt{flex-basis:118px}}@media(prefers-reduced-motion:reduce){.id-preview-img{transition:none}.id-bubble:after{animation:none!important}.id-hotsheet{animation:none!important}}.id-review-grid{display:grid;gap:10px;margin-bottom:8px}.id-review-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;border:1px solid var(--id-border);background:color-mix(in srgb,var(--id-surface) 86%,#00000006)}.id-review-thumb{width:56px;height:56px;border-radius:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--id-border) 65%,transparent);background:color-mix(in srgb,var(--id-surface) 80%,#0000000a);flex:none;display:grid;place-items:center}.id-review-thumb img{width:100%;height:100%;object-fit:cover;display:block}.id-review-thumb.is-contain img{object-fit:contain;padding:6px}.id-review-thumb-fallback{opacity:.6;font-weight:900}.id-review-meta{flex:1 1 auto;min-width:0}.id-review-k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.72;line-height:1.2}.id-review-v{font-weight:900;letter-spacing:-.01em;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-review-swatch{width:18px;height:18px;border-radius:999px;background:var(--sw);border:2px solid color-mix(in srgb,#fff 70%,transparent);box-shadow:inset 0 0 0 1px #0003;flex:none}:root[data-theme=dark] .id-review-swatch{border-color:#ffffff2e;box-shadow:inset 0 0 0 1px #00000059}.id-review-error{padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,#ef4444 45%,var(--id-border));background:color-mix(in srgb,#ef4444 10%,var(--id-surface));color:color-mix(in srgb,#ef4444 84%,var(--id-glass-text))}.id-review-note{margin-top:8px;opacity:.78;font-size:.92rem;color:var(--id-muted)}.id-review-sent-h{font-weight:900;font-size:1.05rem}.id-review-sent-p{margin:6px 0 0;opacity:.86;color:var(--id-muted)}@media(min-width:720px){.id-review-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.id-review-v{white-space:normal}}