*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #fed160;--secondary: #353535;--bg: #f6f7f9;--white: #fff;--border: rgba(53, 53, 53, .14);--border-light: rgba(53, 53, 53, .08);--text-muted: rgba(53, 53, 53, .75);--text-light: rgba(53, 53, 53, .7);--text-faint: rgba(53, 53, 53, .55);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .1);--shadow-primary: 0 12px 40px rgba(254, 209, 96, .25);--radius: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--transition: .3s ease}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Ubuntu,sans-serif;color:var(--secondary);background:var(--bg);line-height:1.6;overflow-x:hidden}body.modal-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,textarea{font-family:inherit;font-size:inherit}ul{list-style:none}::selection{background:var(--primary);color:var(--secondary)}h1,h2,h3,h4{font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--secondary)}[class*=playcode-badge],[id*=playcode-badge],a[href*="playcode.io"]{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}