:root{color-scheme:dark;--bg:#090d18;--panel:#111827;--line:#263247;--muted:#98a6bb;--text:#edf3ff;--purple:#9274ff;--cyan:#54d6dc}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#24204a 0,transparent 55%),var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}
.shell{width:min(760px,calc(100% - 32px));margin:auto}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:11px;align-items:center;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.2px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--purple),#4c9eff);display:grid;place-items:center;font-size:21px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:600}.accent{color:#a995ff}.status{font-size:12px;color:var(--muted)}.status i{display:inline-block;width:7px;height:7px;background:#5fe0aa;border-radius:50%;margin-right:7px}
.hero{padding:62px 0 30px}.eyebrow{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:2.2px}.hero h1{font-size:clamp(36px,8vw,58px);line-height:1.08;letter-spacing:-2px;margin:13px 0}.hero h1 span{color:#a995ff}.hero p{max-width:570px;color:var(--muted);margin:0}
.panel{background:linear-gradient(145deg,#151e30,#101725);border:1px solid var(--line);border-radius:18px;padding:22px;margin:18px 0;box-shadow:0 16px 50px #0002}.panel label{display:block;font-weight:700;margin-bottom:11px}.input-row{display:flex;gap:10px}input{min-width:0;flex:1;background:#090f1c;border:1px solid #34435c;border-radius:11px;padding:14px;color:var(--text);font:inherit;outline:none}input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #9274ff22}button{border:0;border-radius:11px;padding:0 18px;background:linear-gradient(120deg,#9274ff,#5d8bff);color:white;font:700 14px system-ui;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.hint{font-size:12px;color:var(--muted);margin:10px 0 0}.message{font-size:13px;margin-top:10px;color:var(--cyan)}.message.error{color:#ff929b}.hidden{display:none!important}.result-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.result h2{font-size:17px;margin:0 0 14px}.count{font-size:11px;color:var(--cyan);background:#54d6dc14;padding:4px 9px;border-radius:30px}.chain{display:grid;gap:9px}.hop{padding:12px;background:#0b1220;border:1px solid #263247;border-radius:10px;overflow-wrap:anywhere}.hop small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}.hop a,.final-box a{color:#b9aaff;text-decoration:none;overflow-wrap:anywhere}.final-box{margin-top:15px;padding:14px;border-radius:11px;background:#54d6dc0c;border:1px solid #54d6dc45}.final-box small{display:block;color:var(--muted);margin-bottom:5px}.history-empty{color:var(--muted);font-size:13px}.history-item{padding:11px 0;border-top:1px solid #ffffff12;overflow-wrap:anywhere}.history-item a{color:#c5baff;text-decoration:none}.history-item small{display:block;color:var(--muted)}.ghost{background:transparent;border:1px solid var(--line);padding:7px 10px;font-size:12px}footer{text-align:center;color:#718096;font-size:11px;padding:25px 0 35px}
@media(max-width:560px){.hero{padding-top:43px}.panel{padding:17px}.input-row{flex-direction:column}button#checkBtn{padding:13px}.status{font-size:10px}}