*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#14141f;--bg-card:#1a1a2e;--text-primary:#e0e0e0;--text-secondary:#a0a0b0;--accent:#6c63ff;--accent-hover:#8b83ff;--border:#2a2a3e;--canvas-green:#00e676;--svg-orange:#ff9100;--webgl-cyan:#00e5ff;--css-pink:#ff4081}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}canvas{display:block}.demo-container{width:100vw;height:100vh;position:relative;overflow:hidden}.demo-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);z-index:100;background:#0a0a0fcc;border-radius:8px;padding:12px 20px;position:absolute;top:16px;left:16px}.demo-overlay h2{margin-bottom:4px;font-size:14px;font-weight:600}.demo-overlay p{color:var(--text-secondary);font-size:12px}.back-link{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);z-index:100;background:#0a0a0fcc;border-radius:6px;padding:8px 16px;font-size:13px;position:absolute;top:16px;right:16px}