:root{color-scheme:dark;font:16px/1.5 Inter,ui-sans-serif,system-ui;background:#0a0d10;color:#e8eee9;--mint:#69f0b5;--panel:#12181b;--line:#273137}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#17352c 0,transparent 32rem),#0a0d10}header,main{max-width:1120px;margin:auto;padding:3rem 1.5rem}header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line)}h1{font-size:clamp(2.5rem,7vw,5rem);line-height:.9;margin:.4rem 0}.eyebrow{color:var(--mint);letter-spacing:.16em;font-size:.75rem}button,input{border:1px solid var(--line);border-radius:.4rem;background:#11171a;color:inherit;padding:.7rem 1rem}button{cursor:pointer}button:hover{border-color:var(--mint)}main{padding-top:2rem}.toolbar{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}input{min-width:18rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}article{background:linear-gradient(145deg,#151d20,#101517);border:1px solid var(--line);border-radius:.7rem;padding:1.3rem}article h2{margin:.7rem 0 0}.status{display:inline-block;color:var(--mint);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:.5rem 0}dt{color:#8fa09a}dd{margin:0;max-width:60%;overflow:hidden;text-overflow:ellipsis}.open{width:100%;margin-top:.5rem}dialog{width:min(720px,90vw);background:var(--panel);color:inherit;border:1px solid var(--line);border-radius:.8rem;padding:1.5rem}dialog::backdrop{background:#000b}.close{float:right;font-size:1.3rem}@media(max-width:600px){header{align-items:start}header>button{margin-top:2rem}.toolbar{flex-direction:column}input{min-width:0;width:100%}}