.hw-mono{font:400 12px/1.4 var(--font-jetbrains), ui-monospace, monospace}.hw-sample{border:1px dashed var(--line);color:var(--muted);font:400 11px/1.4 var(--font-jetbrains), ui-monospace, monospace;border-radius:6px;padding:2px 8px;display:inline-block}.hw-head{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;display:flex}.hw-learn{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hw-learn>article{padding:var(--card-pad);flex-direction:column;display:flex}.hw-viz{border:1px solid var(--line);background:var(--navy);background-image:radial-gradient(color-mix(in srgb, var(--muted) 22%, transparent) 1px, transparent 1.4px);background-size:18px 18px;border-radius:12px;align-content:center;height:124px;margin-bottom:24px;padding:16px;display:grid;position:relative;overflow:hidden}.hw-k{font:500 12px/1 var(--font-jetbrains), ui-monospace, monospace;color:var(--lime)}.hw-learn h3{margin:12px 0 8px;font-size:22px}.hw-learn p{color:var(--soft);margin:0;font-size:15px}.hw-typing{font:400 13px/1.4 var(--font-jetbrains), ui-monospace, monospace;gap:6px;display:grid}.hw-typing .saved{color:var(--muted)}.hw-typing .cur{color:var(--off-white);min-height:1.4em}.hw-typing .cur:after{content:"";vertical-align:-2px;background:var(--lime);width:7px;height:14px;margin-left:2px;animation:1s step-end infinite hw-blink;display:inline-block}@keyframes hw-blink{50%{opacity:0}}.hw-wave{overflow:hidden}.hw-wave svg{width:200%;height:56px;animation:6s linear infinite hw-drift;display:block}.hw-wave path{fill:none;stroke:var(--lime);stroke-width:1.6px;vector-effect:non-scaling-stroke}.hw-wave path.b{stroke:var(--muted);opacity:.5}@keyframes hw-drift{to{transform:translate(-50%)}}.hw-wave-lbl{color:var(--muted);justify-content:space-between;margin-top:8px;display:flex}.hw-rules{font:400 12px/1.3 var(--font-jetbrains), ui-monospace, monospace;gap:10px;display:grid}.hw-rules .rule{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;transition:color .3s;display:flex}.hw-rules .rule.on{color:var(--off-white)}.hw-rules .sw{background:var(--line);border-radius:999px;flex:none;width:30px;height:17px;transition:background-color .3s;position:relative}.hw-rules .sw:after{content:"";background:var(--muted);width:13px;height:13px;transition:transform .3s var(--ease-out), background-color .3s ease;border-radius:50%;position:absolute;top:2px;left:2px}.hw-rules .rule.on .sw{background:color-mix(in srgb, var(--lime) 30%, var(--line))}.hw-rules .rule.on .sw:after{background:var(--lime);transform:translate(13px)}@media (max-width:1000px){.hw-learn{grid-template-columns:1fr 1fr}.hw-learn>article:last-child{grid-column:1/-1}}@media (max-width:640px){.hw-learn{grid-template-columns:1fr}}.hw-dash{gap:var(--grid-gap);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.hw-dash>*{padding:var(--card-pad);overflow:hidden}.hw-heat-card{grid-column:span 4}.hw-ring-card{grid-column:span 2}.hw-wait-card,.hw-where-card{grid-column:span 3}.hw-heat{grid-template-columns:30px repeat(7,minmax(0,1fr));align-items:center;gap:6px;display:grid}.hw-heat .hl,.hw-heat .dl{font:400 11px/1 var(--font-jetbrains), ui-monospace, monospace;color:var(--muted)}.hw-heat .dl{text-align:center;margin-top:4px}.hw-heat .dl.on{color:var(--off-white)}.hw-heat .c{background:var(--muted);border-radius:3px;height:16px}.hw-heat .c.hot{background:var(--lime);box-shadow:0 0 14px color-mix(in srgb, var(--lime) 55%, transparent)}@keyframes hw-cell{0%{opacity:0}}html.motion .is-in .hw-heat .c{animation:hw-cell .6s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 14ms + .2s)}.hw-ring{justify-items:center;gap:14px;display:grid}.hw-ring-wrap{position:relative}.hw-ring svg{width:132px;height:132px;display:block;transform:rotate(-90deg)}.hw-ring circle{fill:none;stroke-width:9px}.hw-ring .bg{stroke:var(--line)}.hw-ring .fg{stroke:var(--lime);stroke-linecap:round;stroke-dasharray:314.16;stroke-dashoffset:314.16px;transition:stroke-dashoffset 1.4s var(--ease-out) .2s;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--lime) 50%, transparent))}html:not(.motion) .hw-ring .fg,.is-in .hw-ring .fg{stroke-dashoffset:var(--off)}.hw-ring-val{font-family:var(--font-sora), sans-serif;place-items:center;font-size:28px;font-weight:700;display:grid;position:absolute;inset:0}.hw-ring p{color:var(--soft);text-align:center;max-width:220px;margin:0;font-size:14px}.hw-queue{gap:10px;margin:0;padding:0;list-style:none;display:grid}.hw-queue li{border:1px solid var(--line);background:var(--navy);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .3s;display:flex}.hw-queue .q-t{font-size:15px}.hw-queue .q-t span{font:400 11px/1.4 var(--font-jetbrains), ui-monospace, monospace;color:var(--muted);margin-top:2px;display:block}.hw-queue .q-b{font:400 12px/1.4 var(--font-jetbrains), ui-monospace, monospace;gap:8px;display:flex}.hw-queue button{border:1px solid var(--line);color:var(--off-white);cursor:pointer;font:500 12px/1 var(--font-jetbrains), ui-monospace, monospace;transition:transform .16s var(--ease-out), border-color .2s ease;background:0 0;border-radius:999px;padding:6px 14px}.hw-queue button:active{transform:scale(.97)}.hw-queue button.yes{background:var(--lime);color:var(--navy);border-color:var(--lime)}.hw-queue li.ok{border-color:color-mix(in srgb, var(--lime) 50%, var(--line))}.hw-queue li.ok .q-b{color:var(--lime)}.hw-where{border:1px solid var(--line);background:var(--navy);background-image:radial-gradient(color-mix(in srgb, var(--muted) 22%, transparent) 1px, transparent 1.4px);background-size:18px 18px;border-radius:12px;height:130px;position:relative}.hw-pin{border:1px solid var(--line);background:var(--navy);font:400 11px/1.4 var(--font-jetbrains), ui-monospace, monospace;border-radius:8px;align-items:center;gap:6px;padding:4px 9px;display:inline-flex;position:absolute}.hw-pin:before{content:"";background:var(--lime);width:7px;height:7px;box-shadow:0 0 8px var(--lime);border-radius:50%}.hw-pin.off{color:var(--muted)}.hw-pin.off:before{background:var(--muted);box-shadow:none}.hw-where-card p{color:var(--soft);margin:12px 0 0;font-size:14px}@media (max-width:1000px){.hw-dash{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-heat-card{grid-column:1/-1}.hw-ring-card,.hw-wait-card{grid-column:span 1}.hw-where-card{grid-column:1/-1}}@media (max-width:640px){.hw-dash{grid-template-columns:1fr}.hw-dash>*{grid-column:1/-1!important}.hw-heat{grid-template-columns:26px repeat(7,minmax(0,1fr));gap:4px}}.hw-channels{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hw-chan{padding:var(--card-pad)}.hw-chan svg{width:36px;height:36px;color:var(--lime)}.hw-chan h3{margin:32px 0 8px;font-size:20px}.hw-chan p{color:var(--soft);margin:0;font-size:15px}.hw-also{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);font:400 13px/1.5 var(--font-jetbrains), ui-monospace, monospace;flex-wrap:wrap;align-items:center;gap:10px 28px;margin:24px 0 0;padding:20px 26px;display:flex;position:relative;overflow:hidden}.hw-also b{color:var(--off-white);font-weight:500}.hw-spark{pointer-events:none;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hw-spark rect{fill:none;stroke:var(--lime);stroke-width:2px;stroke-linecap:round;stroke-dasharray:9 91;animation:6s linear infinite hw-lap}.hw-spark rect.glow{stroke-width:7px;opacity:.18}@keyframes hw-lap{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}@media (prefers-reduced-motion:reduce){.hw-spark{display:none}}.asm .hw-also{margin-top:24px}@media (max-width:1000px){.hw-channels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.hw-channels{grid-template-columns:1fr}}.hw-versus{gap:var(--grid-gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.hw-vs{padding:var(--card-pad)}.hw-vs h3{margin:16px 0 20px;font-size:clamp(22px,2.2vw,28px)}.hw-vs ul{margin:0;padding:0;list-style:none}.hw-vs li{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px 0;font-size:15px;display:grid}.hw-vs li span{font:400 12px/1.6 var(--font-jetbrains), ui-monospace, monospace;color:var(--muted)}.hw-vs.plain{border-color:color-mix(in srgb, var(--lime) 40%, var(--line));background:linear-gradient(160deg, color-mix(in srgb, var(--lime) 7%, var(--surface)), var(--surface) 55%)}.hw-vs.plain li span{color:var(--lime)}.hw-vs-note{color:var(--soft);max-width:680px;margin:20px 0 0}.hw-vs-note a{color:var(--lime);font-weight:600;text-decoration:none}.hw-vs-note a:hover{color:var(--off-white)}@media (max-width:800px){.hw-versus{grid-template-columns:1fr}}.hw-wont{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hw-wont-card{padding:var(--card-pad);align-content:start;gap:8px;display:grid}.hw-wont-mark{border:1.5px solid color-mix(in srgb, var(--lime) 70%, transparent);border-radius:50%;width:34px;height:34px;margin-bottom:10px;position:relative}.hw-wont-mark:after{content:"";background:var(--lime);width:72%;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.hw-wont-kicker{font:400 12px/1.3 var(--font-jetbrains), ui-monospace, monospace;color:var(--muted)}.asm .hw-wont-card h3{letter-spacing:-.01em;margin:0;font-size:19px;line-height:1.25}.hw-wont-card p{color:var(--soft);margin:0;font-size:15px}@media (max-width:1000px){.hw-wont{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.hw-wont{grid-template-columns:1fr}}.bw{gap:var(--grid-gap);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;display:grid}@media (max-width:900px){.bw{grid-template-columns:1fr}}.bw-inputs{padding:var(--card-pad);border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 60%, transparent);gap:20px;display:grid}.bw-row{gap:10px;display:grid}.bw-row+.bw-row{border-top:1px solid var(--line);padding-top:20px}.bw-row-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.bw-row-head label{font-size:15px;font-weight:600}.bw-row-head output{border:1px solid var(--line);background:var(--navy);text-align:right;min-width:84px;font:600 15px/1.2 var(--font-jetbrains), ui-monospace, monospace;color:var(--off-white);font-variant-numeric:tabular-nums;border-radius:10px;flex:none;padding:6px 12px}.asm .bw-hint{color:var(--muted);margin:0;font-size:13px}.bw input[type=range]{--p:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.bw input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--lime) var(--p), var(--line) var(--p));border-radius:4px;height:4px}.bw input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--lime) var(--p), var(--line) var(--p));border-radius:4px;height:4px}.bw input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--off-white);border:3px solid var(--lime);border-radius:50%;width:20px;height:20px;margin-top:-8px;transition:transform .16s cubic-bezier(.23,1,.32,1)}.bw input[type=range]::-moz-range-thumb{background:var(--off-white);border:3px solid var(--lime);border-radius:50%;width:14px;height:14px}.bw input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.bw input[type=range]:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:6px}.bw-result{padding:var(--card-pad);border:1px solid color-mix(in srgb, var(--lime) 35%, var(--line));border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:14px;display:flex;position:relative;overflow:hidden}.bw-result:before{content:"";pointer-events:none;background:radial-gradient(60% 100% at 85% 0%, color-mix(in srgb, var(--lime) 10%, transparent), transparent 70%);height:180px;position:absolute;inset:0 0 auto}.bw-result>*{position:relative}.bw-kicker{font:400 12px/1.3 var(--font-jetbrains), ui-monospace, monospace;color:var(--muted)}.asm .bw-big{font:700 clamp(48px, 6vw, 76px)/1 var(--font-sora), system-ui, sans-serif;letter-spacing:-.04em;color:var(--lime);font-variant-numeric:tabular-nums;margin:0}.bw-big small{font:500 16px/1 var(--font-body), system-ui, sans-serif;letter-spacing:0;color:var(--muted);margin-left:8px}.bw-figures{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;margin:0;padding-top:14px;display:grid}.bw-figures dt{font:400 12px/1.3 var(--font-jetbrains), ui-monospace, monospace;color:var(--muted)}.bw-figures dd{font:700 24px/1.2 var(--font-sora), system-ui, sans-serif;color:var(--off-white);overflow-wrap:anywhere;margin:4px 0 0}.asm .bw-sum{border:1px solid var(--line);background:var(--navy);font:400 12px/1.75 var(--font-jetbrains), ui-monospace, monospace;color:var(--soft);border-radius:12px;margin:0;padding:12px 14px}.asm .bw-note{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.bw-cta{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:auto;padding-top:6px;display:flex}.bw-link{color:var(--lime);font-weight:600;text-decoration:none;transition:color .15s}.bw-link:hover{color:var(--off-white)}@media (prefers-reduced-motion:reduce){.bw input[type=range]::-webkit-slider-thumb{transition:none}}
