:root{font:16px/1.6 system-ui,sans-serif;color:#e7eee9;background:#222;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{height:56px;display:flex;align-items:center;gap:12px;padding:0 max(20px,calc((100vw - 1120px)/2));background:#231815;border-bottom:2px solid #f7971d}header span:last-child{margin-left:auto;color:#c7c7c7;font-size:14px}.logo{color:#f7971d}main{max-width:1160px;padding:36px 20px;margin:auto}h1{font-size:clamp(24px,5vw,32px);margin:0 0 12px}.intro{max-width:760px;color:#c7c7c7}.nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-top:24px}.node-card{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid #666;border-radius:10px;background:#2b2b2b;min-width:0}.node-card h2{font-size:19px;margin:0;overflow-wrap:anywhere}.node-card p{margin:0;overflow-wrap:anywhere}.node-address,.node-kind{font-size:14px;color:#c7c7c7}.node-kind{color:#f7971d}.node-card a,button{min-height:44px;padding:10px 16px;border-radius:6px;border:1px solid #f7971d;background:#f7971d;color:#231815;font:inherit;font-weight:600;text-decoration:none;text-align:center}.node-card a{margin-top:auto}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:3px}.footnote{font-size:13px;color:#c7c7c7;margin-top:28px}[hidden]{display:none!important}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.toolbar button,header button{background:#333;color:#e7eee9;border-color:#666;font-size:14px;font-weight:500}.toolbar button:last-child{border-color:#f7971d}button:disabled{opacity:.5;cursor:wait}dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:20px;overflow:auto;border:1px solid #666;border-radius:10px;background:#2b2b2b;color:#e7eee9}dialog::backdrop{background:#0009}dialog h2{font-size:22px;margin-top:0}label{display:block;margin:12px 0 6px}input,select,textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #666;border-radius:6px;background:#222;color:#e7eee9;font:16px/1.5 system-ui,sans-serif;min-height:44px}form{max-width:520px}form>button{margin-top:16px}.check{display:flex;align-items:center;gap:8px}.check input{width:20px;min-height:24px}#node-error,#portal-status{overflow-wrap:anywhere}#enrollment-code{height:100px;resize:none;font:14px/1.5 ui-monospace,monospace}#delete-destination{overflow-wrap:anywhere}.node-pending{color:#c7c7c7}header button{padding:5px 8px;min-height:40px;font-size:12px}
.code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #666}.code-row span{min-width:0;overflow-wrap:anywhere}.code-row button{flex:none;background:#333;color:#e7eee9;font-size:14px}