:root,[data-theme=dark]{--bg: #10140f;--bg-elev: #181e16;--bg-soft: #222a1e;--line: #313a2c;--text: #f2f0e6;--muted: #a3aa96;--accent: #d6ff4a;--accent-ink: #172006;--danger: #ff8d78;--ok: #9dffb0;--warn: #ffd27a;--shadow: 0 20px 50px rgba(0, 0, 0, .28);--serif: "Iowan Old Style", Palatino, "Palatino Linotype", Georgia, serif;--sans: "Segoe UI", "Helvetica Neue", sans-serif}[data-theme=light]{--bg: #f4f1e8;--bg-elev: #fffdf8;--bg-soft: #ebe6da;--line: #ddd4c4;--text: #1c2118;--muted: #5d6556;--accent: #3f6b12;--accent-ink: #f6ffe4;--danger: #9d2b1c;--ok: #1d6b32;--warn: #8a5a00;--shadow: 0 16px 40px rgba(40, 36, 20, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(1200px 500px at 100% -10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 50%),var(--bg);color:var(--text);font-family:var(--sans);font-size:15px}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg) 86%,black);display:flex;flex-direction:column;gap:18px}.mark{display:flex;gap:12px;align-items:center;padding:0 8px}.mark b{width:36px;height:36px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);border-radius:10px;font-family:var(--serif);font-size:20px}.mark span{display:block;color:var(--muted);font-size:12px}.mark strong{font-family:var(--serif);font-size:22px;font-weight:560}.nav{display:flex;flex-direction:column;gap:4px}.nav a,.ghost,.btn,.btn.slim{border-radius:999px;text-decoration:none}.nav a{padding:10px 12px;color:var(--muted)}.nav a.active,.nav a:hover{background:var(--bg-soft);color:var(--text)}.side .grow{flex:1}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px 0}.top h1{margin:0;font-family:var(--serif);font-weight:560;font-size:34px;letter-spacing:-.03em}.top p{margin:4px 0 0;color:var(--muted)}.tools{display:flex;gap:8px;align-items:center}.main{padding:18px 28px 48px}.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(4,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-2{grid-template-columns:1.4fr 1fr}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow)}.card h2,.card h3{margin:0 0 12px;font-size:16px;font-weight:600}.supplier h2{margin:0;font-family:var(--serif);font-weight:560;font-size:28px;letter-spacing:-.03em}.kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.metric{color:var(--muted);font-size:13px}.metric b{display:block;margin-top:6px;font-family:var(--serif);font-size:28px;font-weight:560;color:var(--text);letter-spacing:-.03em}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;gap:12px;align-items:center}.btn,.ghost{border:1px solid transparent;padding:9px 14px}.btn{background:var(--accent);color:var(--accent-ink);font-weight:650}a.btn{text-decoration:none;display:inline-flex;align-items:center}.btn.slim,.ghost{padding:7px 12px}.ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn:disabled,.ghost:disabled{opacity:.5;cursor:not-allowed}.danger{color:var(--danger)}input,select,textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px}input[type=checkbox]{width:auto;justify-self:start}textarea{min-height:80px}label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.form{display:grid;gap:12px}.form.two{grid-template-columns:1fr 1fr}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.table-wrap{overflow:auto}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:12px;border:1px solid var(--line)}.badge.ok{color:var(--ok)}.badge.warn{color:var(--warn)}.badge.bad{color:var(--danger)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.tabs button{background:transparent;border:1px solid transparent;color:var(--muted);border-radius:999px;padding:8px 12px}.tabs button.on{background:var(--bg-soft);color:var(--text);border-color:var(--line)}.banner{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 16%,var(--bg-elev))}.banner.bad{background:color-mix(in srgb,var(--danger) 16%,var(--bg-elev))}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login .card{width:min(440px,100%)}.login h1{font-family:var(--serif);font-weight:560;font-size:48px;margin:8px 0}.muted{color:var(--muted)}.chart{width:100%;height:280px}.secret{font-family:ui-monospace,Consolas,monospace;background:var(--bg);padding:12px;border-radius:12px;word-break:break-all}.card h2.api-title{margin:2px 0 0;font-family:var(--serif);font-weight:560;font-size:28px;letter-spacing:-.03em}.card.product-card h2{margin:0;font-family:var(--serif);font-weight:560;font-size:26px;letter-spacing:-.03em}.product-card .secret{margin-top:12px}.cred-list{display:grid;gap:14px;margin:14px 0 8px}.cred{display:grid;gap:6px}.cred .spread span{color:var(--muted);font-size:13px}.endpoint{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.endpoint:last-of-type{border-bottom:0}.method{font-family:ui-monospace,Consolas,monospace;font-size:12px;letter-spacing:.04em;text-align:center;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:4px 0}.code{margin:0 0 12px;overflow:auto;background:var(--bg);padding:16px;border-radius:12px;font-size:12.5px;line-height:1.6;white-space:pre}.guide{line-height:1.55}.guide h1{font-family:var(--serif);font-weight:560;font-size:36px;letter-spacing:-.03em;margin:0 0 8px}.guide h2{font-family:var(--serif);font-weight:560;font-size:26px;margin:28px 0 8px}.guide h3{margin:18px 0 8px}.guide p,.guide li{margin:6px 0}.guide code{font-family:ui-monospace,Consolas,monospace;font-size:.92em}.guide pre{overflow:auto;background:var(--bg);padding:16px;border-radius:12px;margin:10px 0 16px}.guide pre code{font-size:13px}.doc{white-space:pre-wrap;line-height:1.55}.doc pre{overflow:auto;background:var(--bg);padding:12px;border-radius:12px}.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.game{overflow:hidden;padding:0}.game img{width:100%;height:110px;object-fit:cover;display:block;background:var(--bg-soft)}.game div{padding:12px}.game strong{display:block}@media (max-width: 980px){.stats,.cards-3,.cards-2,.form.two,.shell{grid-template-columns:1fr}.side{position:sticky;height:auto;flex-direction:row;align-items:center;overflow:auto}.nav{flex-direction:row}.side .grow,.mark span{display:none}.top,.main{padding-left:16px;padding-right:16px}.top h1{font-size:28px}}
