.post-share,.page-share,.share-container{position:relative;margin:60px 0 40px;padding:40px 32px;background:linear-gradient(145deg,#7cd2ff14,#a3ffb014,#ffbb7c14);backdrop-filter:blur(20px);border:1px solid rgba(124,210,255,.2);border-radius:20px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset;overflow:hidden}.post-share h3,.page-share h3,.share-container h3{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.share-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;position:relative;z-index:1}.share-button{position:relative;background:linear-gradient(145deg,#0b0f14cc,#121821cc);backdrop-filter:blur(10px);color:var(--text);border:1px solid rgba(124,210,255,.3);padding:16px 20px;border-radius:16px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;white-space:nowrap;box-shadow:0 4px 20px #0000004d,0 0 0 1px #ffffff1a inset}.share-button:hover{transform:translateY(-4px) scale(1.02);border-color:#7cd2ffcc;box-shadow:0 12px 40px #0006,0 0 20px #7cd2ff4d,0 0 0 1px #fff3 inset;color:#fff}.enter-button{background:linear-gradient(180deg,var(--accent),#57bff0);color:#041018;border:0;border-radius:var(--radius-3);padding:var(--space-3) var(--space-6);font-weight:700;box-shadow:var(--shadow-1);transition:transform .12s ease,box-shadow .12s ease}.enter-button:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 85%,white)}.enter-button:active{transform:translateY(0)}.project-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:30px;transition:all .3s ease;position:relative;overflow:hidden;opacity:1;transform:none}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));transform:translate(-100%);transition:transform .3s ease}.project-card:hover:before{transform:translate(0)}.project-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 15px 40px #00ff8826,0 5px 20px #0000004d}.project-card:nth-child(2):hover{box-shadow:0 15px 40px #ff6b6b26,0 5px 20px #0000004d}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.project-title{font-size:1.4rem;color:var(--text-primary);margin:10px 0 5px}.project-icon{font-size:2rem;margin-bottom:10px;display:inline-block;animation:gentle-float 3s ease-in-out infinite}.project-card:nth-child(1) .project-icon{animation-delay:0s}.project-card:nth-child(2) .project-icon{animation-delay:1s}.project-card:nth-child(3) .project-icon{animation-delay:2s}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.project-status{background:var(--accent);color:var(--bg-dark);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.project-status.experimental{background:var(--accent-secondary)}.project-description{color:var(--text-secondary);margin-bottom:6px;line-height:1.5}.progress-bar{background:#ffffff1a;height:8px;border-radius:4px;margin:15px 0;overflow:hidden;position:relative}.progress-bar:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,rgba(255,255,255,.05) 10px,transparent 20px);animation:progress-shimmer 3s ease-in-out infinite}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0 0 0 -100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-sweep 2s ease-in-out infinite}@keyframes progress-shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes progress-sweep{0%{left:-100%}to{left:100%}}.project-meta{display:grid;grid-template-columns:1fr;gap:8px;align-items:start;margin-top:10px}.project-meta>span{order:0}.project-meta .audio-ui{order:1;width:100%}.project-card .audio-ui{grid-column:1 / -1}.project-card .audio-time{font-size:.85rem;opacity:.85}.project-card .audio-progress{height:6px}.project-card canvas.waveform-canvas{margin-top:4px}.audio-ui.enhanced{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:16px;background:#0a0c1099;backdrop-filter:saturate(1.2) blur(20px);-webkit-backdrop-filter:saturate(1.2) blur(20px);border:1px solid rgba(124,210,255,.1);border-radius:16px;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff14;transition:all .3s ease;position:relative;overflow:hidden}.audio-ui.enhanced:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7cd2ff08,#a3ffb008,#ff6b6b08);opacity:0;transition:opacity .3s ease;pointer-events:none}.audio-ui.enhanced:hover:before{opacity:1}.audio-ui.enhanced:hover{border-color:#7cd2ff33;transform:translateY(-2px);box-shadow:0 8px 32px #0006,0 0 0 1px #7cd2ff1a,inset 0 1px #ffffff1a}.audio-controls{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;flex:1}.play-button.modern{position:relative;width:56px;height:56px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:#000;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #7cd2ff4d,0 1px 3px #0003;overflow:hidden;z-index:1}.play-button.modern:hover{transform:scale(1.05);box-shadow:0 6px 24px #7cd2ff66,0 2px 8px #0000004d}.play-button.modern:active{transform:scale(.98);transition-duration:.1s}.play-button.modern[data-state=playing]{background:linear-gradient(135deg,var(--accent-secondary) 0%,#ff6b6b 100%);animation:pulse-glow 2s ease-in-out infinite}.play-icon{position:relative;z-index:2;transition:transform .2s ease}.play-button.modern:hover .play-icon{transform:scale(1.1)}.play-ripple{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:scale(0);opacity:0;transition:all .3s ease}.play-button.modern:active .play-ripple{transform:scale(1.2);opacity:1;transition-duration:.1s}.audio-info{display:grid;gap:8px;min-width:0}.track-title{font-weight:600;font-size:1rem;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-progress{display:grid;gap:6px}.time-display{display:flex;justify-content:space-between;font-size:.8rem;color:#ffffffb3;font-variant-numeric:tabular-nums}.progress-bar{position:relative;height:6px;background:#ffffff1a;border-radius:3px;cursor:pointer;transition:height .2s ease}.progress-bar:hover{height:8px}.progress-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));border-radius:3px;transition:width .1s ease}.progress-handle{position:absolute;top:50%;left:0%;transform:translateY(-50%) translate(-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;opacity:0;transition:opacity .2s ease;pointer-events:none}.progress-bar:hover .progress-handle{opacity:1}.waveform-container{position:relative;display:flex;align-items:center;justify-content:center;min-width:180px;height:56px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.waveform-canvas.enhanced{position:relative;z-index:1;border-radius:6px}.waveform-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.frequency-bars{display:flex;align-items:end;justify-content:center;gap:2px;height:32px}.freq-bar{width:3px;height:12px;background:linear-gradient(to top,var(--accent),var(--accent-secondary));border-radius:1.5px;opacity:.3;animation:freq-pulse 1.5s ease-in-out infinite;animation-delay:var(--delay, 0ms)}.audio-actions{display:flex;gap:8px;align-items:center}.action-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:10px;background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.action-button:hover{background:#ffffff1a;color:var(--accent);transform:scale(1.05)}.action-button:active{transform:scale(.98)}@keyframes pulse-glow{0%,to{box-shadow:0 4px 16px #7cd2ff4d,0 1px 3px #0003}50%{box-shadow:0 6px 24px #7cd2ff80,0 2px 8px #0000004d,0 0 20px #7cd2ff33}}@keyframes freq-pulse{0%,to{height:12px;opacity:.3}50%{height:28px;opacity:.8}}@media (max-width: 768px){.audio-ui.enhanced{grid-template-columns:1fr;gap:12px;padding:12px}.audio-controls{gap:12px}.play-button.modern{width:48px;height:48px}.track-title{font-size:.9rem}.waveform-container{min-width:150px;height:48px}.audio-actions{justify-self:center}}@media (max-width: 480px){.audio-ui.enhanced{padding:10px;gap:10px}.play-button.modern{width:44px;height:44px}.action-button{width:36px;height:36px}.waveform-container{min-width:120px;height:40px}.frequency-bars{height:24px}}.equalizer-container{position:fixed;top:0;right:-400px;width:380px;height:100vh;background:#080a0ef2;backdrop-filter:saturate(1.3) blur(20px);-webkit-backdrop-filter:saturate(1.3) blur(20px);border-left:1px solid rgba(124,210,255,.1);box-shadow:-8px 0 32px #0006;transition:right .4s cubic-bezier(.34,1.56,.64,1);z-index:1050;display:grid;grid-template-rows:auto auto 1fr auto;gap:20px;padding:24px;color:#fff;overflow-y:auto}.equalizer-container.active{right:0}.equalizer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.equalizer-header h3{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:600;margin:0;color:#fffffff2}.equalizer-toggle{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease}.equalizer-toggle:hover{background:#ffffff1a;border-color:var(--accent);color:var(--accent)}.equalizer-presets{display:flex;gap:12px;align-items:center}.eq-preset-select{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:8px;padding:10px 12px;font-size:.9rem;cursor:pointer}.eq-preset-select:focus{outline:2px solid var(--accent);outline-offset:2px}.preset-save-btn{background:#7cd2ff1a;border:1px solid rgba(124,210,255,.3);color:var(--accent);border-radius:8px;padding:10px;cursor:pointer;transition:all .2s ease}.preset-save-btn:hover{background:#7cd2ff33;border-color:var(--accent)}.equalizer-bands{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:#ffffff05;border-radius:12px;padding:24px 16px;border:1px solid rgba(255,255,255,.05)}.eq-band{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;padding:8px;border-radius:8px;transition:background-color .2s ease}.eq-band:hover{background:#7cd2ff0d}.eq-label{font-size:.8rem;font-weight:600;color:#ffffffe6;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.eq-knob-container{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}.eq-knob{position:relative;width:60px;height:60px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.eq-input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}.knob-body{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff3,#282828e6 60%,#141414);border:2px solid rgba(255,255,255,.1);position:relative;transition:all .2s ease;box-shadow:0 4px 8px #0006,inset 0 1px 2px #ffffff1a,inset 0 -1px 2px #0000004d}.eq-knob:hover .knob-body{border-color:#7cd2ff66;box-shadow:0 6px 12px #00000080,0 0 0 1px #7cd2ff4d,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0006}.knob-track{position:absolute;top:-4px;left:-4px;width:68px;height:68px;border-radius:50%;background:conic-gradient(from 135deg,rgba(255,107,107,.4) 0deg,rgba(255,193,7,.4) 67.5deg,rgba(76,175,80,.6) 135deg,rgba(255,193,7,.4) 202.5deg,rgba(255,107,107,.4) 270deg,transparent 270deg);mask:radial-gradient(circle,transparent 24px,black 26px,black 30px,transparent 32px);-webkit-mask:radial-gradient(circle,transparent 24px,black 26px,black 30px,transparent 32px);opacity:.6;transition:opacity .2s ease}.eq-knob:hover .knob-track{opacity:.9}.knob-fill{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 135deg,transparent 0deg,var(--accent) 135deg,transparent 136deg);mask:radial-gradient(circle,transparent 24px,black 26px,black 30px,transparent 32px);-webkit-mask:radial-gradient(circle,transparent 24px,black 26px,black 30px,transparent 32px);opacity:.3;transition:all .2s ease;transform-origin:center}.knob-handle{position:absolute;top:6px;left:50%;transform:translate(-50%) rotate(-135deg);transform-origin:center 24px;width:3px;height:16px;background:linear-gradient(to bottom,rgba(255,255,255,.9),var(--accent));border-radius:2px;box-shadow:0 1px 3px #0006;transition:all .2s ease}.eq-knob:hover .knob-handle{background:linear-gradient(to bottom,rgba(255,255,255,1),var(--accent-secondary));box-shadow:0 2px 6px #7cd2ff66}.eq-input:focus+.knob-body{outline:none;border-color:var(--accent);box-shadow:0 6px 12px #00000080,0 0 0 2px var(--accent),inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0006}.eq-value{font-size:.75rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;background:#0006;padding:4px 8px;border-radius:6px;border:1px solid rgba(124,210,255,.2);min-width:45px;text-align:center;backdrop-filter:blur(4px);transition:all .2s ease}.eq-band:hover .eq-value{background:#7cd2ff26;border-color:#7cd2ff66;color:var(--accent);transform:scale(1.05)}.eq-knob:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:2px;height:4px;background:#fff6;border-radius:1px;pointer-events:none;z-index:1}.equalizer-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.eq-reset-btn{display:flex;align-items:center;gap:8px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;border-radius:8px;padding:10px 16px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.eq-reset-btn:hover{background:#ff6b6b33;border-color:#ff6b6b}.eq-master-volume{display:flex;align-items:center;gap:16px;flex:1;background:#ffffff05;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.eq-master-volume label{font-size:.9rem;font-weight:600;color:#ffffffe6;white-space:nowrap;letter-spacing:.3px}.master-volume-slider{flex:1;height:8px;background:linear-gradient(to right,#ffffff1a,#7cd2ff33);border-radius:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;position:relative;transition:all .2s ease;box-shadow:inset 0 1px 3px #0000004d}.master-volume-slider:hover{transform:scaleY(1.2);box-shadow:inset 0 1px 3px #0000004d,0 0 0 2px #7cd2ff33}.master-volume-slider:focus{outline:none;box-shadow:inset 0 1px 3px #0000004d,0 0 0 3px #7cd2ff66}.master-volume-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));cursor:pointer;border:3px solid rgba(255,255,255,.9);box-shadow:0 3px 8px #0000004d,inset 0 1px 1px #ffffff4d;-webkit-transition:all .2s ease;transition:all .2s ease}.master-volume-slider:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 4px 12px #7cd2ff66,0 2px 6px #0000004d,inset 0 1px 1px #fff6;border-color:#fff}.master-volume-slider:active::-webkit-slider-thumb{transform:scale(1.1)}.master-volume-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));cursor:pointer;border:3px solid rgba(255,255,255,.9);box-shadow:0 3px 8px #0000004d,inset 0 1px 1px #ffffff4d;-moz-transition:all .2s ease;transition:all .2s ease}.volume-value{font-size:.8rem;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;min-width:45px;text-align:center;background:#0000004d;padding:4px 8px;border-radius:6px;border:1px solid rgba(124,210,255,.3);backdrop-filter:blur(4px)}.song-share-container{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:1100;padding:20px}.song-share-container.active{display:flex}.song-share-container>div{background:#0c0f14f2;backdrop-filter:saturate(1.2) blur(20px);-webkit-backdrop-filter:saturate(1.2) blur(20px);border:1px solid rgba(124,210,255,.15);border-radius:20px;padding:32px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d;color:#fff}.share-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.share-header h3{margin:0;font-size:1.3rem;font-weight:600}.share-close{background:transparent;border:0;color:#fff9;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.share-close:hover{background:#ff6b6b1a;color:#ff6b6b}.current-track-info{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:24px}.track-title{font-weight:600;font-size:1.1rem;margin-bottom:8px;color:#fffffff2}.track-url{font-size:.85rem;color:#ffffffb3;font-family:monospace;word-break:break-all}.share-section{margin-bottom:24px}.share-section h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:#ffffffe6}.share-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.share-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff0d;color:#ffffffe6;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.share-button:hover{background:#ffffff1a;border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.share-button.twitter:hover{border-color:#1da1f2;color:#1da1f2}.share-button.facebook:hover{border-color:#4267b2;color:#4267b2}.share-button.whatsapp:hover{border-color:#25d366;color:#25d366}.embed-controls{display:grid;gap:16px}.embed-options{display:grid;gap:12px}.embed-option{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#fffc;cursor:pointer}.embed-option input[type=checkbox]{accent-color:var(--accent)}.embed-size{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px;align-items:center;font-size:.9rem}.embed-size input[type=number]{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:6px;padding:6px 8px;width:80px}.qr-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1200}.qr-modal-content{background:#0c0f14f2;border:1px solid rgba(124,210,255,.2);border-radius:16px;padding:24px;text-align:center;color:#fff}.qr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.qr-close{background:transparent;border:0;color:#fff9;font-size:1.1rem;cursor:pointer;padding:4px}.qr-code-container{margin:20px 0}.qr-code-container canvas{border:4px solid rgba(255,255,255,.1);border-radius:12px}@media (max-width: 768px){.equalizer-container{width:100%;right:-100%}.equalizer-bands{grid-template-columns:repeat(2,1fr)}.song-share-container>div{padding:20px;margin:10px}.share-buttons{grid-template-columns:1fr}}.lab-dashboard{padding:60px 0}.experiments{padding:60px 0;background:#ffffff05}.experiments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.experiment-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:20px;transition:all .3s ease;position:relative;opacity:1;transform:none}.experiment-card:hover{border-color:var(--accent-secondary);transform:translateY(-3px);box-shadow:0 8px 25px #ff6b6b1a}.experiment-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:10px}.experiment-type{display:inline-block;font-size:.8rem;color:var(--accent);background:#00ff881a;padding:4px 8px;border-radius:12px;margin-bottom:8px;font-weight:500}.experiment-card h4{color:var(--text-primary);margin:8px 0;font-size:1.1rem}.waveform{height:60px;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;margin:15px 0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:2px;padding:10px}.waveform:before{content:"";position:absolute;inset:0 0 0 -100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.2),transparent);animation:wave 4s infinite;pointer-events:none}.waveform:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--accent) 0%,var(--accent) 100%),linear-gradient(var(--accent-secondary) 0%,var(--accent-secondary) 100%),linear-gradient(var(--accent) 0%,var(--accent) 100%),linear-gradient(var(--accent-secondary) 0%,var(--accent-secondary) 100%),linear-gradient(var(--accent) 0%,var(--accent) 100%),linear-gradient(var(--accent-secondary) 0%,var(--accent-secondary) 100%),linear-gradient(var(--accent) 0%,var(--accent) 100%),linear-gradient(var(--accent-secondary) 0%,var(--accent-secondary) 100%);background-size:3px 20%,3px 60%,3px 35%,3px 80%,3px 45%,3px 25%,3px 70%,3px 15%;background-position:10px center,20px center,30px center,40px center,50px center,60px center,70px center,80px center;background-repeat:no-repeat;animation:waveform-pulse 2s ease-in-out infinite;opacity:.7}@keyframes wave{0%{left:-100%}to{left:100%}}@keyframes waveform-pulse{0%,to{transform:scaleY(1);opacity:.7}50%{transform:scaleY(1.2);opacity:1}}.play-button{background:var(--accent);color:var(--bg-dark);border:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.play-button:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 40%,var(--accent) 70%);opacity:0;transform:scale(0);transition:all .3s ease}.play-button:hover:before{opacity:.3;transform:scale(1.5)}.play-button:hover{transform:scale(1.15);background:var(--accent-secondary);box-shadow:0 0 20px color-mix(in srgb,var(--accent-secondary) 40%,transparent),0 0 40px color-mix(in srgb,var(--accent-secondary) 20%,transparent)}.play-button:active{transform:scale(.95)}.play-button.playing{background:var(--accent-secondary);animation:pulse-play 1.5s ease-in-out infinite}.play-button.playing:after{content:"";position:absolute;width:60px;height:60px;border:2px solid var(--accent-secondary);border-radius:50%;animation:ripple 1.5s ease-out infinite;opacity:0}@keyframes pulse-play{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ripple{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.cinematic-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at center,rgba(124,210,255,.03) 0%,rgba(163,255,176,.02) 40%,transparent 70%)}.cinematic-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(124,210,255,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(163,255,176,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,107,107,.04) 0%,transparent 70%);animation:cinematic-drift 45s ease-in-out infinite;opacity:.7}.cinematic-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(124,210,255,.02) 25%,transparent 50%,rgba(163,255,176,.02) 75%,transparent 100%);animation:cinematic-sweep 60s ease-in-out infinite}.particle-field{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:0;pointer-events:none;will-change:transform,opacity;animation:particle-life 15s linear infinite}.particle.musical-note{width:auto;height:auto;font-size:1.5rem;background:none;color:var(--accent);font-family:Arial Unicode MS,sans-serif}.particle.musical-note:before{content:"♪"}.particle.musical-note:nth-child(3n):before{content:"♫"}.particle.musical-note:nth-child(5n):before{content:"♬"}.particle.musical-note:nth-child(7n):before{content:"♩"}.particle.waveform{width:20px;height:2px;border-radius:1px;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));animation:particle-wave-life 12s ease-in-out infinite}.particle.frequency-bar{width:3px;height:15px;border-radius:1.5px;background:var(--accent-secondary);animation:particle-bar-life 18s ease-in-out infinite}@keyframes particle-life{0%{opacity:0;transform:translateY(100vh) translate(0) scale(.8) rotate(0)}10%{opacity:.8}50%{transform:translateY(50vh) translate(var(--drift, 0px)) scale(1) rotate(180deg)}90%{opacity:.2}to{opacity:0;transform:translateY(-20vh) translate(calc(var(--drift, 0px) * 2)) scale(1.2) rotate(360deg)}}@keyframes particle-wave-life{0%{opacity:0;transform:translateY(100vh) scaleX(.5) rotate(0)}15%{opacity:.6;transform:translateY(80vh) scaleX(1) rotate(5deg)}85%{opacity:.3;transform:translateY(20vh) scaleX(.8) rotate(-5deg)}to{opacity:0;transform:translateY(-10vh) scaleX(.3) rotate(0)}}@keyframes particle-bar-life{0%{opacity:0;transform:translateY(100vh) scaleY(.2) rotate(0)}20%{opacity:.7;transform:translateY(75vh) scaleY(1.5) rotate(3deg)}80%{opacity:.2;transform:translateY(25vh) scaleY(.8) rotate(-3deg)}to{opacity:0;transform:translateY(-15vh) scaleY(.1) rotate(0)}}@keyframes cinematic-drift{0%,to{transform:translate(0) scale(1);filter:hue-rotate(0deg)}25%{transform:translate(10%,5%) scale(1.1);filter:hue-rotate(15deg)}50%{transform:translate(-5%,10%) scale(.95);filter:hue-rotate(30deg)}75%{transform:translate(-10%,-5%) scale(1.05);filter:hue-rotate(15deg)}}@keyframes cinematic-sweep{0%{transform:translate(-100%) skew(-5deg);opacity:0}25%{opacity:.4}50%{transform:translate(0) skew(0);opacity:.6}75%{opacity:.3}to{transform:translate(100%) skew(5deg);opacity:0}}.cinematic-background.audio-playing:before{animation-duration:30s;opacity:1;filter:saturate(1.3) brightness(1.2)}.cinematic-background.audio-playing .particle{animation-duration:8s}.cinematic-background.audio-playing .particle.musical-note{animation-duration:6s;color:var(--accent-secondary);text-shadow:0 0 10px currentColor}.cinematic-background.intensity-low{opacity:.6}.cinematic-background.intensity-medium{opacity:.8;filter:saturate(1.1)}.cinematic-background.intensity-high{opacity:1;filter:saturate(1.3) brightness(1.1)}.cinematic-background.intensity-high:before{animation-duration:20s}.cinematic-background.intensity-high .particle{animation-duration:5s}.cinematic-spotlight{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(124,210,255,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;opacity:0;transition:opacity 2s ease;animation:spotlight-roam 40s ease-in-out infinite}.cinematic-background.dramatic .cinematic-spotlight{opacity:1}@keyframes spotlight-roam{0%,to{transform:translate(-200px,-200px) scale(.8)}25%{transform:translate(calc(100vw - 200px),-100px) scale(1.2)}50%{transform:translate(calc(100vw - 100px),calc(100vh - 200px)) scale(.9)}75%{transform:translate(-100px,calc(100vh - 100px)) scale(1.1)}}.film-grain{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><filter id="grain"><feTurbulence baseFrequency="0.95" numOctaves="3" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><rect width="100%" height="100%" filter="url(%23grain)"/></svg>');animation:grain-dance 8s steps(8) infinite;mix-blend-mode:overlay}@keyframes grain-dance{0%,to{transform:translate(0)}12.5%{transform:translate(-2%,1%)}25%{transform:translate(1%,-1%)}37.5%{transform:translate(-1%,2%)}50%{transform:translate(2%,-2%)}62.5%{transform:translate(-1%,-1%)}75%{transform:translate(1%,1%)}87.5%{transform:translate(-2%,-1%)}}@media (max-width: 768px){.cinematic-background{opacity:.7}.particle{font-size:1.2rem}.cinematic-spotlight{width:300px;height:300px}}@media (prefers-reduced-motion: reduce){.cinematic-background,.particle,.cinematic-spotlight,.film-grain{animation:none!important;transform:none!important}.cinematic-background:before,.cinematic-background:after{animation:none!important}}@keyframes tooltip-float{0%{transform:translateY(-50%) translate(0);opacity:1}50%{transform:translateY(-50%) translate(0);opacity:1}75%{transform:translateY(-45%) translate(-2px);opacity:.8}to{transform:translateY(-50%) translate(0);opacity:1}}.tooltip{position:fixed;z-index:99999;padding:.75rem 1rem;background:linear-gradient(135deg,#0f172af2,#1e293bf2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(124,210,255,.3);border-radius:12px;color:var(--text-primary);font-size:.85rem;font-weight:500;line-height:1.4;max-width:300px;min-width:120px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a inset;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.tooltip.show{opacity:1;visibility:visible;transform:translateY(0);animation:tooltip-float 3s ease-in-out infinite}.tooltip.top:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(15,23,42,.95);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.tooltip.bottom:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(15,23,42,.95);filter:drop-shadow(0 -2px 4px rgba(0,0,0,.2))}.tooltip.note{background:linear-gradient(135deg,#0f172af2,#a3ffb01a);border-color:#a3ffb066;min-width:100px}.tooltip.note:after{content:"🎵";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);animation:note-bounce 1.8s ease-in-out infinite}@keyframes note-bounce{0%,to{transform:translateY(-50%) translate(0) rotate(0)}25%{transform:translateY(-55%) translate(-2px) rotate(-2deg)}75%{transform:translateY(-45%) translate(2px) rotate(2deg)}}.tooltip.nav{background:#0f172afa;border-color:#7cd2ff4d}.tooltip.nav:after{content:"→";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--accent);font-size:1rem;animation:nav-arrow 2s ease-in-out infinite}@keyframes nav-arrow{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(3px)}}.tooltip-title{font-weight:600;color:var(--accent);margin-bottom:.25rem;font-size:.9rem}.tooltip-description{color:var(--text-secondary);font-size:.8rem;margin-bottom:.5rem}.tooltip-shortcut{color:var(--text-tertiary);font-size:.75rem;font-style:italic}.tooltip-frequency{color:var(--accent-secondary);font-size:.75rem;font-family:Courier New,monospace;margin-top:.25rem}.tooltip.multi-line{white-space:normal;max-width:320px}.tooltip-trigger{position:relative;cursor:help}.tooltip.drum{background:linear-gradient(135deg,#0f172af2,#ff6b6b1a);border-color:#ff6b6b66}.tooltip.drum:after{content:"🥁";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);animation:drum-beat 1.2s ease-in-out infinite}@keyframes drum-beat{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}.tooltip.audio{background:linear-gradient(135deg,#0f172af2,#7cd2ff1a);border-color:#7cd2ff4d}.tooltip.audio.playing{border-color:var(--accent-secondary);box-shadow:0 8px 32px #a3ffb04d}.tooltip.audio:after{content:"🎵";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);animation:audio-pulse 1.6s ease-in-out infinite}@keyframes audio-pulse{0%,to{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.15);opacity:.8}}@media (max-width: 768px){.tooltip{max-width:240px;min-width:100px;padding:.6rem .8rem;font-size:.8rem;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.tooltip.multi-line{max-width:280px}.tooltip:after{font-size:1rem!important}}@media (max-width: 480px){.tooltip{max-width:200px;min-width:90px;padding:.5rem .7rem;font-size:.75rem}}@media (prefers-reduced-motion: reduce){.tooltip:after{animation:none!important}.tooltip{transition:opacity .2s ease,visibility .2s ease!important;transform:none!important}}#audio-equalizer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90vw;max-width:600px;max-height:80vh;z-index:1003;background:#0b0f14f2;border:1px solid rgba(124,210,255,.3);border-radius:16px;backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(124,210,255,.3) transparent}#audio-equalizer.active{opacity:1;visibility:visible;pointer-events:all;transform:translate(-50%,-50%) scale(1)}#audio-equalizer:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;backdrop-filter:blur(4px);z-index:-1;opacity:0;transition:opacity .3s ease}#audio-equalizer.active:before{opacity:1}#song-share{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90vw;max-width:500px;max-height:80vh;z-index:1004;background:#0b0f14f2;border:1px solid rgba(124,210,255,.3);border-radius:16px;backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(124,210,255,.3) transparent}#song-share.active{opacity:1;visibility:visible;pointer-events:all;transform:translate(-50%,-50%) scale(1)}#song-share:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;backdrop-filter:blur(4px);z-index:-1;opacity:0;transition:opacity .3s ease}#song-share.active:before{opacity:1}.equalizer-header .header-controls{display:flex;align-items:center;gap:.75rem}.equalizer-toggle,.eq-close{width:36px;height:36px;border:none;border-radius:50%;background:#ffffff14;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(255,255,255,.1)}.equalizer-toggle:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,transparent,rgba(124,210,255,.1));opacity:0;transition:opacity .2s ease}.equalizer-toggle:hover{background:#7cd2ff26;color:var(--accent);transform:scale(1.1);border-color:#7cd2ff4d;box-shadow:0 4px 12px #7cd2ff33}.equalizer-toggle:hover:before{opacity:1}.eq-close:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,transparent,rgba(255,107,107,.1));opacity:0;transition:opacity .2s ease}.eq-close:hover{background:#ff6b6b26;color:#ff6b6b;transform:scale(1.1);border-color:#ff6b6b4d;box-shadow:0 4px 12px #ff6b6b33}.eq-close:hover:before{opacity:1}.equalizer-toggle:active,.eq-close:active{transform:scale(1.05)}.song-share-container{padding:0;display:flex;flex-direction:column;height:100%;max-height:80vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.share-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(124,210,255,.15);background:#7cd2ff0d;border-radius:16px 16px 0 0;position:sticky;top:0;z-index:10}.share-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.share-close{width:36px;height:36px;border:none;border-radius:50%;background:#ff6b6b1a;color:#ff6b6b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.share-close:hover{background:#ff6b6b33;transform:scale(1.1)}.share-content{flex:1;overflow-y:auto;padding:1.5rem 2rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.current-track-info{background:#7cd2ff14;border:1px solid rgba(124,210,255,.15);border-radius:12px;padding:1rem 1.25rem;text-align:center}.track-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4}.track-url{font-size:.85rem;color:var(--text-secondary);font-family:SF Mono,Monaco,Consolas,monospace;background:#0003;padding:.25rem .5rem;border-radius:4px;word-break:break-all;display:inline-block;max-width:100%}.share-options{display:flex;flex-direction:column;gap:1.5rem}.share-section{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem}.share-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.section-icon{font-size:1.1rem}.share-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.social-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.quick-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}.share-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0d;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:44px}.share-button:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.share-button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border-color:var(--accent);color:var(--bg);font-weight:600}.share-button.primary:hover{background:linear-gradient(135deg,var(--accent-secondary),var(--accent));transform:translateY(-2px);box-shadow:0 6px 20px #7cd2ff40}.share-button.twitter:hover{background:#1da1f2;border-color:#1da1f2;color:#fff}.share-button.facebook:hover{background:#4267b2;border-color:#4267b2;color:#fff}.share-button.whatsapp:hover{background:#25d366;border-color:#25d366;color:#fff}.embed-controls{display:flex;flex-direction:column;gap:1rem}.embed-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.embed-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-secondary);font-size:.9rem;position:relative}.embed-option input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkmark{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:4px;position:relative;transition:all .2s ease}.embed-option input:checked~.checkmark{background:var(--accent);border-color:var(--accent)}.embed-option input:checked~.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--bg);font-size:12px;font-weight:700}.embed-option input:checked~.label-text{color:var(--text-primary)}.embed-size-controls{grid-column:1 / -1;display:flex;gap:1rem}.size-input{flex:1;display:flex;flex-direction:column;gap:.25rem}.size-input label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.size-input input{padding:.5rem .75rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0d;color:var(--text-primary);font-size:.9rem}.size-input input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.qr-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.qr-modal-content{background:var(--bg-secondary);border:1px solid rgba(124,210,255,.2);border-radius:16px;padding:2rem;text-align:center;max-width:320px;width:90vw}.qr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.qr-header h4{margin:0;color:var(--text-primary);font-size:1.1rem}.qr-close{width:28px;height:28px;border:none;border-radius:50%;background:#ff6b6b1a;color:#ff6b6b;cursor:pointer;font-size:1.2rem}.qr-code-container{margin-bottom:1.5rem}.qr-code-container canvas{border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:.75rem}.qr-code-container p{color:var(--text-secondary);font-size:.85rem;margin:0}@media (max-width: 768px){.equalizer-bands{grid-template-columns:repeat(2,1fr);gap:16px;padding:20px 12px}.eq-knob,.knob-body{width:54px;height:54px}.knob-track{width:62px;height:62px;top:-4px;left:-4px}.knob-handle{height:14px;transform-origin:center 21px}.eq-master-volume{flex-direction:column;gap:12px;text-align:center}.master-volume-slider{width:100%}}@media (max-width: 480px){.equalizer-bands{grid-template-columns:1fr 1fr 1fr;gap:12px;padding:16px 8px}.eq-band{gap:8px;padding:6px}.eq-knob,.knob-body{width:48px;height:48px}.knob-track{width:56px;height:56px;top:-4px;left:-4px;mask:radial-gradient(circle,transparent 20px,black 22px,black 26px,transparent 28px);-webkit-mask:radial-gradient(circle,transparent 20px,black 22px,black 26px,transparent 28px)}.knob-fill{mask:radial-gradient(circle,transparent 20px,black 22px,black 26px,transparent 28px);-webkit-mask:radial-gradient(circle,transparent 20px,black 22px,black 26px,transparent 28px)}.knob-handle{height:12px;width:2px;transform-origin:center 18px}.eq-label{font-size:.7rem}.eq-value{font-size:.7rem;padding:2px 6px;min-width:40px}}@media (max-width: 768px){#audio-equalizer,#song-share{width:95vw;max-height:85vh;border-radius:12px}.share-header{padding:1rem 1.5rem}.share-header h3{font-size:1.1rem}.share-content{padding:1rem 1.5rem 1.5rem;gap:1.25rem}.social-buttons,.quick-buttons{grid-template-columns:1fr}.embed-options-grid{grid-template-columns:1fr;gap:.75rem}.embed-size-controls{grid-column:1}.share-button{padding:.875rem 1rem;font-size:.95rem}}@media (max-width: 480px){.share-header{padding:.875rem 1.25rem}.share-content{padding:.875rem 1.25rem 1.25rem}.share-section{padding:1rem}.track-title{font-size:1rem}.share-button{min-height:48px}}.floating-help-btn{position:fixed;top:50%;right:2rem;transform:translateY(-50%);z-index:1000;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:var(--bg);border:none;border-radius:50px;box-shadow:0 4px 20px #7cd2ff4d;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.floating-help-btn:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 8px 30px #7cd2ff66;background:linear-gradient(135deg,var(--accent-secondary),var(--accent))}.floating-help-btn .help-icon{font-size:1.1rem}.floating-help-btn .help-text{font-size:.85rem}.help-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;backdrop-filter:blur(4px);z-index:1001;opacity:0;visibility:hidden;transition:all .3s ease}.help-overlay.active{opacity:1;visibility:visible}.help-panel{position:fixed;top:0;right:0;width:400px;height:100vh;z-index:1002;background:#0b0f14f2;border-left:1px solid rgba(124,210,255,.2);backdrop-filter:blur(20px);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.help-panel.active{transform:translate(0)}.help-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#7cd2ff0d}.help-panel-header h3{margin:0;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.help-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:var(--text-primary);font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.help-close-btn:hover{background:#ff6b6b33;color:#ff6b6b;transform:scale(1.1)}.help-panel-content{flex:1;overflow-y:auto;padding:1.5rem 2rem 2rem;scrollbar-width:thin;scrollbar-color:rgba(124,210,255,.3) transparent}.help-panel-content::-webkit-scrollbar{width:6px}.help-panel-content::-webkit-scrollbar-track{background:transparent}.help-panel-content::-webkit-scrollbar-thumb{background:#7cd2ff4d;border-radius:3px}.help-panel-content::-webkit-scrollbar-thumb:hover{background:#7cd2ff80}.help-section-item{margin-bottom:2rem}.help-section-item h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.help-section-item p{margin:0 0 .75rem;color:var(--text-secondary);line-height:1.6;font-size:.9rem}.help-section-item ul{margin:0;padding-left:1.25rem;color:var(--text-secondary)}.help-section-item li{margin-bottom:.5rem;line-height:1.5;font-size:.85rem}.help-section-item strong{color:var(--accent);font-weight:600}.example-chords{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.75rem}.example-chord{padding:.75rem;background:#7cd2ff1a;border:1px solid rgba(124,210,255,.3);border-radius:var(--radius-2);color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .2s ease;text-align:center}.example-chord:hover{background:#7cd2ff33;transform:translateY(-2px);box-shadow:0 4px 15px #7cd2ff4d}.example-chord strong{display:block;margin-bottom:.25rem;font-weight:600;color:var(--accent)}.example-progressions{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.example-progression{padding:.75rem;background:#a3ffb01a;border:1px solid rgba(163,255,176,.3);border-radius:var(--radius-2);color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .2s ease;text-align:center}.example-progression:hover{background:#a3ffb033;transform:translateY(-1px);box-shadow:0 3px 12px #a3ffb04d}.example-progression strong{display:block;margin-bottom:.25rem;font-weight:600;color:var(--accent-secondary)}@media (max-width: 768px){.help-panel{width:100vw;transform:translate(100%)}.floating-help-btn{right:1rem;padding:.6rem .8rem}.floating-help-btn .help-text{display:none}.help-panel-content{padding:1rem 1.5rem}.example-chords{grid-template-columns:1fr}}@media (max-width: 480px){.help-panel-header{padding:1rem 1.5rem}.help-panel-content{padding:1rem}}.post-share,.page-share,.share-container{position:relative;margin:40px auto 30px;padding:24px;max-width:600px;background:linear-gradient(145deg,#7cd2ff0f,#a3ffb00f,#ffbb7c0f);backdrop-filter:blur(20px);border:1px solid rgba(124,210,255,.15);border-radius:16px;box-shadow:0 4px 20px #00000040,0 0 0 1px #ffffff08 inset,0 1px #ffffff14 inset;overflow:hidden}.post-share:before,.page-share:before,.share-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,210,255,.1) 0%,transparent 30%,transparent 70%,rgba(163,255,176,.1) 100%);opacity:0;transition:opacity .6s ease;pointer-events:none}.post-share:hover:before,.page-share:hover:before,.share-container:hover:before{opacity:1}.post-share h3,.page-share h3,.share-container h3{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1;text-align:center;justify-content:center}.post-share h3:before,.page-share h3:before,.share-container h3:before{content:"🚀";font-size:1.2em;filter:drop-shadow(0 0 8px rgba(124,210,255,.4));animation:shareIconFloat 3s ease-in-out infinite}@keyframes shareIconFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-3px) rotate(2deg)}66%{transform:translateY(1px) rotate(-1deg)}}.share-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;position:relative;z-index:1}.share-button{position:relative;background:linear-gradient(145deg,#0b0f14b3,#121821b3);backdrop-filter:blur(10px);color:var(--text);border:1px solid rgba(124,210,255,.25);padding:12px 16px;border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:500;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;white-space:nowrap;box-shadow:0 2px 12px #0003,0 0 0 1px #ffffff14 inset}.share-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,210,255,.2),transparent);transition:left .6s ease}.share-button:hover:before{left:100%}.share-button:after{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#7cd2ff99,#a3ffb099,#ffbb7c99);border-radius:16px;opacity:0;z-index:-1;transition:opacity .3s ease;filter:blur(8px)}.share-button:hover:after{opacity:.7}.share-button:hover{transform:translateY(-2px) scale(1.01);border-color:#7cd2ff99;box-shadow:0 6px 25px #0000004d,0 0 15px #7cd2ff33,0 0 0 1px #ffffff26 inset;color:#fff}.share-button:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.share-button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#0b0f144d;border-color:#7cd2ff1a}.share-button:disabled:after{opacity:0}.share-button[data-platform=twitter]{--brand-color: #1da1f2;--brand-color-rgb: 29, 161, 242}.share-button[data-platform=facebook]{--brand-color: #1877f2;--brand-color-rgb: 24, 119, 242}.share-button[data-platform=linkedin]{--brand-color: #0a66c2;--brand-color-rgb: 10, 102, 194}.share-button[data-platform]:hover{border-color:var(--brand-color);box-shadow:0 12px 40px #0006,0 0 20px rgba(var(--brand-color-rgb),.4),0 0 0 1px #fff3 inset}.share-button[data-platform]:hover:after{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.3),rgba(var(--brand-color-rgb),.6),rgba(var(--brand-color-rgb),.3))}.share-button[data-action=share]{background:linear-gradient(145deg,#7cd2ff26,#a3ffb026)}.share-button[data-action=copy]{background:linear-gradient(145deg,#ffbb7c26,#ff6b6b26)}.share-button.copied{background:linear-gradient(145deg,#a3ffb04d,#7cd2ff4d);border-color:#a3ffb0cc;color:#fff;transform:scale(.95)}.share-button.copied:after{background:linear-gradient(135deg,#a3ffb080,#7cd2ff80);opacity:1}@keyframes successPulse{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(.95)}}.share-button.success-pulse{animation:successPulse .6s ease}@media (max-width: 768px){.post-share,.page-share,.share-container{margin:40px 0 30px;padding:30px 24px;border-radius:16px}.share-buttons{grid-template-columns:1fr 1fr;gap:12px}.share-button{padding:14px 16px;font-size:.9rem;border-radius:12px;min-height:50px}.post-share h3,.page-share h3,.share-container h3{font-size:1.25rem;margin-bottom:20px}.post-share h3:before,.page-share h3:before,.share-container h3:before{font-size:1.1em}}@media (max-width: 480px){.share-buttons{grid-template-columns:1fr;gap:12px}.share-button{min-height:48px;font-size:.95rem}}.share-button.loading{pointer-events:none}.share-button.loading:before{background:linear-gradient(90deg,transparent,rgba(124,210,255,.4),transparent);animation:loadingShimmer 1.5s infinite}@keyframes loadingShimmer{0%{left:-100%}to{left:100%}}@media (prefers-reduced-motion: reduce){.cinematic-background,.particle,.cinematic-spotlight,.film-grain{animation:none!important;transform:none!important}.cinematic-background:before,.cinematic-background:after{animation:none!important}.floating-help-btn,.help-panel,.help-overlay{transition:none!important;transform:none!important}.share-button,.share-button:before,.share-button:after,.post-share:before,.page-share:before,.share-container:before{animation:none!important;transition:none!important}.share-button:hover{transform:none!important}}