:root{--green: #14F195;--purple: #9945FF;--teal: #00D4FF;--amber: #FFAA00;--red: #FF4060;--nvidia: #76B900;--orange: #FF6B35;--bg: #020208;--bg-2: #0A0A14;--bg-3: #12121E;--bg-card: #0D0D1A;--border: rgba(153, 69, 255, .15);--border-hover: rgba(20, 241, 149, .3);--text: #E2E8F0;--text-dim: #556680;--text-muted: #7A8BA0;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 12px;--radius-lg: 20px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--green);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--teal)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#020208d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);transition:background var(--transition)}.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-brand{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:700;font-size:1.1rem}.nav-logo{font-size:1.4rem}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:var(--text-muted);font-size:.875rem;font-weight:500;transition:color var(--transition);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--green);transition:width var(--transition)}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{width:100%}.nav-github{display:flex!important;align-items:center;padding:6px 12px;border:1px solid var(--border);border-radius:8px;transition:all var(--transition)!important}.nav-github:hover{border-color:var(--green)!important;background:#14f1951a}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{width:22px;height:2px;background:var(--text);border-radius:2px;transition:all var(--transition)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px 60px;overflow:hidden}.hero-bg{position:absolute;inset:0;pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(153,69,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(153,69,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 30%,transparent 100%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4}.hero-glow-1{width:600px;height:600px;background:radial-gradient(circle,rgba(20,241,149,.15),transparent 70%);top:-10%;left:-10%;animation:float 8s ease-in-out infinite}.hero-glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(153,69,255,.12),transparent 70%);bottom:-10%;right:-10%;animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.hero-content{text-align:center;position:relative;z-index:2;max-width:800px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#14f19514;border:1px solid rgba(20,241,149,.2);border-radius:100px;font-size:.8rem;font-weight:500;color:var(--green);margin-bottom:24px}.badge-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #14f19566}50%{opacity:.7;box-shadow:0 0 0 8px #14f19500}}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;margin-bottom:8px}.hero-title-line{display:block}.hero-title-sub{font-size:clamp(1.8rem,4vw,3rem);font-weight:600;color:var(--teal);letter-spacing:.02em}.text-gradient-green{background:linear-gradient(135deg,var(--green),#00E67A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,var(--purple),#B266FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.15rem;color:var(--text-muted);max-width:600px;margin:16px auto 40px;line-height:1.8}.hero-subtitle strong{color:var(--text);font-weight:600}.hero-stats{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:40px;flex-wrap:wrap}.stat{text-align:center}.stat-value{display:block;font-size:2.2rem;font-weight:800;color:var(--text);font-family:var(--font-mono);line-height:1.2}.stat-unit{font-size:.9rem;font-weight:500;color:var(--green)}.stat-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.stat-divider{width:1px;height:40px;background:var(--border)}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:10px;font-weight:600;font-size:.95rem;transition:all var(--transition);cursor:pointer;border:none;font-family:var(--font-sans)}.btn-primary{background:linear-gradient(135deg,var(--green),#00B86B);color:#000;box-shadow:0 4px 20px #14f19540}.btn-primary:hover{color:#000;transform:translateY(-2px);box-shadow:0 8px 30px #14f19559}.btn-secondary{background:#9945ff1a;color:var(--purple);border:1px solid rgba(153,69,255,.3)}.btn-secondary:hover{color:var(--purple);background:#9945ff33;border-color:var(--purple);transform:translateY(-2px)}.btn-lg{padding:14px 32px;font-size:1rem}.hero-terminal{margin-top:60px;width:100%;max-width:720px;position:relative;z-index:2}.terminal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #9945ff0d}.terminal-header{display:flex;align-items:center;padding:12px 16px;background:#ffffff05;border-bottom:1px solid var(--border)}.terminal-dots{display:flex;gap:6px;margin-right:16px}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ff5f57}.dot-yellow{background:#ffbd2e}.dot-green{background:#28ca42}.terminal-title{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim)}.terminal-body{padding:16px 20px;font-family:var(--font-mono);font-size:.8rem;line-height:1.7;min-height:180px;max-height:340px;overflow-y:auto}.terminal-body pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.terminal-sm{box-shadow:none}.terminal-sm .terminal-body{min-height:auto;max-height:none}.t-green{color:var(--green)}.t-purple{color:var(--purple)}.t-teal{color:var(--teal)}.t-amber{color:var(--amber)}.t-red{color:var(--red)}.t-dim{color:var(--text-dim)}.section{padding:100px 0;position:relative}.section-dark{background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-header{text-align:center;margin-bottom:60px}.section-tag{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--purple);margin-bottom:12px;padding:4px 14px;background:#9945ff1a;border-radius:100px;border:1px solid rgba(153,69,255,.2)}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.section-desc{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:all var(--transition);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--icon-color, var(--green)),transparent);opacity:0;transition:opacity var(--transition)}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.feature-card:hover:before{opacity:1}.feature-icon{font-size:2rem;margin-bottom:16px;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#ffffff08;border-radius:12px;border:1px solid var(--border)}.feature-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--text)}.feature-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.arch-diagram{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;margin-bottom:40px;overflow-x:auto}.arch-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.arch-row-bottom{margin-top:30px;gap:16px}.arch-node{padding:16px 24px;border-radius:var(--radius);border:1px solid;text-align:center;min-width:160px;transition:all var(--transition)}.arch-node:hover{transform:scale(1.05)}.arch-observe{border-color:var(--green);background:#14f1950d}.arch-orient{border-color:var(--teal);background:#00d4ff0d}.arch-decide{border-color:var(--purple);background:#9945ff0d}.arch-act{border-color:var(--amber);background:#ffaa000d}.arch-learn{border-color:var(--purple);background:#9945ff0d}.arch-pet{border-color:var(--green);background:#14f1950d}.arch-hw{border-color:var(--teal);background:#00d4ff0d}.arch-x402{border-color:var(--orange);background:#ff6b350d}.arch-label{display:block;font-weight:700;font-size:.85rem;letter-spacing:.05em;margin-bottom:4px}.arch-detail{display:block;font-size:.7rem;color:var(--text-dim);font-family:var(--font-mono)}.arch-arrow{font-size:1.5rem;color:var(--purple);font-weight:300}.arch-connector{display:flex;justify-content:center;height:30px;margin:10px 0}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stack-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all var(--transition)}.stack-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.stack-icon{font-size:1.5rem;margin-bottom:12px}.stack-card h4{font-size:1rem;font-weight:700;margin-bottom:12px}.stack-card ul{list-style:none}.stack-card li{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.85rem;color:var(--text-muted)}.stack-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.stack-dot.green{background:var(--green)}.stack-dot.purple{background:var(--purple)}.stack-dot.teal{background:var(--teal)}.hardware-showcase{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.hw-sensors{display:flex;flex-direction:column;gap:12px}.hw-sensor{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);cursor:default}.hw-sensor:hover{border-color:var(--sensor-color, var(--green));transform:translate(4px);box-shadow:-4px 0 20px rgba(var(--sensor-color, 20, 241, 149),.1)}.hw-sensor-icon{font-size:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:10px;flex-shrink:0}.hw-sensor-info h4{font-size:.9rem;font-weight:600;margin-bottom:2px}.hw-addr{font-family:var(--font-mono);font-size:.7rem;color:var(--purple);background:#9945ff1a;padding:1px 6px;border-radius:4px;margin-left:6px}.hw-sensor-info p{font-size:.75rem;color:var(--text-dim);margin-bottom:2px}.hw-use{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.hw-platforms h3{font-size:1.2rem;font-weight:700;margin-bottom:16px}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.platform-card{padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:all var(--transition)}.platform-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.platform-icon{font-size:2rem;margin-bottom:8px}.platform-card h4{font-size:.9rem;font-weight:600;margin-bottom:8px}.platform-card code{font-family:var(--font-mono);font-size:.7rem;color:var(--green);background:#14f19514;padding:3px 8px;border-radius:4px}.pet-showcase{display:flex;flex-direction:column;gap:40px}.pet-stages{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.pet-stage{text-align:center;padding:16px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);min-width:100px;transition:all var(--transition)}.pet-stage.active{border-color:var(--green);background:#14f19514;box-shadow:0 0 20px #14f1951a}.pet-emoji{font-size:2rem;display:block;margin-bottom:6px}.pet-name{font-weight:700;font-size:.85rem;display:block;margin-bottom:2px}.pet-req{font-size:.7rem;color:var(--text-dim);display:block}.pet-arrow{font-size:1.5rem;color:var(--purple)}.pet-terminal{max-width:500px;margin:0 auto}.mood-grid{text-align:center}.mood-grid h3{font-size:1.2rem;font-weight:700;margin-bottom:16px}.moods{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:12px}.mood{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;font-size:.85rem;transition:all var(--transition)}.mood.active{border-color:var(--teal);background:#00d4ff1a}.mood-desc{font-size:.85rem;color:var(--text-dim)}.x402-flow{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:40px;flex-wrap:wrap}.flow-step{text-align:center;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-width:160px;transition:all var(--transition)}.flow-step:hover{transform:translateY(-4px);border-color:var(--border-hover)}.flow-step-main{border-color:var(--green);background:#14f1950d}.flow-icon{font-size:2rem;margin-bottom:8px}.flow-label{font-weight:700;font-size:.9rem;margin-bottom:4px}.flow-desc{font-size:.75rem;color:var(--text-dim)}.flow-connector{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 12px}.flow-line{width:60px;height:2px;background:linear-gradient(90deg,var(--purple),var(--green))}.flow-amount{font-family:var(--font-mono);font-size:.65rem;color:var(--amber)}.x402-chains{text-align:center;margin-bottom:40px}.x402-chains h3{font-size:1.2rem;font-weight:700;margin-bottom:16px}.chain-grid{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.chain{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;font-size:.9rem;font-weight:600;transition:all var(--transition)}.chain.active{border-color:var(--green);background:#14f19514}.x402-endpoints{max-width:500px;margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:60px}.step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all var(--transition)}.step-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.step-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green),#00B86B);color:#000;font-weight:800;font-size:.9rem;border-radius:8px;margin-bottom:12px}.step-card h3{font-size:1.1rem;font-weight:700;margin-bottom:12px}.cta-section{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#14f1950d,#9945ff0d);border:1px solid var(--border);border-radius:var(--radius-lg)}.cta-section h3{font-size:1.8rem;font-weight:800;margin-bottom:24px}.cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.footer{padding:40px 0;border-top:1px solid var(--border);background:var(--bg)}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1rem}.footer-logo{font-size:1.4rem}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-dim);font-size:.85rem;transition:color var(--transition)}.footer-links a:hover{color:var(--green)}.footer-copy{font-size:.75rem;color:var(--text-dim)}.animate-in{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}.delay-4{animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}[data-animate]{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}[data-animate].visible{opacity:1;transform:translateY(0)}.cursor{display:inline-block;width:8px;height:16px;background:var(--green);animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:flex}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:#020208f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 24px;gap:16px;border-bottom:1px solid var(--border)}.hero{padding:100px 16px 40px}.hero-stats{gap:16px}.stat-value{font-size:1.8rem}.stat-divider{display:none}.features-grid,.hardware-showcase{grid-template-columns:1fr}.arch-row{flex-direction:column;gap:12px}.arch-row-bottom{flex-direction:column}.arch-arrow{transform:rotate(90deg)}.arch-connector{display:none}.pet-stages{flex-direction:column}.pet-arrow{transform:rotate(90deg)}.x402-flow{flex-direction:column}.flow-line{width:2px;height:30px}.flow-connector{padding:8px 0}.steps-grid,.platform-grid{grid-template-columns:1fr}.section{padding:60px 0}}@media(max-width:480px){.hero-badge{font-size:.7rem}}body{padding-bottom:72px}.music-player{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#020208e0;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid rgba(153,69,255,.2);box-shadow:0 -4px 30px #00000080,0 -1px #14f1950f}.player-inner{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:16px}.player-btn{background:none;border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.player-play{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--green),#00B86B);color:#000;flex-shrink:0;box-shadow:0 0 16px #14f1954d}.player-play:hover{transform:scale(1.08);box-shadow:0 0 24px #14f19580}.player-play:active{transform:scale(.96)}.player-skip{color:var(--text-dim);padding:6px;border-radius:50%;flex-shrink:0}.player-skip:hover{color:var(--green);background:#14f19514}.player-info{display:flex;flex-direction:column;min-width:110px;flex-shrink:0}.player-title{font-size:.8rem;font-weight:700;color:var(--text);letter-spacing:.02em}.player-track{font-size:.65rem;color:var(--text-dim);font-family:var(--font-mono)}.player-waveform{display:flex;align-items:center;gap:2px;height:28px;flex-shrink:0}.player-waveform span{display:block;width:3px;height:4px;background:var(--purple);border-radius:2px;transition:height .15s ease;opacity:.3}.player-waveform.playing span{opacity:1;animation:waveform .8s ease-in-out infinite alternate}.player-waveform.playing span:nth-child(1){animation-delay:0s}.player-waveform.playing span:nth-child(2){animation-delay:.05s}.player-waveform.playing span:nth-child(3){animation-delay:.1s}.player-waveform.playing span:nth-child(4){animation-delay:.15s}.player-waveform.playing span:nth-child(5){animation-delay:.2s}.player-waveform.playing span:nth-child(6){animation-delay:.25s}.player-waveform.playing span:nth-child(7){animation-delay:.3s}.player-waveform.playing span:nth-child(8){animation-delay:.35s}.player-waveform.playing span:nth-child(9){animation-delay:.4s}.player-waveform.playing span:nth-child(10){animation-delay:.45s}.player-waveform.playing span:nth-child(11){animation-delay:.5s}.player-waveform.playing span:nth-child(12){animation-delay:.55s}.player-waveform.playing span:nth-child(13){animation-delay:.6s}.player-waveform.playing span:nth-child(14){animation-delay:.65s}.player-waveform.playing span:nth-child(15){animation-delay:.7s}.player-waveform.playing span:nth-child(16){animation-delay:.75s}.player-waveform.playing span:nth-child(17){animation-delay:.8s}.player-waveform.playing span:nth-child(18){animation-delay:.85s}.player-waveform.playing span:nth-child(19){animation-delay:.9s}.player-waveform.playing span:nth-child(20){animation-delay:.95s}@keyframes waveform{0%{height:4px;background:var(--purple)}25%{height:18px;background:var(--green)}50%{height:10px;background:var(--teal)}75%{height:24px;background:var(--purple)}to{height:6px;background:var(--green)}}.player-progress-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.player-time,.player-duration{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);min-width:34px;text-align:center;flex-shrink:0}.player-progress{flex:1;height:4px;background:#ffffff14;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;transition:height .15s ease}.player-progress:hover{height:6px}.player-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--green),var(--purple));border-radius:4px;position:relative;transition:none}.player-progress-bar:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:10px;height:10px;background:var(--green);border-radius:50%;opacity:0;transition:opacity .15s ease;box-shadow:0 0 8px #14f19580}.player-progress:hover .player-progress-bar:after{opacity:1}.player-volume-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0}.player-vol-btn{color:var(--text-dim);padding:4px}.player-vol-btn:hover{color:var(--green)}.player-volume{-webkit-appearance:none;appearance:none;width:70px;height:4px;background:#ffffff14;border-radius:4px;outline:none;cursor:pointer}.player-volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--green);border-radius:50%;cursor:pointer;box-shadow:0 0 6px #14f19566}.player-volume::-moz-range-thumb{width:12px;height:12px;background:var(--green);border-radius:50%;border:none;cursor:pointer;box-shadow:0 0 6px #14f19566}@media(max-width:768px){.player-waveform,.player-volume-wrap{display:none}.player-inner{padding:10px 16px;gap:10px}.player-info{min-width:80px}body{padding-bottom:64px}}@media(max-width:480px){.player-info .player-track{display:none}}