:root{--color-bg-dark: #150a30;--color-bg-gradient: radial-gradient( ellipse at top center, #3a1870 0%, #22105a 25%, #150a30 55%, #0c0620 100% );--color-accent: #00e5ff;--color-accent-dim: #0099aa;--color-accent-glow: rgba(0, 229, 255, .4);--color-brand-purple: #aa44dd;--color-brand-magenta: #cc22cc;--color-correct: #00ff88;--color-wrong: #ff3344;--color-text: #fff;--color-text-muted: #bbaad0;--font-display: "Luckiest Guy", cursive;--font-body: "Fredoka", sans-serif;--string-1: #cc22cc;--string-2: #8844ee;--string-3: #00ccdd;--string-4: #3366ff;--string-5: #ff44aa;--string-6: #22ddbb;--fretboard-wood: #1a1208;--fretboard-wood-light: #2a1f10;--fret-color: rgba(192, 192, 192, .35);--fret-color-bright: rgba(220, 220, 220, .5);--color-panel: #2a2838;--color-panel-border: rgba(0, 229, 255, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg-gradient);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}