*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#e5e7eb;background:linear-gradient(135deg,#1e293b,#0f172a);min-height:100vh}.app-container{max-width:1400px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:3rem;padding:2rem 0}.header h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.header p{font-size:1.125rem;color:#94a3b8}.main-content{display:flex;flex-direction:column;gap:3rem}.player-wrapper{background:#1e293b;border-radius:1rem;padding:1.5rem;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;border:1px solid #334155}.info-section{background:#1e293b;border-radius:1rem;padding:2rem;border:1px solid #334155}.info-section h2{font-size:1.875rem;font-weight:600;color:#f1f5f9;margin-bottom:1rem}.info-section p{color:#cbd5e1;margin-bottom:1rem;line-height:1.75}.info-section ul{list-style:none;padding-left:0}.info-section li{color:#cbd5e1;padding:.5rem 0 .5rem 1.5rem;position:relative}.info-section li:before{content:"→";position:absolute;left:0;color:#60a5fa;font-weight:700}.footer{text-align:center;margin-top:4rem;padding:2rem 0;color:#64748b;font-size:.875rem}@media (max-width: 768px){.app-container{padding:1rem}.header h1{font-size:2rem}.header p{font-size:1rem}.player-wrapper{padding:1rem}.info-section{padding:1.5rem}.info-section h2{font-size:1.5rem}}