*{margin:0;padding:0;box-sizing:border-box}:root{--sl-primary: #0A0A0F;--sl-secondary: #1A1A2E;--sl-tertiary: #16213E;--sl-accent-purple: #6C5CE7;--sl-accent-gold: #FDCB6E;--sl-accent-orange: #E17055;--sl-accent-blue: #74B9FF;--sl-accent-silver: #B2BEC3;--sl-text-primary: #FFFFFF;--sl-text-secondary: #DDD6FE;--sl-text-muted: #A0AEC0;--sl-text-accent: #FDCB6E;--sl-border-primary: #2D3748;--sl-border-accent: #6C5CE7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color:var(--sl-text-primary);background:linear-gradient(135deg,var(--sl-primary) 0%,var(--sl-secondary) 50%,var(--sl-tertiary) 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}@media (min-width: 768px){:root{font-size:16px}}body{margin:0;min-height:100vh;background:linear-gradient(135deg,var(--sl-primary) 0%,var(--sl-secondary) 50%,var(--sl-tertiary) 100%);background-attachment:fixed;-webkit-overflow-scrolling:touch;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(108,92,231,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(253,203,110,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(116,185,255,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}#root{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}a{color:var(--sl-accent-purple);text-decoration:none;transition:all .3s ease;min-height:44px;display:inline-flex;align-items:center;-webkit-tap-highlight-color:rgba(0,112,243,.1)}a:hover{color:var(--sl-accent-gold);text-shadow:0 0 8px rgba(253,203,110,.5);text-decoration:underline}a:active{opacity:.7;transform:scale(.98)}h1,h2,h3,h4,h5,h6{color:var(--sl-text-primary);font-weight:600;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;text-shadow:0 2px 4px rgba(0,0,0,.3)}h1{font-size:1.75rem}@media (min-width: 768px){h1{font-size:2.5rem}}h2{font-size:1.5rem}@media (min-width: 768px){h2{font-size:2rem}}h3{font-size:1.25rem}@media (min-width: 768px){h3{font-size:1.5rem}}p{line-height:1.6;margin-bottom:1rem;color:var(--sl-text-secondary);word-wrap:break-word;overflow-wrap:break-word}code{font-family:Fira Code,Courier New,Courier,monospace;background:#6c5ce71a;color:var(--sl-accent-purple);padding:.2rem .4rem;border-radius:4px;border:1px solid var(--sl-border-accent);word-break:break-all;overflow-wrap:break-word}button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(108,92,231,.2);background:linear-gradient(135deg,var(--sl-accent-purple),var(--sl-accent-blue));color:var(--sl-text-primary);border:1px solid var(--sl-border-accent);border-radius:8px;font-weight:500;transition:all .3s ease;cursor:pointer}button:hover{background:linear-gradient(135deg,var(--sl-accent-gold),var(--sl-accent-orange));box-shadow:0 4px 12px #fdcb6e4d;transform:translateY(-2px)}button:active{transform:translateY(0);box-shadow:0 2px 6px #fdcb6e33}input,textarea,select{min-height:44px;font-size:16px;-webkit-appearance:none;border-radius:8px;background:#1a1a2ecc;border:1px solid var(--sl-border-primary);color:var(--sl-text-primary);padding:.75rem;transition:all .3s ease}input:focus,textarea:focus,select:focus{border-color:var(--sl-accent-purple);box-shadow:0 0 0 3px #6c5ce71a;background:#1a1a2ee6}input::placeholder,textarea::placeholder{color:var(--sl-text-muted)}*:focus{outline:2px solid var(--sl-accent-purple);outline-offset:2px}html{scroll-behavior:smooth}*{-webkit-transform:translateZ(0);transform:translateZ(0)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--text-color: #000;--bg-color: #fff;--link-color: #0000ff}}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}#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}