:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1f232c;--line:#2a2f3a;--text:#e7e9ee;--muted:#9aa3b2;--accent:#4f8cff;--accent-2:#36c48f;--warn:#f0b03f;--danger:#ef5b5b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header.top{border-bottom:1px solid var(--line);background:var(--panel);z-index:10;flex-wrap:wrap;align-items:center;gap:20px;padding:12px 24px;display:flex;position:sticky;top:0}header.top .brand{color:var(--text);font-size:18px;font-weight:700}header.top nav{flex-wrap:wrap;flex:1;gap:16px;display:flex}header.top nav a{color:var(--muted)}header.top nav a:hover{color:var(--text)}main{max-width:1100px;margin:0 auto;padding:24px 16px 64px}h1{margin:0 0 16px;font-size:24px}h2{margin:28px 0 12px;font-size:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grow{flex:1}input,select,textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:8px;padding:8px 10px}textarea{width:100%;min-height:90px}button,.btn{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;display:inline-block}button:hover,.btn:hover{filter:brightness(1.1);text-decoration:none}button.secondary,.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}button.danger{background:var(--danger)}button:disabled{opacity:.5;cursor:default}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 8px}th{color:var(--muted);font-size:13px;font-weight:500}td.num,th.num{text-align:right;white-space:nowrap}.badge{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:12px;display:inline-block}.badge.browser{color:var(--accent-2);border-color:color-mix(in srgb, var(--accent-2) 50%, transparent)}.badge.chrome{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 50%, transparent)}.error{color:var(--danger)}.ok{color:var(--accent-2)}form.stack{gap:12px;max-width:380px;display:grid}form.stack label{gap:4px;display:grid}video{background:#000;border-radius:10px;width:100%;max-height:70vh}.bar{background:var(--panel-2);border-radius:99px;height:6px;overflow:hidden}.bar>span{background:var(--accent-2);height:100%;transition:width .3s;display:block}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:12px;display:grid}.stats div{background:var(--panel-2);border-radius:8px;padding:8px 10px}.stats b{font-size:16px;display:block}.stats span{color:var(--muted);font-size:12px}code.key{background:var(--panel-2);word-break:break-all;border-radius:6px;padding:2px 6px}@media (max-width:640px){.hide-sm{display:none}header.top{padding:12px 16px}}