.r2-list{gap:72px;width:min(1120px,100% - 32px);margin:40px auto 96px;display:grid}.r2-option{gap:20px;display:grid}.r2-head{align-items:flex-start;gap:14px;display:flex}.r2-num{background:var(--ink);width:36px;height:36px;color:var(--bg);font:700 16px/1 var(--font-ui);border-radius:50%;flex:none;place-items:center;display:grid}.r2-head h3{font:700 22px/28px var(--font-ui);letter-spacing:-.02em;margin:4px 0 2px}.r2-head p,.r2-foot{color:var(--ink-2);font:400 15px/22px var(--font-ui);margin:0}.r2-foot{color:var(--ink-3);font-size:14px}.r2-read{color:var(--ink);font:400 19px/1.6 var(--font-read);margin:0}.r2-art{width:100%;height:auto;color:var(--ink);display:block;overflow:visible}.r2-art .d{stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.1s ease-out forwards r2-draw}@keyframes r2-draw{to{stroke-dashoffset:0}}.r2-art .r2-faint{stroke:var(--ink-3)}.r2-art .r2-escape{stroke:#e0a400;stroke-width:3.2px}.r2-art .r2-orbit,.r2-art .r2-orbit-map{stroke:var(--ink-2);stroke-width:2px}.r2-art .r2-dots{stroke:var(--ink-3)}.r2-planet{fill:var(--surface-2);stroke:var(--ink);stroke-width:2.4px}.r2-mountain{fill:var(--ink)}.r2-ground{fill:var(--surface-2)}.r2-ball{fill:var(--surface);stroke:var(--ink);stroke-width:2px}.r2-ball-hot{fill:var(--accent)}.r2-label{fill:var(--ink-2);font:500 12px/1 var(--font-ui)}.r2-math{fill:var(--ink);font:italic 500 18px/1 var(--font-read)}.r2-big{font-size:20px;font-weight:600}.r2-hot{fill:#b07f00}.r2-bar{fill:var(--surface-2);stroke:var(--ink);stroke-width:2px;transform-box:fill-box;transform-origin:bottom;animation:.9s ease-out both r2-grow}.r2-bar-hot{fill:var(--accent)}@keyframes r2-grow{0%{transform:scaleY(0)}}.r2-bike{fill:none;stroke:var(--ink);stroke-width:2px}.r2-map{fill:#12233a}.r2-soi{fill:none;stroke:#6fa8dc;stroke-width:1.2px;stroke-dasharray:4 5}.r2-art .r2-orbit-map{stroke:#6fa8dc}.r2-map~.r2-planet{fill:#2f6f4f;stroke:#9fd0b0}.r2-map-text{fill:#ffd400;font-family:var(--font-mono);letter-spacing:.08em;font-size:10px}.r2-dot{fill:var(--ink-3);animation:.4s ease-out both r2-pop}.r2-dot-hot{fill:var(--accent);stroke:var(--ink);stroke-width:1.5px}@keyframes r2-pop{0%{opacity:0;transform:scale(.2)}}.r2-dot{transform-box:fill-box;transform-origin:50%}.r2-ribbon{border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font:600 13px/22px var(--font-ui);vertical-align:2px;margin:0 2px;padding:1px 10px;display:inline-block}.r2-own{background:linear-gradient(transparent 55%, var(--accent-soft) 55%);color:inherit}.lv2-card{border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-card);padding:28px}.lv2-split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:32px;display:grid}.lv2-art-box{border-radius:var(--radius-m);background:var(--bg);padding:12px}.lv2-note{color:var(--ink-2);font:600 14px/20px var(--font-ui);margin:0 0 10px}.lv2-meta{color:var(--ink-3);font:500 13px/18px var(--font-ui);margin:14px 0 0}.lv2-fade{animation:.45s ease-out both lv2-in}@keyframes lv2-in{0%{opacity:0;transform:translateY(6px)}}.lv2-pills{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.lv2-pills button{border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-button);color:var(--ink);font:600 15px/22px var(--font-ui);cursor:pointer;border:0;padding:10px 18px}.lv2-pills button span{color:var(--ink-3);margin-right:4px}.lv2-pills button.is-on{background:var(--accent)}.lv2-pills button.is-on span{color:var(--accent-text)}.lv2-morph{aspect-ratio:320/200;max-width:560px;margin:0 auto 18px;position:relative}.lv2-layer{opacity:0;transition:opacity .5s,transform .5s;position:absolute;inset:0;transform:scale(.96)}.lv2-layer.is-on{opacity:1;transform:none}.lv2-slider{color:var(--ink-2);font:600 13px/18px var(--font-ui);align-items:center;gap:14px;display:flex}.lv2-slider input{accent-color:var(--ink);flex:1}.lv2-slider-name{font:400 15px/22px var(--font-ui);color:var(--ink-2);margin:14px 0 10px}.lv2-slider-name b{color:var(--ink)}.lv2-length{background:var(--surface-2);border-radius:3px;height:6px;margin-top:16px;overflow:hidden}.lv2-length i{background:var(--accent);max-width:100%;height:100%;transition:width .4s;display:block}.lv2-columns{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.lv2-col{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);text-align:left;cursor:pointer;border:2px solid #0000;flex-direction:column;gap:10px;padding:16px;display:flex}.lv2-col.is-on{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 35%, var(--surface))}.lv2-col b{font:700 15px/20px var(--font-ui)}.lv2-col-num{background:var(--surface-2);width:26px;height:26px;font:700 13px/1 var(--font-ui);border-radius:50%;place-items:center;display:inline-grid}.lv2-col.is-on .lv2-col-num,.lv2-rung.is-on .lv2-col-num{background:var(--accent)}.lv2-col-art{border-radius:var(--radius-s);background:var(--bg);padding:6px;display:block}.lv2-col-text{font:400 14px/1.5 var(--font-read);flex:1}.lv2-col-foot{color:var(--ink-3);font:500 12px/16px var(--font-ui)}.lv2-ladder{gap:10px;display:grid}.lv2-rung{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-card);transition:margin .3s}.lv2-rung>button{width:100%;color:var(--ink);font:600 15px/20px var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(160px,260px) 1fr auto;align-items:center;gap:14px;padding:14px 20px;display:grid}.lv2-rung>button small{color:var(--ink-3);font-weight:500}.lv2-rung-bar{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.lv2-rung-bar i{background:var(--ink-3);height:100%;display:block}.lv2-rung.is-on .lv2-rung-bar i{background:var(--accent)}.lv2-rung-body{padding:0 20px 22px}.lv2-deck-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px;display:grid}.lv2-deck-art{border-radius:var(--radius-m);background:var(--bg);padding:18px}.lv2-deck{min-height:330px;display:grid}.lv2-deck-card{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);text-align:left;cursor:pointer;flex-direction:column;grid-area:1/1;align-self:start;gap:6px;padding:22px;transition:transform .4s;display:flex}.lv2-deck-card:not(.is-on)>*{visibility:hidden}.lv2-deck-card .r2-read{font-size:17px}.lv2-deck-nav{justify-content:space-between;align-items:center;gap:10px;margin-top:30px;display:flex}.lv2-deck-nav button{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink);font:600 14px/20px var(--font-ui);cursor:pointer;border:0;padding:8px 14px}.lv2-deck-nav button:disabled{opacity:.4;cursor:default}.lv2-deck-nav .lv2-meta{margin:0}@media (max-width:900px){.lv2-columns{grid-template-columns:repeat(5,220px);padding-bottom:8px;overflow-x:auto}.lv2-deck-wrap,.lv2-split{grid-template-columns:1fr}}@media (max-width:600px){.lv2-card{padding:20px}.lv2-rung{margin-left:0!important}.lv2-rung>button{grid-template-columns:auto 1fr auto}.lv2-rung-bar{display:none}.r2-read{font-size:17px}}@media (prefers-reduced-motion:reduce){.r2-art .d,.r2-bar,.r2-dot,.lv2-fade{stroke-dashoffset:0;animation:none}}
.ex2-field{border:2px solid var(--line-strong);border-radius:var(--radius-m);background:var(--bg);align-items:center;gap:12px;padding:14px 18px;font-size:20px;display:flex}.ex2-field:focus-within{border-color:var(--accent)}.ex2-field input{color:var(--ink);font:400 18px/26px var(--font-ui);background:0 0;border:0;outline:none;flex:1}.ex2-hints{flex-wrap:wrap;gap:8px;margin:12px 0 14px;display:flex}.ex2-hints button{border:1px dashed var(--line-strong);border-radius:var(--radius-pill);color:var(--ink-2);font:500 13px/18px var(--font-ui);cursor:pointer;background:0 0;padding:6px 12px}.ex2-hints button:hover{background:var(--accent-soft)}.ex2-ba{grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);align-items:center;gap:20px;display:grid}.ex2-before .r2-read{color:var(--ink-2);font-size:17px}.ex2-after{outline:3px solid var(--accent)}.ex2-after .r2-read{font-size:17px}.ex2-ba-art{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-card);padding:10px;position:relative}.ex2-arrow{background:var(--accent);width:32px;height:32px;font:700 18px/1 var(--font-ui);border-radius:50%;place-items:center;margin-top:-16px;display:grid;position:absolute;top:50%;right:-18px}.ex2-shared{max-width:760px;color:var(--ink-2);text-align:center;margin:0 auto;font-size:17px}.ex2-slot{border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-family:var(--font-ui);padding:0 10px;font-weight:700}.ex2-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ex2-person{flex-direction:column;gap:14px;margin:0;padding:16px;display:flex}.ex2-person-art{border-radius:var(--radius-s);background:var(--bg);padding:8px}.ex2-person figcaption{gap:8px;display:grid}.ex2-person b{font:700 15px/20px var(--font-ui)}.ex2-person .r2-read{font-size:15px;line-height:1.55}.ex2-chat{flex-direction:column;gap:12px;width:100%;max-width:720px;margin:0 auto;display:flex}.ex2-msg{max-width:86%;font:400 16px/1.5 var(--font-ui);border-radius:22px;padding:14px 18px}.ex2-them{background:var(--bg);border-bottom-left-radius:6px;align-self:flex-start}.ex2-them .r2-read{font-size:17px}.ex2-me{background:var(--ink);color:var(--bg);border-bottom-right-radius:6px;align-self:flex-end}.ex2-art-msg{width:360px;max-width:86%;padding:10px}.ex2-replies{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.ex2-replies button,.ex2-again{border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font:600 14px/20px var(--font-ui);cursor:pointer;border:0;padding:10px 16px}.ex2-again{background:var(--surface-2);align-self:center}@media (max-width:900px){.ex2-ba{grid-template-columns:1fr}.ex2-ba-art{max-width:320px;margin:0 auto}.ex2-arrow{display:none}.ex2-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.ex2-gallery{grid-template-columns:1fr}}
.hx-examples{gap:24px;display:grid}.section-head+.hx-examples{margin-top:40px}.hx-examples-foot{text-align:center;margin-top:18px}