@import url('../Stack/style.css');
.workspace{grid-template-columns:280px minmax(0,1fr)}.wide{margin-top:14px}.text-button{display:block}#list-scroll{overflow:auto;background:radial-gradient(#dce8d7 .8px,transparent .8px),#f6faf3;background-size:16px 16px;border:1px solid #dce7d6;border-radius:10px;padding:60px 24px 45px;min-height:240px}#chain{display:flex;align-items:center;min-width:max-content;min-height:120px}.node{position:relative;flex-shrink:0;width:155px;transition:transform .25s,opacity .25s}.node-box{border:2px solid #94b586;border-radius:8px;background:#e8f2e0;display:grid;grid-template-columns:1fr 62px;min-height:65px;box-shadow:0 3px 0 #d5e4cc}.node-value{padding:15px 8px;overflow-wrap:anywhere;align-self:center;text-align:center;font-size:16px;font-weight:600;min-width:0}.node-next{border-left:1px solid #bdcfb0;padding:12px 5px;text-align:center;align-content:center;font:12px monospace;background:#f6faf1;border-radius:0 6px 6px 0}.node-next small{display:block;font:8px 'Segoe UI',sans-serif;letter-spacing:1px;color:#7e9475;margin-bottom:7px}.node-id{position:absolute;bottom:calc(100% + 9px);left:0;font-size:10px;color:#7d9473;letter-spacing:.6px}.node-end{float:right;color:#34733e;font-weight:700;margin-left:15px}.node-index{text-align:center;font-size:10px;color:#8b9b82;margin-top:10px}.arrow{width:43px;flex-shrink:0;color:#8da77e;font-size:27px;text-align:center;margin-bottom:18px;transition:color .2s}.null{font:13px monospace;color:#8b9a80;margin-bottom:18px;border:1px dashed #b6c8ac;border-radius:6px;padding:12px}.node.active .node-box{border-color:#c6a04e;background:#faeac5}.node.changed .node-next,.node.changed .node-box{border-color:#6897b6;background:#e6f0f7}.node.found .node-box{border-color:#377642;background:#d7ead0}.arrow.changed{color:#548ba9}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#73876a;margin:18px 0}.legend i{display:inline-block;width:10px;height:10px;background:#d6e8ca;border:1px solid #96b387;border-radius:3px;margin-right:6px}.legend i.active{background:#f1d797}.legend i.changed{background:#c9dfed}.legend i.found{background:#7fa86f}#pointer-workbench{background:#f4f8ef;border:1px solid #e1ead9;border-radius:8px;padding:18px}#pointer-code{display:block;font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#426b40;margin-top:10px}.output-panel{border-top:1px solid #e4ecdf;margin-top:20px;padding-top:20px}#output{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#71866b}#output span{padding:6px 10px;border-radius:5px;background:#edf4e6;overflow-wrap:anywhere}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bottom h2{margin-top:10px}.bottom .lesson{display:block}.bottom p{font-size:13px}#trace{padding-left:22px;max-height:300px;overflow:auto;font-size:13px;line-height:1.9;color:#72876a}#trace li:last-child{font-weight:600;color:#3e7443}.stats strong{font-size:19px}@media(max-width:800px){.workspace,.bottom{grid-template-columns:1fr}.heading{flex-direction:column}.heading .badge{margin-bottom:10px}#list-scroll{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.node,.arrow{transition:none}}