@import url("./base.css");
@font-face{font-family:"Geist";src:url("./assets/Geist.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--width:1130px;--ink:#f3f6ed;--surface:#111416;--accent:#dffca7;--muted:#aeb8ac;--error:#ffa7ac;font-family:"Geist",Arial,sans-serif}
body{background:#111416;color:var(--ink)}
.nav nav a:hover,.site-footer a:hover,.home-details a:hover{color:var(--accent)}
.brand img{width:36px;height:36px}
.hero{min-height:500px;display:grid;grid-template-columns:1fr .92fr;gap:1rem;align-items:center;padding:4.5rem 0}
.hero h1{font-size:clamp(3.1rem,7.2vw,6.3rem);letter-spacing:-.065em}
.hero p{max-width:38ch;margin:1.7rem 0 1.6rem;color:var(--muted);font-size:1.16rem}
.action{border:1px solid var(--accent);padding:.6rem 1.45rem;border-radius:100px;color:#171c14;background:var(--accent)}
.action:hover:not(:disabled){background:#c4e789;border-color:#c4e789}
.field{min-width:0;position:relative;display:grid;place-items:center;aspect-ratio:1.13;background:radial-gradient(ellipse at center,#273024 0%,#181d18 38%,#111416 72%);isolation:isolate}
.field-track{position:absolute;inset:2%;background-image:radial-gradient(circle,#94a97c 1px,transparent 1.3px);background-size:12px 12px;mask-image:radial-gradient(ellipse at center,transparent 17%,#000 45%,transparent 73%);opacity:.48}
.field img{width:52%;aspect-ratio:1;position:relative;object-fit:contain}
.home-details{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 3rem;padding:3.5rem 0 4rem;border-top:1px solid #313a34}
.home-details h2{font-size:clamp(1.9rem,4vw,3.25rem)}
.home-details p{max-width:42ch;color:var(--muted)}
.home-details a{grid-column:2;justify-self:start;font-weight:700}
.page-title{margin-block:3.25rem 2rem}
.page-title p{margin-top:.8rem;color:var(--muted)}
.lookup{max-width:780px;background:#1a201e;padding:clamp(1rem,4vw,2rem);border:1px solid #354139;border-radius:14px}
.lookup form{display:grid;gap:1.3rem}
.lookup .action,.review-actions .action{justify-self:start}
.network span{font-size:.9rem;font-weight:650;border-radius:99px;padding:.5rem .8rem;color:var(--muted);border:1px solid #59675c;margin-right:.38rem}
.network input:checked+span{border-color:var(--accent);color:var(--accent);background:#263021}
.control input{border-radius:8px;border:1px solid #58685e;background:#141816}
.owner-row{display:grid;grid-template-columns:1fr auto;gap:.6rem}
.quiet{color:var(--ink);background:#252e28;border:1px solid #46574b;border-radius:8px;padding:.45rem .85rem}
.quiet:hover{background:#303d32}
.status{max-width:780px;margin:1rem 0;color:var(--muted)}
#results{max-width:780px;margin:2.4rem 0}
.position-card{display:grid;grid-template-columns:auto minmax(8rem,1fr) minmax(7rem,auto);align-items:start;gap:.8rem;padding:1rem 0;border-bottom:1px solid #39423b}
.position-card input{margin-top:.35rem;accent-color:var(--accent)}
.position-card p{color:var(--muted)}
.position-card output{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.review-actions{margin-top:1.3rem}
#review-panel{margin-bottom:1.5rem}
#review-panel h2{margin-bottom:.75rem}
#review-panel p{margin-bottom:.7rem;overflow-wrap:anywhere}
#review-panel .action{margin-top:.4rem}
:focus-visible{outline:2px solid var(--accent)}
@media(max-width:700px){.hero{grid-template-columns:1fr;min-height:unset;padding:3rem 0 1rem}.field{width:min(100%,400px);justify-self:center}.home-details{grid-template-columns:1fr;gap:1rem}.home-details a{grid-column:auto}.position-card{grid-template-columns:auto 1fr}.position-card output{grid-column:2;text-align:left}.owner-row{grid-template-columns:1fr}.owner-row button{justify-self:start}}

.status a{color:var(--accent)} #more{margin-top:.7rem} .field img{width:39%}