pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{--bg:#0a0a0f;--panel:#14141f;--panel-2:#1b1b2b;--text:#f4f4f8;--muted:#9a9ab0;--border:#26263a;--accent:#7c5cff;--accent-2:#3ad0c8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:.4em;padding:.55em .95em;font-size:.9rem;font-weight:600;transition:transform .12s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg, var(--accent), #5d4bd6);border-color:#0000}.btn.ghost{background:#ffffff0a}.page{max-width:1100px;margin:0 auto;padding:clamp(1.5rem,4vw,4rem) 1.25rem 4rem}.site-header{margin-bottom:2.5rem}.site-header h1{letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:clamp(2rem,6vw,3rem);display:flex}.logo-badge{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#07070c;letter-spacing:.02em;border-radius:10px;padding:.25em .5em;font-size:.5em;font-weight:800}.subtitle{max-width:640px;color:var(--muted);margin-top:.9rem;line-height:1.6}.subtitle strong{color:var(--text)}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;transition:transform .15s,border-color .2s;display:flex;overflow:hidden}.card:hover{border-color:#3a3a55;transform:translateY(-3px)}.card-thumb{justify-content:center;align-items:center;height:150px;font-size:3.5rem;display:flex;position:relative}.card-thumb:after{content:"";background:radial-gradient(circle at 30% 20%,#ffffff40,#0000 60%);position:absolute;inset:0}.card-emoji{z-index:1;filter:drop-shadow(0 4px 12px #0006);position:relative}.card-body{flex-direction:column;flex:1;gap:.6rem;padding:1.1rem;display:flex}.card-body h2{font-size:1.2rem}.card-body p{color:var(--muted);flex:1;font-size:.9rem;line-height:1.55}.card-tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag{color:var(--accent-2);background:#3ad0c81a;border:1px solid #3ad0c840;border-radius:999px;padding:.2em .6em;font-size:.72rem}.card-actions{gap:.5rem;margin-top:.3rem;display:flex}.site-footer{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:3rem;font-size:.85rem;display:flex}.site-footer a:hover{color:var(--text)}.demo-stage{background:#000;position:fixed;inset:0}.demo-canvas-wrap{position:absolute;inset:0}.demo-canvas-wrap canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.demo-overlay{z-index:10;pointer-events:none;background:linear-gradient(#07070cd9,#0000);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}.demo-overlay .btn{pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.demo-title{letter-spacing:-.01em;text-shadow:0 2px 8px #0009;font-weight:700}.enter-vr{z-index:10;color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));cursor:pointer;border:none;border-radius:999px;padding:.85em 1.6em;font-size:1rem;font-weight:700;transition:transform .12s,box-shadow .2s;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #7c5cff73}.enter-vr:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 12px 40px #7c5cff99}.demo-loading{color:var(--muted);letter-spacing:.02em;justify-content:center;align-items:center;font-size:.95rem;display:flex;position:absolute;inset:0}.demo-error{text-align:center;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex;position:absolute;inset:0}.demo-error h2{font-size:1.2rem}.demo-error p{color:var(--muted);max-width:600px;font-family:ui-monospace,monospace;font-size:.85rem}.hud{z-index:10;border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#14141fbf;border-radius:999px;max-width:90vw;padding:.5em 1em;font-size:.85rem;position:absolute;top:4rem;left:50%;transform:translate(-50%)}.code-page{max-width:980px}.code-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.code-title{flex:1;min-width:200px}.code-title h1{font-size:1.5rem}.file-path{color:var(--muted);font-size:.85rem}.code-actions{gap:.5rem;display:flex}.codeblock{border:1px solid var(--border);background:#0d1117;border-radius:14px;position:relative;overflow:hidden}.codeblock pre{max-height:calc(100vh - 220px);margin:0;padding:1.25rem 1.25rem 1.5rem;overflow:auto}.codeblock code{font-family:SFMono-Regular,ui-monospace,JetBrains Mono,Menlo,Consolas,monospace;font-size:.86rem;line-height:1.6;background:0 0!important;padding:0!important}.copy-btn{z-index:2;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#14141fe6;border-radius:8px;padding:.4em .8em;font-size:.8rem;font-weight:600;position:absolute;top:.7rem;right:.7rem}.copy-btn:hover{border-color:#3a3a55}.notfound{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding-top:6rem;display:flex}.notfound h1{font-size:4rem}.notfound p{color:var(--muted)}