@tailwind base;@tailwind components;@tailwind utilities;body{color:#f8f8f2;-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#1a1c23;font-family:Space Grotesk,sans-serif;overflow:hidden}*{-webkit-tap-highlight-color:transparent}.font-digital{font-family:JetBrains Mono,monospace}.native-card{background:linear-gradient(145deg,#21232d,#282a36);border:1px solid #ffffff0d;box-shadow:inset 0 1px 1px #ffffff1a,0 10px 25px #0006}.text-glow-cyan{text-shadow:0 0 15px #8be9fd99,0 0 30px #8be9fd4d}.text-glow-emerald{text-shadow:0 0 20px #50fa7bcc,0 0 40px #50fa7b66}.text-glow-muted{text-shadow:0 2px 4px #00000080}.guitar-string{position:relative}.string-line{width:var(--string-thickness,2px);z-index:1;background:linear-gradient(90deg,#44475a,#6272a4,#44475a);transition:transform 50ms linear;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #000c}.guitar-string>span{z-index:10;position:relative}.string-peg{z-index:20;position:relative}.dropdown-menu{transform-origin:100% 0;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s linear}.dropdown-menu.hidden-el{opacity:0;pointer-events:none;transform:scale(.95)translateY(-10px)}.dropdown-menu.show-el{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.smooth-transition{transition:all .2s cubic-bezier(.4,0,.2,1)}