:root{--bg:#f2f4f7;--surface:#fff;--ink:#17212b;--muted:#5a6672;--line:#d5dce3;--accent:#ff6100;--tile:#e5eaef;--brand-bg:#121111;--good:#1c7448;--warn:#8f6100;--info:#1d5fa8}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}a{color:inherit}img{max-width:100%}h1{font-size:28px;margin:0 0 4px}h2{font-size:20px}h2,h3{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-bar{gap:18px;padding:10px 20px;background:var(--brand-bg);position:-webkit-sticky;position:sticky;top:0;z-index:5}.brand,.site-bar{display:flex;align-items:center}.brand{text-decoration:none}.brand img{height:40px;width:auto;display:block}.site-bar nav{display:flex;gap:16px;flex:1 1;flex-wrap:wrap}.site-bar nav a{text-decoration:none;color:#cfd4d9}.site-bar nav a:hover{color:#fff}.who{display:flex;gap:10px;align-items:center;margin:0}.who-name{color:#fff;font-weight:500}.btn,.who-name{text-decoration:none}.btn{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:7px 12px;cursor:pointer;font:inherit;display:inline-block}.btn:hover{border-color:var(--muted)}.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.ghost{background:transparent;border-color:#3a3a3a;color:#cfd4d9}.site-bar .btn{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.site-main{max-width:1180px;margin:0 auto;padding:22px 20px 60px}.muted{color:var(--muted)}.err,.muted{font-size:14px}.err{color:#b4271a}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));grid-gap:14px;gap:14px;margin-top:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column}.card:hover{border-color:var(--muted)}.card .tile{height:120px;background:var(--tile);display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700}.card .tile img{width:100%;height:100%;object-fit:cover}.card .body{padding:11px 12px;display:flex;flex-direction:column;gap:5px}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.price{font-weight:700;font-size:20px}.pill{display:inline-block;border:1px solid;border-radius:4px;padding:1px 7px;font-size:12px}.pill.good{color:var(--good)}.pill.warn{color:var(--warn)}.pill.info{color:var(--info)}.pill.acc{color:var(--accent)}.auth{max-width:420px;margin:10px auto}.form-stack{display:flex;flex-direction:column;gap:12px;margin:14px 0}.form-stack label,.panel label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.form-stack .two{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 10px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;flex-direction:column;margin-top:14px}.panel,.row{display:flex;gap:12px}.row{flex-wrap:wrap;align-items:center}.notice{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:12px 14px;margin-top:14px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}th{font-size:12px;color:var(--muted)}