:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a3009;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}@supports (-webkit-touch-callout: none){body,#root{min-height:-webkit-fill-available}}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid #4ade80;outline-offset:2px}input,select,textarea{font-size:16px}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#2d5016,#1a3009);color:#fff}.app-header{padding:1.5rem;text-align:center;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header h1{margin:0;font-size:2.5rem;font-weight:700;color:#4ade80;text-shadow:0 2px 10px rgba(74,222,128,.3);letter-spacing:2px}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;width:100%;max-width:100%;box-sizing:border-box}.scanner-container{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-scanner{width:100%;max-width:100%;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000004d;background:#000}.scan-instruction{color:#a7f3d0;font-size:1rem;text-align:center;margin-top:1rem;padding:0 1rem}.error-message{background:#ef4444e6;color:#fff;padding:.75rem 1.5rem;border-radius:10px;font-size:.9rem;text-align:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ready-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:100%;max-width:500px}.ready-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.ready-text{font-size:1.5rem;color:#a7f3d0;font-weight:500;text-align:center}.play-button{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 40px #4ade8066;transition:all .3s ease;-webkit-tap-highlight-color:transparent;padding:0}.play-button:hover{transform:scale(1.05);box-shadow:0 12px 45px #4ade8080}.play-button:active{transform:scale(.95);box-shadow:0 8px 30px #4ade804d}.play-icon{width:50px;height:50px;color:#fff;margin-left:4px}.playing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;width:100%;max-width:500px}.playing-indicator{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.wave-animation{display:flex;align-items:center;justify-content:center;gap:8px;height:60px}.wave-bar{width:8px;height:40px;background:linear-gradient(180deg,#4ade80,#22c55e);border-radius:4px;animation:wave 1.2s ease-in-out infinite}.wave-bar:nth-child(1){animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.5)}}.playing-text{font-size:1.8rem;color:#4ade80;font-weight:600;text-shadow:0 2px 10px rgba(74,222,128,.3)}.next-song-button{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:none;padding:1.2rem 3rem;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;box-shadow:0 6px 20px #4ade8066;transition:all .3s ease;min-width:200px;-webkit-tap-highlight-color:transparent}.next-song-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ade8080}.next-song-button:active{transform:translateY(0);box-shadow:0 4px 15px #4ade804d}@media screen and (max-width:428px){.app-header h1{font-size:2rem}.play-button{width:100px;height:100px}.play-icon{width:42px;height:42px}.ready-text{font-size:1.2rem}.playing-text{font-size:1.5rem}.next-song-button{padding:1rem 2.5rem;font-size:1.1rem;min-width:180px}.scan-instruction{font-size:.9rem}}@supports (padding: max(0px)){.app{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.app-header{padding-top:max(1.5rem,env(safe-area-inset-top))}}.app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@supports (-webkit-touch-callout: none){.app{min-height:-webkit-fill-available}}