.loo{display:grid;gap:1.2rem;margin:1rem 0 1.6rem;align-items:start}
.loo-form{display:flex;flex-direction:column;gap:1rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.2rem}
.loo-fld{display:flex;flex-direction:column;gap:.3rem}.loo-lab{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}
.loo-fld label{font:500 .875rem var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}.loo-val{font:700 1.25rem var(--display);font-variant-numeric:tabular-nums}
.loo-main .loo-val{font-size:2rem;color:var(--orange-dark)}
.loo-fld input[type=range]{width:100%;height:36px;margin:0;accent-color:var(--orange);cursor:pointer}.loo-main input[type=range]{height:44px}
.loo-fld input[type=range]:focus-visible{outline:3px solid var(--orange);outline-offset:4px;border-radius:4px}
.loo-fld small{font:400 .8125rem var(--body);color:var(--ink-3);line-height:1.3}
.loo-fine{border-top:1px solid var(--line);padding-top:.6rem;display:flex;flex-direction:column;gap:.9rem}.loo-fine summary{cursor:pointer;font:500 .85rem var(--mono);color:var(--ink-2);min-height:36px;display:flex;align-items:center}.loo-fine summary:hover{color:var(--orange-dark)}
.loo-out{background:var(--slate);color:var(--paper);border-radius:var(--r);padding:1.1rem 1.3rem}.loo-out .small{color:#C9CED4}
.loo-big{margin:0 0 .4rem;font:400 1.1rem var(--body)}.loo-big b{font:900 clamp(2rem,6vw,3.2rem) var(--display);letter-spacing:-.03em;color:#fff;display:block;line-height:1}
.loo-line{margin:.3rem 0 0;font-size:1rem}.loo-line b{color:#F3A072}
.loo-pic{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1rem}.loo-svg{width:100%;height:auto;display:block}
.loo-svg .lr .lr-side{fill:url(#loo-side);stroke:var(--line-2);stroke-width:.7}.loo-svg .lr .lr-top{fill:#F7F5EE;stroke:var(--line-2);stroke-width:.7}.loo-svg .lr .lr-hole{fill:#CFC9BA}.loo-svg .lr .lr-tail{fill:none;stroke:var(--line-2);stroke-width:.7}
.loo-svg .lg{stroke:var(--slate);stroke-width:2}.loo-svg .lgrid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.loo-svg .lax{font:11px var(--mono);fill:var(--ink-3)}.loo-wide .lax,.loo-wide .lt{font-size:inherit}
.loo-svg .lmark{stroke:var(--orange);stroke-width:1.5;stroke-dasharray:6 5}
.loo-svg .lp{fill:var(--slate);stroke-linecap:round;stroke-linejoin:round}.loo-svg .lp .lp-ln{fill:none;stroke:var(--slate)}.loo-svg .lp .lp-shape{stroke:var(--slate)}.loo-svg .lp .lp-glass{fill:#EAF2F8;stroke:var(--slate);stroke-width:1.5}.loo-svg .lp .lp-fish{fill:var(--orange);stroke:none}.loo-svg .lp .lp-eye{fill:#fff}.loo-svg .lp .lp-fac{fill:var(--slate);stroke:var(--slate);stroke-width:.5;stroke-linejoin:miter;stroke-linecap:butt}.loo-svg .lp .lp-lit{fill:var(--slate-3);stroke:none}
.loo-svg .lr .lr-brick{fill:#FBFAF5;stroke:var(--line-2);stroke-width:.5}
.loo-svg .ld{fill:#fff;stroke:var(--slate);stroke-width:1.5}.loo-svg .ld .ld-frame{fill:var(--paper-2);stroke:var(--slate)}.loo-svg .ld .ld-panel{fill:var(--paper);stroke:var(--slate);stroke-width:1}.loo-svg .ld .ld-knob{fill:var(--orange);stroke:none}
.loo-svg .lb{fill:#fff;stroke:var(--slate);stroke-width:1.5}.loo-svg .lb .lb-w{fill:var(--paper-2);stroke:none}.loo-svg .lb .lb-band{fill:var(--orange);stroke:none;opacity:.9}.loo-svg .lb .lb-t{fill:var(--slate);stroke:none}
.loo-svg .lr-mass{fill:#FBFAF5;stroke:var(--line-2);stroke-width:1}
.loo-svg .lh{fill:#fff;stroke:var(--slate);stroke-width:1.5}.loo-svg .lh .lh-door{fill:var(--orange);stroke:none}.loo-svg .lh .lh-win{fill:var(--paper-2);stroke:none}
.loo-svg .la{fill:var(--slate)}.loo-svg .lw{fill:#fff;stroke:var(--slate);stroke-width:1.5}.loo-svg .lw .lw-clock{fill:var(--orange);stroke:none}
.loo-svg .lt{font-family:var(--mono);fill:var(--ink-2)}.loo-svg .lax{font-family:var(--mono)}.loo-wide .lax{font-size:inherit}.loo-svg .lt-p{fill:var(--orange-dark);font-weight:500}
.loo-acts{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:0}
.loo-side,.loo-answer{display:contents}.loo-form{order:1}.loo-out{order:2}.loo-pic{order:3}.loo-acts{order:4}.loo-packs{order:5}
.loo-packs{margin:0 0 1.6rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.2rem}.loo .loo-packs{margin:0}.loo-packs h2{margin:0 0 .3rem;font-size:1.25rem}.loo-packs p{margin:.3rem 0}
.loo-packs ul{list-style:none;margin:.6rem 0;padding:0}.loo-packs li{display:grid;grid-template-columns:minmax(0,1fr) var(--amz-w,12rem);align-items:center;gap:.5rem .8rem;padding:.55rem .6rem;border-left:3px solid transparent;border-top:1px solid var(--line)}.loo-packs li>div{min-width:0}.loo-packs li .small{display:block}.loo-packs .btn.amazon{margin:0;width:100%}
.loo-packs li.near{max-width:none;border-left-color:var(--orange);background:var(--orange-soft)}.loo-near{display:block;font:500 .8125rem var(--mono);color:var(--orange-dark);white-space:nowrap}
@media (min-width:900px){.loo{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.loo-side,.loo-answer{display:flex;flex-direction:column;gap:1.2rem;min-width:0}.loo-answer{position:sticky;top:.75rem;align-self:start}
.loo-out{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem 1.4rem;align-items:start}.loo-out .loo-big{grid-row:1/span 3;margin:0}.loo-out p:not(.loo-big){margin-top:0}.loo-acts{margin-top:-.4rem}}
.loo-out p{max-width:30rem}
@media (max-width:480px){.loo-packs li{grid-template-columns:minmax(0,1fr)}}
.loo-near[hidden]{display:none}
.loo-svg .lax,.loo-svg .lt{font-size:inherit}.loo-svg{overflow:visible}
.loo-svg .lt{paint-order:stroke;stroke:var(--card);stroke-width:.3em;stroke-linejoin:round}
.loo-svg{margin:0 auto}.loo-answer.loo-free{position:static}