.chl-board{--bg1:#0d1322;--bg2:#141c33;--ink:#e9edf7;--mute:#a9b4cf;--line:#ffffff1a;--acc:#3a5cb8;color:var(--ink);background:linear-gradient(180deg, var(--bg1), var(--bg2));border:1px solid var(--line);margin-bottom:var(--v7-sp-6);border-radius:18px;gap:16px;padding:clamp(14px,2.4vw,26px);display:grid}:where(.chl-board) button,:where(.chl-board) input{font:inherit;color:inherit}.chl-title h1{letter-spacing:0;color:var(--ink);margin:0;font-family:Cambria,Times New Roman,serif;font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:600;line-height:1.2}.chl-title h1 em{color:#8fa3d8;font-weight:400}.chl-title p{max-width:44rem;color:var(--mute);margin:6px 0 0;font-size:.875rem;line-height:1.55}.chl-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.chl-tabs button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;min-height:56px;padding:8px 12px;display:flex}.chl-tabs button b{background:#ffffff1a;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.875rem;display:grid}.chl-tabs button span{gap:2px;font-size:.875rem;font-weight:600;line-height:1.3;display:grid}.chl-tabs button small{color:var(--mute);font-size:.75rem;font-weight:400}.chl-tabs button:hover{border-color:#6d8de0}.chl-tabs button.is-on{background:color-mix(in srgb, var(--acc) 30%, transparent);border-color:#6d8de0}.chl-tabs button.is-on b{background:var(--acc);color:#fff}.chl-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.chl-pane{border:1px solid var(--line);background:#0000002e;border-radius:14px;align-content:start;gap:8px;min-width:0;margin:0;padding:12px;display:grid}.chl-pane figcaption{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:.75rem}.chl-svg{width:100%;height:auto;max-height:360px;display:block}.chl-svg-t{fill:#d6def2;font-family:system-ui,sans-serif;font-size:12px}.chl-canvas{aspect-ratio:4/3;border:1px solid var(--line);border-radius:10px;width:100%;display:block}.chl-read{color:var(--ink);font-variant-numeric:tabular-nums;min-height:1.4em;margin:0;font-size:.875rem}.chl-note{color:var(--mute);margin:0;font-size:.75rem}.chl-legend{color:var(--mute);flex-wrap:wrap;gap:6px 14px;margin:0;font-size:.8125rem;display:flex}.chl-legend span{align-items:center;gap:6px;display:inline-flex}.chl-legend i{border-radius:50%;width:10px;height:10px}.chl-flame{transform-box:fill-box;transform-origin:50% 100%;animation:.35s ease-in-out infinite alternate chl-flick}@keyframes chl-flick{0%{transform:scale(1)rotate(-3deg)}to{transform:scale(.9,1.12)rotate(3deg)}}.chl-stream{animation:.6s linear infinite chl-flow}@keyframes chl-flow{to{stroke-dashoffset:-20px}}.chl-shake{transform-box:fill-box;transform-origin:50% 100%;animation:.28s ease-in-out infinite alternate chl-shk}@keyframes chl-shk{0%{transform:translate(-5px)rotate(-3deg)}to{transform:translate(5px)rotate(3deg)}}.chl-pick{cursor:pointer;outline:none}.chl-pick:focus-visible rect:first-of-type{stroke:#ffd36b;stroke-width:3px}.chl-ctl{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px;display:flex}.chl-btn{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;min-height:44px;padding:0 18px;font-size:.875rem}.chl-btn:hover{border-color:#6d8de0}.chl-btn.is-primary{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:600}.chl-range{min-height:44px;color:var(--mute);flex:14rem;align-items:center;gap:10px;font-size:.8125rem;display:flex}.chl-range input{accent-color:#6d8de0;flex:1;min-width:6rem}.chl-range b{min-width:3.2rem;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.chl-chk{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:.875rem;display:inline-flex}.chl-chk input{accent-color:#6d8de0;width:18px;height:18px}.chl-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.chl-card{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;align-content:start;gap:10px;padding:14px 16px;display:grid}.chl-k{letter-spacing:.08em;text-transform:uppercase;color:#8fa3d8;margin:0;font-size:.75rem}.chl-card h2{color:var(--ink);margin:0;font-size:1.0625rem;font-weight:600;line-height:1.4}.chl-card .chl-btn{justify-self:start}.chl-ans{color:#dfe5f5;margin:0;font-size:.9375rem;line-height:1.65}.chl-eq{color:#ffd36b;margin:0;font-family:Cambria,Times New Roman,serif;font-size:1.25rem}.chl-card ul{color:#dfe5f5;gap:4px;margin:0;padding-left:1.1rem;font-size:.9375rem;line-height:1.55;display:grid}.chl-tabs button{appearance:none;color:inherit}.chl-tabs button:focus-visible,.chl-btn:focus-visible,.chl-opt:focus-visible,.chl-pick:focus-visible{outline-offset:2px;outline:2px solid #ffd36b}.chl-btn:disabled,.chl-opt:disabled{opacity:1;cursor:default}.chl-ctl-row{flex-wrap:wrap;flex:100%;align-items:center;gap:10px 14px;display:flex}.chl-sub{font-variant-position:sub}.chl-verdict{border:1px solid var(--line);color:#dfe5f5;background:#ffffff0d;border-radius:10px;margin:0;padding:10px 12px;font-size:.9375rem;line-height:1.55}.chl-verdict b{color:var(--ink);margin-bottom:2px;display:block}.chl-verdict.is-good{background:#4fae7a24;border-color:#4fae7a}.chl-verdict.is-bad{background:#d98a4a1f;border-color:#d98a4a}.chl-opts{flex-wrap:wrap;gap:8px;display:flex}.chl-opt{border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff0a;border-radius:999px;min-height:44px;padding:0 16px;font-size:.875rem}.chl-opt:hover{border-color:#6d8de0}.chl-opt.is-on{background:color-mix(in srgb, var(--acc) 35%, transparent);border-color:#6d8de0}.chl-opt.is-right{background:#4fae7a40;border-color:#4fae7a}.chl-opt.is-wrong{background:#d98a4a33;border-color:#d98a4a}.chl-actions{flex:100%;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:8px;display:grid}.chl-eqs{gap:4px;margin:0;padding:0;list-style:none;display:grid}.chl-eqs li{color:#ffd36b;font-family:Cambria,Times New Roman,serif;font-size:1.125rem}.chl-zone{cursor:pointer;outline:none}.chl-zone:focus-visible rect.chl-zone-bg{stroke:#ffd36b;stroke-width:3px}.chl-glow{animation:1.6s ease-in-out infinite alternate chl-glow}@keyframes chl-glow{0%{opacity:.55}to{opacity:1}}.chl-up{animation:1.1s linear infinite chl-rise}@keyframes chl-rise{to{stroke-dashoffset:-24px}}.chl-svg-s{fill:#a9b4cf;font-family:system-ui,sans-serif;font-size:10.5px}.chl-svg-b{fill:#f3f5fb;font-family:system-ui,sans-serif;font-size:12px;font-weight:600}.chl-slider2{min-height:44px;color:var(--mute);flex:14rem;align-items:center;gap:10px;font-size:.8125rem;display:flex}.chl-slider2 input{accent-color:#6d8de0;flex:1;min-width:6rem}.chl-slider2 b{min-width:4.4rem;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}@media (prefers-reduced-motion:reduce){.chl-flame,.chl-stream,.chl-shake,.chl-glow,.chl-up{animation:none!important}}@media (max-width:820px){.chl-tabs,.chl-stage,.chl-info{grid-template-columns:1fr}}