.hn-shell{margin-top:44px;border:1px solid #ffffff2b;border-radius:16px;overflow:hidden;background:#111510;box-shadow:0 28px 90px #0004}.hn-toolbar,.hn-address,.hn-flow-header,.hn-params,.hn-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.hn-toolbar{padding:20px 24px;border-bottom:1px solid #ffffff20;font-size:14px}.hn-toolbar strong{color:var(--lime)}.hn-toolbar strong span{color:var(--fg);margin-left:12px}.hn-toolbar>span,.hn-address,.hn-docs>small,.hn-flow>small{color:var(--muted);font-size:12px}.hn-columns{display:grid;grid-template-columns:1fr 1fr}.hn-browser{padding:24px;border-right:1px solid #ffffff20}.hn-address{background:#252922;padding:14px;border-radius:8px 8px 0 0}.hn-address span{flex:1}.hn-page{background:#f6f6ef;color:#171712;min-height:370px;padding:12px;font-family:Verdana,sans-serif}.hn-orange{display:flex;align-items:center;gap:8px;background:#ff6600;padding:5px;font-size:14px;flex-wrap:wrap}.hn-orange>span{font-size:10px}.hn-logo{border:1px solid white;color:white;padding:1px 5px}.hn-page ol{padding-left:29px;margin-top:24px}.hn-page li{padding:10px 0;border:1px solid transparent;font-size:14px}.hn-page li p{font-size:11px;margin:5px 0;color:#777}.hn-page li small{color:#777;font-size:10px}.hn-page li.hn-observed{background:#e5edda;border-color:#809e50}.hn-page-note{font-size:11px;color:#666;padding:16px 8px}.hn-docs{padding:28px;min-width:0}.hn-docs h3{font-size:28px;margin:16px 0 10px;letter-spacing:-.03em}.hn-docs p{font-size:15px;margin:0 0 20px}.hn-route{display:flex;gap:14px;padding:14px 0;border-block:1px solid #ffffff20;overflow:auto}.hn-route b{color:var(--lime);font:13px 'Space Mono',monospace}.hn-route code{font-size:13px}.hn-params{margin:18px 0;font-size:14px}.hn-params small{color:var(--muted);margin-left:10px}.hn-params select{background:#1c2319;color:var(--fg);padding:7px 12px;border:1px solid #819076;border-radius:4px;margin-left:8px}.hn-docs pre{font:12px/1.6 'Space Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#090d08;padding:16px;border:1px solid #ffffff14;border-radius:6px}.hn-actions{justify-content:flex-start;margin:18px 0}.hn-actions button{background:var(--lime);color:#182010;border:0;border-radius:6px;padding:12px 17px;font:inherit;font-size:14px;cursor:pointer}.hn-actions button:disabled{opacity:.6;cursor:wait}.hn-actions span{font:12px 'Space Mono',monospace;color:var(--lime)}#hn-result{height:210px;overflow:auto}.hn-flow{padding:24px;border-top:1px solid #ffffff20;background:#151b12}.hn-flow-header{font-size:14px}.hn-flow-header>span{color:var(--lime);font-size:12px}.hn-nodes{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:24px 0}.hn-nodes button{position:relative;text-align:left;background:#10150e;color:var(--fg);border:1px solid #ffffff30;border-radius:7px;padding:14px;font:inherit;font-size:14px;cursor:pointer}.hn-nodes button:not(:last-child):after{content:'';position:absolute;left:100%;width:19px;top:50%;height:1px;background:#768c60}.hn-nodes span{display:block;font:11px 'Space Mono',monospace;color:var(--muted);margin-bottom:9px}.hn-nodes small{display:block;color:var(--muted);font-size:12px;margin-top:9px}.hn-nodes button.active{border-color:var(--lime);background:#c9ff8a12}.hn-nodes button.complete{border-color:#76985c}.hn-shell button:focus-visible,.hn-shell select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}#hn-detail{font-size:15px;min-height:48px;margin:10px 0}@media(max-width:1000px){.hn-columns{grid-template-columns:1fr}.hn-browser{border-right:0;border-bottom:1px solid #ffffff20}.hn-nodes{gap:8px}.hn-nodes button{padding:10px}.hn-nodes button:not(:last-child):after{width:9px}}@media(max-width:600px){.hn-toolbar{align-items:flex-start;flex-direction:column}.hn-browser,.hn-docs,.hn-flow{padding:16px}.hn-nodes{grid-template-columns:1fr}.hn-nodes button:not(:last-child):after{display:none}.hn-nodes button{display:flex;gap:12px;align-items:center}.hn-nodes span,.hn-nodes small{margin:0}.hn-flow-header{align-items:flex-start}.hn-address small{display:none}}