:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:dark;--primary: #61dafb;--bg: #0b1320;--cell-bg: #0f1b2d;--text: #e6f7ff;--text-muted: #9ec9db;--header-bg: #0a1627}html,body{overflow-x:hidden}bit-grid{--grid-primary: var(--primary);--grid-bg: var(--bg);--grid-cell-bg: var(--cell-bg);--grid-text: var(--text);--grid-text-muted: var(--text-muted);--grid-header-bg: var(--header-bg);--grid-hover-bg: var(--cell-bg);--grid-selection-bg: rgba(97, 218, 251, .25);--grid-selection-active-bg: rgba(97, 218, 251, .7)}body{margin:0;display:grid;place-items:start center;min-height:100vh;background-color:var(--cell-bg);color:var(--text)}.hdr{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:var(--header-bg);color:var(--text);width:100%;text-align:center}.hdr .logos{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.hdr .logo{width:48px;height:48px}.hdr .framework-logo{width:48px;height:48px;opacity:.8}.hdr .title{font-size:1.5rem;font-weight:700;text-shadow:0 0 50px currentColor;color:var(--primary)}.hdr .subtitle{font-size:1rem;color:var(--text)}.hdr .description{font-size:.9rem;color:var(--text-muted)}.hdr .github a{color:var(--primary);text-decoration:none;font-size:.9rem}.hdr .github a:hover{text-decoration:underline}#root{max-width:1280px;width:80vw;margin:0 auto;padding:2rem;display:grid;place-items:center;text-align:center}.hint{margin:8px 0;color:var(--text-muted);font-size:12px;text-align:center;position:relative;z-index:1}