@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");:root{--background-base: #121212;--background-elevated: #1a1a1a;--text-base: #ffffff;--text-subdued: #b3b3b3;--accent: #1db954;--accent-hover: #1ed760;--border-radius: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;background-color:var(--background-base);color:var(--text-base)}.bg-decoration{position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle, rgba(29,185,84,0.15) 0%, transparent 70%);border-radius:50%;z-index:0;pointer-events:none}.bg-decoration--error{background:radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%)}.bg-glow{position:absolute;width:1000px;height:1000px;background:radial-gradient(circle, rgba(29,185,84,0.08) 0%, transparent 70%);top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;pointer-events:none;z-index:0}.landing-page{height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom, #212121 0%, #000 100%);padding:40px;position:relative}.landing-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px}.landing-title{font-size:64px;font-weight:900;letter-spacing:-0.04em;margin-bottom:48px;line-height:1.2;text-shadow:0 8px 24px rgba(0,0,0,0.5)}.btn-play{background-color:var(--accent);color:#000;border:none;border-radius:500px;padding:16px 48px;font-size:18px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:transform 0.1s, background-color 0.2s;text-decoration:none}.btn-play:hover{transform:scale(1.04);background-color:var(--accent-hover)}.player-page{height:100vh;width:100vw;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom, #1d1d1d 0%, #000 100%);position:relative}.player-container{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.player-wrapper{width:100%;max-width:1200px;aspect-ratio:16 / 9;background-color:#000;border-radius:16px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease}.player-wrapper:hover{transform:scale(1.01)}.player-wrapper iframe{width:100% !important;height:100% !important;border:none}.empty-state{padding:64px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%}.empty-icon{width:80px;height:80px;background-color:#2a2a2a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#777}.empty-icon svg{margin-left:6px}.empty-title{font-size:32px;font-weight:800;color:#fff;margin-bottom:16px}.empty-desc{color:#aaa;font-size:18px;margin-bottom:32px}.command-box{background-color:#242424;padding:24px 32px;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:12px;align-items:center;border:1px solid #333}.code-term{color:var(--accent);font-family:'SF Mono', Monaco, Consolas, monospace;padding:4px 8px;background-color:#111;border-radius:4px;letter-spacing:0.05em}.error-page{height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom, #212121 0%, #000 100%);padding:40px;position:relative}.error-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px}.error-title{font-size:48px;font-weight:800;letter-spacing:-0.02em;margin-bottom:16px;text-shadow:0 4px 12px rgba(0,0,0,0.5)}.error-desc{font-size:18px;color:var(--text-subdued);margin-bottom:32px;line-height:1.6}.code-box{background-color:var(--background-elevated);border:1px solid #333;padding:12px 24px;border-radius:var(--border-radius);display:flex;align-items:center;gap:12px}.code-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.code-dot--red{background-color:#e91429}.code-dot--yellow{background-color:#f59b42}.code-dot--green{background-color:var(--accent)}.code-text{font-family:'SF Mono', Monaco, Consolas, monospace;color:var(--text-subdued);font-size:14px;font-weight:500;letter-spacing:0.05em}