:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg: #ffffff;--text: #111111;--nav-bg: rgba(255, 255, 255, .8);--footer-bg: #f2f2f2;--toast-bg: #111;--toast-text: #fff;color-scheme:light dark}[data-theme=dark]{--bg: #0f172a;--text: #e5e7eb;--nav-bg: rgba(15, 23, 42, .9);--footer-bg: #020617;--toast-bg: #020617;--toast-text: #e5e7eb}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}a{color:inherit;text-decoration:none}button{border-radius:6px;border:1px solid transparent;padding:.5rem 1rem;background:#1a1a1a;color:#fff;cursor:pointer}button:hover{opacity:.9}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.cross-container{display:flex;justify-content:center;margin-bottom:12px;color:var(--text-primary)}@media(min-width:768px){.cross-container svg{width:80px;height:80px}}.skeleton{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px #00000014}.wave{position:relative;overflow:hidden;background:#e0e0e0}.wave:after{content:"";position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:wave 1.5s infinite}@keyframes wave{0%{left:-150px}to{left:100%}}.skeleton-image{height:180px;border-radius:8px}.skeleton-text{height:16px;margin-top:12px;border-radius:4px}.skeleton-text.small{width:60%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:24px}.event-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #00000014}.event-image{width:100%;height:200px;object-fit:cover}.event-content{padding:16px}.subtitle{color:#666;margin-bottom:8px}.error-box{padding:40px;text-align:center;color:#c00}.clickable{cursor:pointer;transition:transform .2s ease}.clickable:hover{transform:translateY(-4px)}.event-dashboard{padding:24px;max-width:1200px;margin:auto}.wide-card{background:#fff;padding:20px;border-radius:14px;margin-bottom:24px;box-shadow:0 6px 18px #00000014}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.action-card{padding:16px;border-radius:10px;background:#f7f7f7;text-align:center}button{margin-top:12px}