html,body{margin:0;padding:0;width:100%;height:100%}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}:root{--bg: #f8fafc;--text: #0f172a;--card: #ffffff;--border: #e5e7eb;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text);background-color:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-family:inherit;cursor:pointer;background-color:#1a1a1a;color:#4599ee;transition:border-color .25s,background .25s}button:hover{border-color:#646cff}button:focus{outline:none}h1{font-size:2rem;line-height:1.2}table{border-collapse:collapse;width:100%;background:var(--card);color:var(--text)}th,td{padding:12px;border-bottom:1px solid var(--border)}tr{background:var(--card)}:root{--bg: #f8fafc;--text: #0f172a;--card: #ffffff;--border: #e5e7eb}@media(prefers-color-scheme:dark){:root{--bg: #020617;--text: #e5e7eb;--card: #020617;--border: #1e293b}}