:root{--bg:#f4f2ec;--panel:#fafaf7;--ink:#1a1a18;--ink-60:rgba(26,26,24,.6);--ink-50:rgba(26,26,24,.5);--ink-30:rgba(26,26,24,.3);--ink-15:rgba(26,26,24,.15);--ink-12:rgba(26,26,24,.12);--red:#c0463a;--yellow:#d9a21b;--green:#4f9a4a;--build:#6b7fa3;--gold:#b9b499}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Satoshi,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}a,body{color:var(--ink)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:15px;color:var(--ink)}.wrap{max-width:680px;margin:0 auto;padding:32px 20px 72px}.wrap-wide{max-width:980px;margin:0 auto;padding:32px 24px 72px}.topbar{gap:12px}.topbar,.topbar .mark{display:flex;align-items:center}.topbar .mark{height:28px;width:28px;border-radius:5px;background:var(--ink);color:var(--panel);justify-content:center;font-weight:900;font-size:15px}.topbar .brand{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60)}h1{font-size:32px;font-weight:900;letter-spacing:-.025em;margin:28px 0 0}.sub{color:var(--ink-60);margin-top:8px}.label{letter-spacing:.12em;color:var(--ink-50)}.btn,.label{font-size:12px;font-weight:700;text-transform:uppercase}.btn{letter-spacing:.14em;padding:11px 18px;border-radius:5px;border:none;background:var(--ink);color:var(--panel)}.btn:disabled{opacity:.4;cursor:default}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink-30)}.btn-gold{background:var(--gold);color:var(--ink)}.field{margin-top:16px}.field label{display:block;margin-bottom:6px}.input,textarea.input{width:100%;padding:11px 12px;border-radius:6px;border:1px solid var(--ink-15);background:var(--panel)}textarea.input{min-height:84px;resize:vertical}.input:focus{outline:2px solid var(--ink);outline-offset:1px}.card{background:var(--panel);border:1px solid var(--ink-15);border-radius:10px;padding:20px}.dot{width:12px;height:12px;border-radius:50%;flex:none}.dot.red{background:var(--red);box-shadow:0 0 0 3px rgba(192,70,58,.18)}.dot.yellow{background:var(--yellow);box-shadow:0 0 0 3px rgba(217,162,27,.22)}.dot.green{background:var(--green);box-shadow:0 0 0 3px rgba(79,154,74,.18)}.dot.build{background:transparent;border:1.5px solid var(--ink-30)}.dot.na{background:var(--ink-15)}.dot.found{background:var(--ink);box-shadow:0 0 0 3px rgba(26,26,24,.15)}.row{display:flex;align-items:center;gap:14px;padding:13px 8px;border-bottom:1px solid var(--ink-12)}.row .name{flex:1 1;min-width:0;font-size:15px;font-weight:600}.row .meta{font-size:13px;color:var(--ink-50);white-space:nowrap}.tribar{display:flex;gap:3px;margin-top:16px}.tribar span{display:block;height:14px;border-radius:3px;transition:flex .6s}.progress-track{height:10px;border-radius:999px;background:var(--ink-12);overflow:hidden}.progress-fill{height:100%;background:var(--ink);transition:width .4s;border-radius:999px}.grade-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border-radius:10px;border:1.5px solid var(--ink-15);background:var(--panel);font-weight:700;font-size:13px;letter-spacing:.04em;min-width:96px}.grade-btn.active,.grade-btn:hover{border-color:var(--ink)}.grade-btn.active{background:var(--bg);outline:2px solid var(--ink)}.grade-btn .swatch{width:18px;height:18px;border-radius:50%}.dropzone{border:2px dashed var(--ink-30);border-radius:10px;padding:18px;text-align:center;color:var(--ink-50);font-size:13px}.dropzone.over{border-color:var(--ink);color:var(--ink);background:var(--panel)}.thumb{height:72px;border-radius:6px;border:1px solid var(--ink-15);object-fit:cover}.kbd{display:inline-block;min-width:20px;text-align:center;padding:1px 5px;border:solid var(--ink-30);border-width:1px 1px 2px;border-radius:4px;font-size:11px;font-weight:700;color:var(--ink-60);background:var(--panel)}