:root{font-family:Arial,sans-serif;color:#eff1f3;background:#101214;font-synthesis:none;--accent:#dbff4a;--muted:#a3aab0}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 5%;border-bottom:1px solid #34383c}.logo{font-size:22px;font-weight:900;letter-spacing:-1px}.logo span{color:var(--accent)}.logo small{display:block;font-size:9px;letter-spacing:3px;margin-top:6px}nav{display:flex;align-items:center;gap:25px}button,.button{border:0;background:var(--accent);color:#111;padding:13px 20px;font-weight:700;border-radius:5px;cursor:pointer;font-size:14px}button:hover{filter:brightness(.9)}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}.secondary{background:#2b3034;color:#fff}main{max-width:1440px;margin:auto;padding:45px 5%}.hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:40px;margin-bottom:50px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:3px;text-transform:uppercase}h1{font-size:clamp(36px,5.5vw,76px);line-height:1.02;letter-spacing:-3px;margin:18px 0}h2{letter-spacing:-.7px}p{color:var(--muted);line-height:1.65}.hero-art{min-height:250px;background:repeating-linear-gradient(120deg,#191d20 0px,#191d20 36px,#242a2e 37px,#242a2e 39px);border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:35px;border-left:5px solid var(--accent)}.hero-art strong{font-size:60px;color:var(--accent);font-style:italic;letter-spacing:-4px}.hero-art span{letter-spacing:4px;font-size:12px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.filters input{flex:2;min-width:200px}.filters select{flex:1;min-width:150px}input,select,textarea{font:inherit;border:1px solid #454c51;background:#1a1e21;color:#fff;border-radius:5px;padding:12px;width:100%}textarea{min-height:100px;resize:vertical}label{display:block;font-size:13px;color:#c5cbcf;margin:14px 0}label input,label textarea,label select{margin-top:7px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#1a1e21;border:1px solid #32383c;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:12px}.card h3{font-size:22px;letter-spacing:-.5px;margin:0}.card p{font-size:13px;margin:0}.card .category{font-size:11px;letter-spacing:2px;color:var(--accent)}.card .price{margin-top:auto;font-weight:bold}.card .actions{display:flex;gap:10px;margin-top:10px}.tag{display:inline-block;font-size:11px;padding:6px 9px;border:1px solid #454c51;border-radius:4px;color:#c5cbcf}.muted{color:var(--muted)}.panel{background:#1a1e21;border:1px solid #343a3f;padding:25px;border-radius:8px;margin:20px 0}.detail{max-width:850px}.detail h1{font-size:45px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.tabs .active{background:var(--accent);color:#111}.metric{font-size:36px;color:var(--accent);display:block}.split{display:grid;grid-template-columns:1fr 1fr;gap:25px}.row{display:flex;gap:15px;justify-content:space-between;align-items:center;border-bottom:1px solid #343a3f;padding:16px 0}.row:last-child{border:0}.row small{display:block;margin:5px 0;color:var(--muted)}dialog{background:#1a1e21;color:#fff;border:1px solid #565e64;border-radius:10px;max-width:600px;width:95%;max-height:90vh;padding:30px}dialog::backdrop{background:#000b}.check{display:flex;align-items:flex-start;gap:12px;line-height:1.5}.check input{width:auto}#notice{position:fixed;bottom:25px;right:25px;background:var(--accent);color:#111;padding:18px;border-radius:5px;max-width:90vw;display:none;z-index:10}footer{border-top:1px solid #333;color:var(--muted);padding:30px 5%;font-size:12px}.empty{padding:35px;border:1px dashed #555;border-radius:8px}.login{max-width:420px;margin:50px auto}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#101214;padding:15px;border-radius:5px}button:disabled{opacity:.5;cursor:wait}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-art{display:none}.split{grid-template-columns:1fr}}@media(max-width:550px){.grid{grid-template-columns:1fr}header{padding:20px 5%}nav{gap:12px;font-size:13px}.logo{font-size:16px}nav button{padding:10px}h1{letter-spacing:-1.5px}.row{align-items:flex-start;flex-wrap:wrap}}
:root{--brand-ink:#101214;--brand-lime:#dbff4a}
.logo{font-style:italic;font-size:28px;letter-spacing:-1.3px}
.logo small{font-style:normal;font-size:8px;letter-spacing:2px}
.hero-art strong{font-size:clamp(44px,5vw,74px);white-space:nowrap;letter-spacing:-4px}
.hero-art strong span{font:inherit;letter-spacing:inherit;color:#eff1f3}
.market-note{border-left:3px solid var(--accent);padding:4px 20px;margin:24px 0 36px;max-width:850px}
.market-note strong{font-size:12px;letter-spacing:2px}
.market-note p{margin:10px 0;font-size:14px}
@media(max-width:550px){.logo{font-size:20px}.logo small{font-size:7px;letter-spacing:1px}nav{gap:10px}}

