:root{--bg:#070d18;--panel:#101a2a;--line:#2a3a52;--text:#e8eef8;--muted:#96a8c3;--cyan:#24c9e8;--green:#42e68b;--gold:#ffc952}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% -10%,#173e63 0,transparent 37%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}header,main{max-width:1200px;margin:auto;padding-left:24px;padding-right:24px}nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}nav a{color:var(--muted);text-decoration:none;margin-left:22px;font-size:.92rem}nav a:hover{color:var(--cyan)}nav .brand{margin:0;color:#fff;font-weight:800;font-size:1.15rem;letter-spacing:.04em}.brand span{color:var(--cyan)}.submit-link{border:1px solid #277a93;border-radius:7px;padding:9px 13px;color:var(--cyan)!important}.hero{padding:56px 0 42px}.eyebrow{color:var(--cyan);letter-spacing:.16em;font-size:.72rem;font-weight:700;margin:0 0 10px}.hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1;margin:0}.hero p:not(.eyebrow){color:var(--muted);font-size:1.1rem;margin:15px 0 0}.search-panel{background:linear-gradient(135deg,rgba(26,52,80,.92),rgba(16,26,42,.96));border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 15px 35px #0004}.search-panel form{display:grid;grid-template-columns:1fr 1.6fr 1fr 1fr auto;gap:12px;align-items:end}label{display:grid;gap:7px;color:var(--muted);font-size:.78rem;font-weight:650;letter-spacing:.03em}input,select,button{font:inherit}input,select{width:100%;background:#091322;border:1px solid var(--line);border-radius:6px;color:var(--text);padding:11px}input:focus,select:focus{outline:2px solid #24c9e866;border-color:var(--cyan)}button{background:linear-gradient(135deg,#20b9dc,#177bb3);border:0;border-radius:6px;color:white;font-weight:750;padding:12px 17px;cursor:pointer}.result-count{color:var(--muted);margin:28px 0 12px}.result-count strong{color:var(--green)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#0c1524}table{width:100%;border-collapse:collapse}th{text-align:left;background:#142238;color:#89a4c5;text-transform:uppercase;letter-spacing:.09em;font-size:.7rem;padding:14px 16px}td{padding:16px;border-top:1px solid #1d2b3e;color:#b8c6d9}tbody tr:hover{background:#132138}td a{color:#e9f5ff;text-decoration:none;font-weight:650}td a:hover{color:var(--cyan)}.universe{display:inline-block;background:#183c59;color:#69ddef;padding:4px 7px;border-radius:4px;font-size:.77rem;font-weight:700}.units{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:650}.page-link{display:inline-block;color:var(--cyan);text-decoration:none;margin-top:20px}.next{float:right}@media(max-width:850px){.search-panel form{grid-template-columns:1fr 1fr}.search-panel button{grid-column:span 2}}@media(max-width:520px){header,main{padding-left:15px;padding-right:15px}.hero{padding:38px 0 30px}nav{flex-wrap:wrap}.submit-link{white-space:nowrap;padding:6px 9px;font-size:.68rem;margin-left:8px;border-radius:4px}.search-panel form{grid-template-columns:1fr}.search-panel button{grid-column:auto}main>form{display:grid;grid-template-columns:1fr;gap:12px}main>form>input{width:100%}main>form>button{width:100%;padding:14px 17px}nav a:not(.brand){margin-left:8px;font-size:.72rem}th,td{padding:12px 10px;font-size:.85rem}}