@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;min-height:100dvh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(max-width:768px){:root{font-size:14px}body{padding:0;overflow-x:hidden;width:100%}h1{font-size:2em}}:root{--bg-dark: #0f172a;--bg-panel: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-success: #10b981;--accent-error: #ef4444;--accent-gold: #ffd700;--glass: rgba(30, 41, 59, .7)}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-container{display:flex;height:100vh;height:100dvh;overflow:hidden;position:relative}.sidebar{width:300px;background:var(--bg-panel);border-right:1px solid rgba(255,255,255,.1);padding:20px;overflow-y:auto;display:flex;flex-direction:column;height:100%;transition:transform .3s ease;z-index:100}.main-content{flex:1;padding:40px;overflow-y:auto;position:relative;width:100%;min-width:0}.mobile-menu-btn{display:none;position:fixed;top:15px;left:15px;z-index:200;background:var(--bg-panel);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;color:var(--text-primary);cursor:pointer;box-shadow:0 4px 6px #0000004d}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.app-container{flex-direction:column}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:0;left:0;bottom:0;width:80%;max-width:300px;transform:translate(-100%);box-shadow:4px 0 15px #00000080}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-content{padding:60px 15px 20px;width:100%;max-width:100vw;overflow-x:hidden}.sidebar-header h1{font-size:1.5rem;margin-top:40px}.dashboard-layout{grid-template-columns:1fr!important;gap:20px!important}.stats-grid{grid-template-columns:1fr!important}.dictionary-layout{flex-direction:column!important}.sidebar-region{flex:none!important;width:100%!important;border-right:none!important;border-bottom:1px solid var(--border-color);margin-bottom:20px}.quiz-player-layout{display:flex;flex-direction:column}iframe{max-width:100%}.worksheet-report>div:nth-child(2){grid-template-columns:1fr!important}.expert-quote{background:#ffd7001a!important;border-left:4px solid var(--accent-gold)!important}.exam-player-container{flex-direction:column!important}.exam-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid #333!important;max-height:250px;flex:none!important}.exam-audio-bar{flex-direction:column!important;align-items:stretch!important;padding:15px!important;gap:15px}.exam-audio-controls{min-width:0!important;width:100%!important}.exam-question-header{flex-direction:column!important;align-items:flex-start!important;gap:5px}.exam-question-header h2{font-size:1.5rem!important}.exam-asset-item{flex-direction:column!important;align-items:stretch!important;gap:15px}.exam-asset-info{flex-direction:column!important;align-items:flex-start!important}.exam-asset-audio{width:100%!important}.exam-results-grid{grid-template-columns:1fr!important}}.nav-section{margin-bottom:1.5rem}.nav-section h2{font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:.5rem}.nav-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text-primary);padding:10px;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.nav-item:hover{background:#ffffff0d}.nav-item.active{background:linear-gradient(90deg,rgba(59,130,246,.2),transparent);border-left:3px solid var(--accent-blue);color:var(--accent-blue)}.quiz-container{max-width:800px;margin:0 auto}.question-card{background:var(--bg-panel);border-radius:16px;padding:30px;margin-bottom:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(255,255,255,.05)}.question-header{display:flex;justify-content:space-between;margin-bottom:1rem;color:var(--text-secondary);font-size:.9rem}.question-text{font-size:1.25rem;font-weight:600;margin-bottom:2rem;line-height:1.5}.options-grid{display:grid;gap:12px}.option-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:15px 20px;border-radius:10px;text-align:left;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:1rem}.option-btn:hover{background:#ffffff14;border-color:var(--accent-purple)}.option-btn.selected{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.option-btn.correct{background:var(--accent-success);border-color:var(--accent-success)}.option-btn.incorrect{background:var(--accent-error);border-color:var(--accent-error)}.feedback-panel{margin-top:20px;padding:20px;border-radius:10px;background:#10b9811a;border:1px solid var(--accent-success);color:var(--accent-success)}.feedback-panel.error{background:#ef44441a;border-color:var(--accent-error);color:var(--accent-error)}.controls{display:flex;justify-content:flex-end;margin-top:20px}.btn-primary{background:var(--accent-blue);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .1s}.btn-primary:active{transform:scale(.98)}.results-screen{text-align:center;padding:50px}.score-circle{width:150px;height:150px;border-radius:50%;border:4px solid var(--accent-purple);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;margin:0 auto 20px;background:#8b5cf61a}@media(min-width:900px){.quiz-player-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}}.quiz-right-col{background:var(--bg-panel);border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:30px;min-height:200px;transition:all .3s ease;opacity:.6;filter:grayscale(1)}.quiz-right-col.visible{opacity:1;filter:none;border-color:var(--accent-purple);box-shadow:0 0 20px #8b5cf61a}.explanation-placeholder{display:flex;height:100%;min-height:150px;align-items:center;justify-content:center;color:var(--text-secondary);font-style:italic;text-align:center}.explanation-content img{max-width:100%;border-radius:8px;margin-bottom:15px;border:1px solid rgba(255,255,255,.1)}.explanation-content strong{color:var(--accent-blue)}.explanation-content blockquote{border-left:4px solid var(--accent-purple);margin:20px 0;font-style:italic;color:var(--text-secondary);background:#8b5cf61a;padding:15px;border-radius:0 8px 8px 0}.dictionary-selector h1{font-size:2rem;background:linear-gradient(to right,var(--accent-success),var(--accent-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.level-card:hover,.volume-card:hover{transform:translateY(-5px);border-color:var(--accent-blue)!important}.level-card.basic{border-top:4px solid #a3e635!important}.level-card.intermediate{border-top:4px solid #facc15!important}.level-card.advanced{border-top:4px solid #fb923c!important}.level-card.master{border-top:4px solid #ef4444!important}.timeline-quiz-container{background:#0f172a66;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:20px}.timeline-bank{background:#1e293b99;border-radius:8px;padding:16px;border:2px dashed rgba(255,255,255,.1);min-height:100px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.timeline-bank.is-over{border-color:#3b82f6cc;background:#3b82f61a}.timeline-decades{display:flex;flex-direction:column;gap:15px}.decade-box{background:#1e293b80;border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:12px;display:flex;align-items:stretch;gap:15px;min-height:120px;transition:all .2s ease}.decade-box.is-over{border-color:#3b82f6cc;background:#3b82f61a}.decade-label{font-size:1.2rem;font-weight:700;color:#3b82f6;width:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.1);padding-right:15px}.decade-items{flex:1;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;min-width:0}.timeline-item{padding:8px;background:#3b82f633;border:1px solid rgba(59,130,246,.5);border-radius:6px;font-weight:500;font-size:.95rem;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;transition:opacity .2s;width:140px;min-height:180px;position:relative;text-align:center;box-sizing:border-box}.timeline-item-img{max-width:90px;max-height:90px;min-height:90px;object-fit:contain;border-radius:4px;pointer-events:none;background-color:#ffffff0d}.timeline-item-text{font-size:.85rem;font-weight:500;line-height:1.2;margin-top:4px;word-break:break-word;width:100%}.timeline-item-icon{position:absolute;top:-8px;right:-8px;background:var(--bg-primary, #0f172a);border-radius:50%;display:flex;padding:2px}.timeline-item:active{cursor:grabbing}.timeline-item.dragging{visibility:hidden;border-color:transparent;background:transparent}.timeline-item.correct{background:#22c55e33;border-color:#22c55e}.timeline-item.incorrect{background:#ef444433;border-color:#ef4444}.drag-overlay-item{padding:8px;background:#3b82f64d;border:1px solid rgba(59,130,246,.8);border-radius:6px;cursor:grabbing;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;width:140px;min-height:180px;box-sizing:border-box}.timeline-controls{display:flex;gap:15px;margin-top:10px}.fx-panel-container{background:linear-gradient(160deg,#1e293b,#0f172a);border-radius:1.5rem;padding:1.5rem;border-top:6px solid #475569;box-shadow:0 20px 25px -5px #00000080;margin-bottom:2rem;position:relative;overflow:hidden}@media(min-width:768px){.fx-panel-container{padding:2.5rem}}.fx-panel-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:#94a3b8;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.1em}.fx-flow-container{display:flex;flex-direction:column}.fx-draggable-box{display:flex;align-items:center;padding:1rem 1.5rem;border-radius:.75rem;background-color:#1e293bb3;border:1px solid rgba(255,255,255,.1);color:#fff;font-weight:500;cursor:grab;transition:all .2s;box-shadow:inset 0 2px 4px #ffffff0d,0 4px 6px -1px #0003}.fx-draggable-box:active{cursor:grabbing}.fx-draggable-box:hover:not(.disabled){background-color:#334155e6;transform:translateY(-2px);border-color:#fff3}.fx-draggable-box.disabled{cursor:default}.fx-draggable-box.dragging{opacity:.5;transform:scale(.98)}.fx-draggable-box.correct{background-color:#22c55e1a;border-color:#22c55e}.fx-draggable-box.incorrect{border-color:#ef4444}.fx-grip-icon{margin-right:.75rem;color:#64748b;opacity:.5}.fx-arrow-connector{display:flex;justify-content:center;align-items:center;height:1.5rem;color:#64748b;opacity:.5}.fx-knob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:1rem .5rem;justify-items:center}.fx-knob-container{display:flex;flex-direction:column;align-items:center;position:relative}.fx-knob-wrapper{position:relative;width:3.5rem;height:3.5rem;margin-bottom:.25rem;transition:transform .2s}@media(min-width:768px){.fx-knob-wrapper{width:4rem;height:4rem}}.fx-knob-container:hover .fx-knob-wrapper{transform:scale(1.05)}.fx-knob-shadow{position:absolute;inset:0;border-radius:50%;background-color:#0f172a;border:2px solid #334155;box-shadow:0 10px 15px -3px #00000080}.fx-ghost-knob{position:absolute;inset:6px;border-radius:50%;border:2px dashed rgba(255,255,255,.3);pointer-events:none;z-index:0}.fx-ghost-marker{position:absolute;top:2px;left:50%;width:3px;height:16px;transform:translate(-50%);border-radius:9999px;background-color:#ffffff80}.fx-knob-cap{position:absolute;inset:6px;border-radius:50%;border:2px solid;cursor:pointer;transition:transform 75ms ease-out;box-shadow:inset 0 2px 4px #ffffff1a,0 4px 6px -1px #0000004d;z-index:10;background:linear-gradient(135deg,#334155,#1e293b)}.fx-knob-cap.neutral{border-color:#475569}.fx-knob-cap.neutral:hover{border-color:#60a5fa}.fx-knob-cap.correct{border-color:#22c55e}.fx-knob-cap.incorrect{border-color:#ef4444}.fx-knob-marker{position:absolute;top:4px;left:50%;width:4px;height:14px;transform:translate(-50%);border-radius:9999px}.fx-knob-marker.neutral{background-color:#cbd5e1}.fx-knob-marker.correct{background-color:#22c55e;box-shadow:0 0 8px #22c55e}.fx-knob-marker.incorrect{background-color:#ef4444;box-shadow:0 0 8px #ef4444}.fx-knob-label-box{text-align:center}.fx-knob-label{display:block;font-size:10px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.fx-knob-value{font-size:10px;font-family:monospace;font-weight:700;color:#38bdf8;background-color:#0f172a80;padding:1px 4px;border-radius:4px;border:1px solid rgba(56,189,248,.3);display:inline-block}.fx-knob-target-label{display:block;color:#ef4444;font-size:10px;margin-top:4px;font-weight:700}.fx-correct-order-box{margin-top:1rem;font-size:.875rem;color:#fca5a5;background-color:#7f1d1d33;border:1px solid rgba(239,68,68,.5);padding:.75rem;border-radius:.5rem}.fx-question-text{font-size:1.25rem;font-weight:500;line-height:1.6;color:#e2e8f0}.fx-hint-toggle-btn{background:transparent;border:1px solid rgba(245,158,11,.4);color:#f59e0b;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.fx-hint-toggle-btn:hover{background:#f59e0b1a;border-color:#f59e0bcc}.synth-intro-container{text-align:center;padding:2rem}.synth-intro-icon{font-size:4rem;margin-bottom:1rem;color:#60a5fa;display:flex;justify-content:center}.synth-intro-title{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1rem}.synth-intro-subtitle{font-size:1.25rem;color:#94a3b8;margin-bottom:2rem}.synth-mission-box{background-color:#1e293b;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;text-align:left;border:1px solid #334155;box-shadow:0 20px 25px -5px #0000001a}@media(min-width:768px){.synth-mission-box{padding:2rem}}.synth-mission-header{font-size:1.5rem;font-weight:700;color:#60a5fa;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.synth-mission-steps{display:flex;flex-direction:column;gap:1.5rem;color:#cbd5e1}.synth-mission-step{display:flex;align-items:flex-start;gap:1rem;background-color:#33415533;padding:1rem;border-radius:.5rem;border:1px solid rgba(51,65,85,.5)}.synth-step-icon{padding:.75rem;border-radius:.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synth-step-icon.listen{background-color:#3b82f633;color:#60a5fa}.synth-step-icon.patch{background-color:#a855f733;color:#c084fc}.synth-step-content h3{font-size:1.125rem;font-weight:700;color:#fff;margin:0 0 .25rem}.synth-step-content p{line-height:1.625;margin:0}.synth-enter-btn{width:100%;font-size:1.125rem;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.synth-back-btn{color:#64748b;margin-top:1.5rem;background:none;border:none;font-weight:500;cursor:pointer}.synth-back-btn:hover{color:#cbd5e1}.synth-panel-container{background:linear-gradient(160deg,#1e293b,#020617);border-radius:2rem;padding:1.5rem;border-top:8px solid #334155;box-shadow:0 20px 50px #00000080;position:relative;overflow:hidden;margin-bottom:2rem}@media(min-width:768px){.synth-panel-container{padding:2.5rem}}.synth-bg-icon{position:absolute;top:0;right:0;padding:2rem;opacity:.05;pointer-events:none;color:#fff}.synth-top-section{display:flex;flex-direction:column;gap:2rem;margin-bottom:2.5rem;position:relative;z-index:10}@media(min-width:1024px){.synth-top-section{flex-direction:row}}.synth-visualizer{flex-grow:1;background-color:#020617;border-radius:1rem;border:4px solid #1e293b;position:relative;overflow:hidden;height:10rem;box-shadow:inset 0 0 40px #000}@media(min-width:1024px){.synth-visualizer{height:12rem}}.synth-vis-bg{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(30,58,138,.2),transparent)}.synth-vis-scanlines{position:absolute;inset:0;background:linear-gradient(transparent 50%,#00000040 50%);background-size:100% 4px;pointer-events:none;z-index:20}.synth-vis-canvas{width:100%;height:100%;position:relative;z-index:10}.synth-vis-legend{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;z-index:20}.synth-legend-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;background:#00000080;padding:.375rem .75rem;border-radius:9999px;border:1px solid #1e293b}@keyframes pulse-led{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.8}}.synth-led{width:10px;height:10px;border-radius:50%;background-color:#334155}.synth-led.target.active{background-color:#3b82f6;box-shadow:0 0 10px #3b82f6;animation:pulse-led 1s infinite}.synth-led.user.active{background-color:#a85cf6;box-shadow:0 0 10px #a85cf6;animation:pulse-led 1s infinite}.synth-legend-text{font-size:11px;font-weight:900;font-family:monospace;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.synth-transport{display:flex;justify-content:center;gap:1rem;min-width:200px}@media(min-width:1024px){.synth-transport{flex-direction:column}}.synth-btn{flex:1;padding:1rem 1.5rem;border-radius:.75rem;font-weight:900;font-size:.875rem;letter-spacing:.1em;transition:all .2s;box-shadow:0 10px 15px -3px #0000004d;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer}.synth-btn:disabled{cursor:not-allowed}.synth-btn-target{background-color:#2563eb;color:#fff;border:1px solid #2563eb;border-bottom:4px solid #1e40af}.synth-btn-target:hover:not(:disabled){background-color:#3b82f6;transform:translateY(-2px)}.synth-btn-target.active{background-color:#172554;color:#60a5fa;border:1px solid #1e40af;transform:scale(.95)}.synth-btn-user{background-color:#9333ea;color:#fff;border:1px solid #9333ea;border-bottom:4px solid #6b21a8}.synth-btn-user:hover:not(:disabled){background-color:#a855f7;transform:translateY(-2px)}.synth-btn-user.active{background-color:#3b0764;color:#c084fc;border:1px solid #6b21a8;transform:scale(.95)}.synth-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;position:relative;z-index:10}.synth-module{background-color:#1e293bcc;border-radius:1rem;padding:1.5rem;border:1px solid #475569;box-shadow:0 20px 25px -5px #0000004d;position:relative;overflow:hidden;transition:all .2s}.synth-module:hover .synth-module-glare{opacity:1}.synth-module-glare{position:absolute;top:0;left:0;width:100%;height:4px;opacity:.2;transition:opacity .3s}.synth-module-glare.osc{background:linear-gradient(90deg,transparent,rgba(34,197,94,.5),transparent)}.synth-module-glare.flt{background:linear-gradient(90deg,transparent,rgba(234,179,8,.5),transparent)}.synth-module-glare.env{background:linear-gradient(90deg,transparent,rgba(236,72,153,.5),transparent)}.synth-module-header{font-size:.75rem;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.synth-module-led{width:12px;height:12px;border-radius:50%}.synth-module-led.osc{background-color:#22c55e;box-shadow:0 0 10px #22c55e}.synth-module-led.flt{background-color:#eab308;box-shadow:0 0 10px #eab308}.synth-module-led.env{background-color:#ec4899;box-shadow:0 0 10px #ec4899}.synth-wave-container{display:flex;flex-direction:column}.synth-wave-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;text-align:center;margin-bottom:.75rem;display:block}.synth-wave-buttons{display:flex;background-color:#0f172a;border-radius:.75rem;padding:.375rem;border:1px solid #334155;box-shadow:inset 0 2px 4px #00000080;gap:2px}.synth-wave-btn{flex:1;padding:.75rem 0;border-radius:.5rem;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:all .2s;background:transparent;color:#64748b;border:1px solid transparent;cursor:pointer}.synth-wave-btn:hover:not(.active){color:#e2e8f0;background-color:#1e293b80}.synth-wave-btn.active{background-color:#334155;color:#4ade80;box-shadow:0 4px 6px -1px #0000001a;border-color:#475569;transform:scale(1.02)}.synth-knobs-grid{display:grid;gap:1.5rem .5rem}.synth-knobs-grid.flt,.synth-knobs-grid.env{grid-template-columns:repeat(2,1fr)}.synth-knob-container{display:flex;flex-direction:column;align-items:center;position:relative}.synth-knob-wrapper{position:relative;width:5rem;height:5rem;margin-bottom:.75rem;transition:transform .2s}@media(min-width:768px){.synth-knob-wrapper{width:6rem;height:6rem}}.synth-knob-container:hover .synth-knob-wrapper{transform:scale(1.05)}.synth-knob-shadow{position:absolute;inset:0;border-radius:50%;background-color:#0f172a;border:2px solid #334155;box-shadow:0 10px 15px -3px #00000080}.synth-ghost-knob{position:absolute;inset:6px;border-radius:50%;border:2px dashed rgba(255,255,255,.3);pointer-events:none;z-index:0}.synth-ghost-marker{position:absolute;top:2px;left:50%;width:3px;height:16px;transform:translate(-50%);border-radius:9999px;background-color:#ffffff80}.synth-knob-cap{position:absolute;inset:6px;border-radius:50%;border:3px solid;cursor:pointer;transition:transform 75ms ease-out;box-shadow:0 10px 15px -3px #0000004d;z-index:10}.synth-knob-cap.neutral{border-color:#475569;background-color:#1e293b}.synth-knob-cap.neutral:hover{border-color:#3b82f6}.synth-knob-cap.correct{border-color:#22c55e;background-color:#1e293b}.synth-knob-cap.incorrect{border-color:#ef4444;background-color:#1e293b}.synth-knob-marker{position:absolute;top:4px;left:50%;width:4px;height:14px;transform:translate(-50%);border-radius:9999px}@media(min-width:768px){.synth-knob-marker{width:6px;height:16px}}.synth-knob-marker.neutral{background-color:#cbd5e1}.synth-knob-marker.correct{background-color:#22c55e;box-shadow:0 0 8px #22c55e}.synth-knob-marker.incorrect{background-color:#ef4444;box-shadow:0 0 8px #ef4444}.synth-knob-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ns-resize;z-index:10}.synth-knob-label-box{text-align:center}.synth-knob-label{display:block;font-size:11px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px}.synth-knob-value{font-size:12px;font-family:monospace;font-weight:700;color:#60a5fa;background-color:#1e3a8a33;padding:2px 8px;border-radius:4px;border:1px solid rgba(30,58,138,.5);display:inline-block}.synth-check-btn{width:100%;padding:1rem;font-size:1.125rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 10px 15px -3px #0000001a;margin-top:1rem}.synth-feedback-box{padding:1rem;border-radius:.75rem;border:1px solid;margin-top:1rem}.synth-feedback-box.correct{background-color:#14532d33;border-color:#22c55e}.synth-feedback-box.incorrect{background-color:#7f1d1d33;border-color:#ef4444}.synth-feedback-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.synth-feedback-header.correct{color:#4ade80}.synth-feedback-header.incorrect{color:#f87171}.synth-feedback-icon{font-size:1.5rem}.synth-feedback-desc{font-size:.875rem;color:#cbd5e1;margin:0}.mic-placement-container{display:flex;flex-direction:column;width:100%;max-width:1000px;margin:0 auto;color:#fff;background-color:var(--bg-dark);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080}.mic-placement-header{padding:20px;background:linear-gradient(135deg,var(--accent-blue-dark),var(--bg-card));text-align:center;border-bottom:2px solid var(--accent-blue)}.mic-placement-header h2{margin:0 0 10px;font-size:1.8rem;color:var(--text-light)}.mic-placement-header p{margin:0;color:var(--text-muted);font-size:1.1rem}.scenario-info{background-color:var(--bg-lighter);padding:15px;margin:20px;border-radius:8px;border-left:4px solid var(--accent-warning)}.scenario-info h3{margin:0 0 5px;color:var(--accent-warning)}.scenario-info p{margin:0;font-size:1.1rem}.controls-panel{display:flex;justify-content:center;gap:15px;padding:0 20px 20px;flex-wrap:wrap}.mic-selector{display:flex;flex-direction:column;align-items:center;background:var(--bg-card);padding:10px 20px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .3s ease;min-width:120px}.mic-selector:hover{background:var(--bg-lighter);transform:translateY(-2px)}.mic-selector.active{border-color:var(--accent-blue);background:#58a6ff1a;box-shadow:0 0 15px #58a6ff33}.mic-selector .icon{font-size:2rem;margin-bottom:5px}.mic-selector .name{font-weight:700;font-size:.9rem}.mic-selector .pattern{font-size:.75rem;color:var(--text-muted)}.stage-container{position:relative;width:100%;height:500px;background-color:#000;overflow:hidden;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stage-background{width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.8;transition:opacity .5s ease}.stage-background.loaded{opacity:1}.hotspot-area{position:absolute;border:2px dashed rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%) rotateX(60deg);pointer-events:none;transition:all .3s ease;background:radial-gradient(circle,#ffffff1a,#fff0 70%)}.hotspot-area.active-hover{border-color:var(--accent-blue);background:radial-gradient(circle,#58a6ff4d,#58a6ff00 70%);box-shadow:0 0 20px #58a6ff80}.hotspot-area.success{border-color:var(--accent-success);background:radial-gradient(circle,#2ea0434d,#2ea04300 70%);box-shadow:0 0 20px #2ea04380}.hotspot-area.error{border-color:var(--accent-danger);background:radial-gradient(circle,#f851494d,#f8514900 70%)}.draggable-mic{position:absolute;width:60px;height:120px;transform:translate(-50%,-100%) rotate(var(--mic-rotation, 0deg));transform-origin:bottom center;cursor:grab;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;filter:drop-shadow(0 20px 10px rgba(0,0,0,.5));transition:filter .2s ease}.draggable-mic:active{cursor:grabbing;filter:drop-shadow(0 30px 15px rgba(0,0,0,.4))}.draggable-mic .mic-head{width:30px;height:50px;background:linear-gradient(to right,#ccc,#fff,#ccc);border-radius:15px 15px 5px 5px;border:2px solid #555;box-shadow:inset 0 0 10px #00000080;position:relative;z-index:2}.draggable-mic .mic-body{width:16px;height:70px;background:linear-gradient(to right,#333,#666,#333);border-radius:2px;position:relative;z-index:1;margin-top:-5px}.draggable-mic.dynamic .mic-head{border-radius:50% 50% 10% 10%;height:40px;background:radial-gradient(circle at 30% 30%,#444,#111);border:1px solid #000}.draggable-mic.ribbon .mic-head{height:60px;width:20px;border-radius:4px;background:repeating-linear-gradient(0deg,#888,#888 2px,#333 2px 4px)}.rotate-handle{position:absolute;top:-25px;left:50%;transform:translate(-50%);width:24px;height:24px;background-color:var(--bg-card);border:2px solid var(--accent-blue);border-radius:50%;cursor:grab;display:none;justify-content:center;align-items:center;z-index:10}.draggable-mic:hover .rotate-handle,.draggable-mic.rotating .rotate-handle{display:flex}.rotate-handle:after{content:"↻";color:var(--accent-blue);font-size:14px;font-weight:700}.feedback-panel{padding:20px;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--bg-card)}.feedback-message{padding:15px 25px;border-radius:8px;font-size:1.1rem;max-width:800px;animation:fadeIn .3s ease}.feedback-message.success{background:#2ea0431a;border:1px solid var(--accent-success);color:var(--accent-success)}.feedback-message.warning{background:#d299221a;border:1px solid var(--accent-warning);color:var(--accent-warning)}.feedback-message.error{background:#f851491a;border:1px solid var(--accent-danger);color:var(--accent-danger)}.action-buttons{display:flex;gap:15px;padding:20px;justify-content:center;background:var(--bg-dark)}.action-btn{padding:12px 24px;border:none;border-radius:6px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-blue-dark);transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-lighter);color:var(--text-light);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.stage-container{height:350px}.controls-panel{gap:10px}.mic-selector{min-width:100px;padding:8px 12px}}.pt-quiz-container{display:flex;flex-direction:column;min-height:100vh;background-color:#0d1117;color:#c9d1d9;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;position:relative}.pt-quiz-container:before{content:"";position:absolute;top:-20%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(138,43,226,.15) 0%,transparent 70%);z-index:0;pointer-events:none}.pt-quiz-container:after{content:"";position:absolute;bottom:-20%;right:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%);z-index:0;pointer-events:none}.pt-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#161b22cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:10}.pt-header h1{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pt-exit-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:600}.pt-exit-btn:hover{background:#ff323233;border-color:#ff323280}.pt-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;z-index:1;max-width:900px;margin:0 auto;width:100%}.pt-category-badge{display:inline-block;padding:.4rem 1rem;background:#8a2be233;border:1px solid rgba(138,43,226,.5);color:#e2b4ff;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.pt-scenario-card{background:#161b2299;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2.5rem;width:100%;box-shadow:0 10px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem;animation:ptFadeInUp .5s ease-out}@keyframes ptFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pt-scenario-title{font-size:1.2rem;color:#8b949e;margin-bottom:1rem;font-weight:500}.pt-scenario-text{font-size:1.4rem;line-height:1.5;color:#fff;margin-bottom:2rem;font-weight:600}.pt-audio-widget{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;background:#0003;padding:1rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.pt-play-btn{display:flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,#8a2be2,#4a00e0);color:#fff;border:none;border-radius:30px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 15px #8a2be24d}.pt-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8a2be280;background:linear-gradient(135deg,#9d4edd,#5a189a)}.pt-play-btn.playing{background:linear-gradient(135deg,#f72585,#b5179e);box-shadow:0 0 20px #f7258599;animation:ptPulse 2s infinite}@keyframes ptPulse{0%{box-shadow:0 0 #f7258599}70%{box-shadow:0 0 0 15px #f7258500}to{box-shadow:0 0 #f7258500}}.pt-audio-waves{display:flex;align-items:center;gap:4px;height:30px}.pt-wave-bar{width:6px;background-color:#00d2ff;border-radius:3px;animation:ptWaveAnim 1s ease-in-out infinite both}.pt-wave-bar:nth-child(1){animation-delay:-.2s;height:10px}.pt-wave-bar:nth-child(2){animation-delay:-.4s;height:20px}.pt-wave-bar:nth-child(3){animation-delay:-.1s;height:30px}.pt-wave-bar:nth-child(4){animation-delay:-.5s;height:15px}@keyframes ptWaveAnim{0%,to{transform:scaleY(.4);opacity:.5}50%{transform:scaleY(1);opacity:1}}.pt-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:768px){.pt-options-grid{grid-template-columns:1fr}}.pt-option-btn{background:#21262dcc;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.2rem;color:#c9d1d9;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);text-align:left;display:flex;align-items:center}.pt-option-btn:hover:not(:disabled){background:#388bfd26;border-color:#388bfd80;transform:translateY(-2px);box-shadow:0 4px 12px #388bfd33}.pt-option-btn.selected-correct{background:#2ea04333;border-color:#2ea043;color:#fff;box-shadow:0 0 15px #2ea04366}.pt-option-btn.selected-wrong{background:#f8514933;border-color:#f85149;color:#fff}.pt-option-btn.reveal-correct{background:#2ea0431a;border-color:#2ea043;border-style:dashed}.pt-option-btn:disabled{cursor:default}.pt-feedback-panel{margin-top:2rem;padding:1.5rem;border-radius:8px;animation:ptFadeIn .3s ease-out}@keyframes ptFadeIn{0%{opacity:0}to{opacity:1}}.pt-feedback-panel.correct{background:#2ea0431a;border-left:4px solid #2ea043}.pt-feedback-panel.wrong{background:#f851491a;border-left:4px solid #f85149}.pt-feedback-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.pt-feedback-panel.correct .pt-feedback-title{color:#3fb950}.pt-feedback-panel.wrong .pt-feedback-title{color:#ff7b72}.pt-feedback-text{color:#c9d1d9;line-height:1.6;font-size:1rem}.pt-next-btn{margin-top:1.5rem;background:#238636;color:#fff;border:none;border-radius:6px;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s;align-self:flex-end}.pt-next-btn:hover{background:#2ea043}.pt-progress-bar-container{width:100%;height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:2rem;overflow:hidden}.pt-progress-bar{height:100%;background:linear-gradient(90deg,#8a2be2,#00d2ff);border-radius:3px;transition:width .3s ease}.pt-completion-screen{text-align:center;padding:4rem 2rem;background:#161b2299;border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;animation:ptFadeInUp .5s ease-out}.pt-completion-score{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#3fb950,#00d2ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.pt-completion-message{font-size:1.5rem;color:#c9d1d9;margin-bottom:2rem}.pt-restart-btn{background:transparent;border:2px solid #58a6ff;color:#58a6ff;padding:.8rem 2.5rem;font-size:1.1rem;border-radius:30px;cursor:pointer;font-weight:600;transition:all .2s;margin-right:1rem}.pt-restart-btn:hover{background:#58a6ff1a;box-shadow:0 0 15px #58a6ff4d}.pt-finish-btn{background:#238636;border:none;color:#fff;padding:.8rem 2.5rem;font-size:1.1rem;border-radius:30px;cursor:pointer;font-weight:600;transition:all .2s}.pt-finish-btn:hover{background:#2ea043;box-shadow:0 0 15px #2ea04366}.rock-quiz-container{display:flex;flex-direction:column;min-height:100vh;background-color:#111;color:#e0e0e0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;position:relative}.rock-quiz-container:before{content:"";position:absolute;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(220,38,38,.12) 0%,transparent 70%);z-index:0;pointer-events:none}.rock-quiz-container:after{content:"";position:absolute;bottom:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(217,119,6,.12) 0%,transparent 70%);z-index:0;pointer-events:none}.rock-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f0f0fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(220,38,38,.2);z-index:10}.rock-header h1{margin:0;font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#ef4444,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rock-exit-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:600}.rock-exit-btn:hover{background:#dc262633;border-color:#dc262680}.rock-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;z-index:1;max-width:900px;margin:0 auto;width:100%}.rock-category-badge{display:inline-block;padding:.4rem 1rem;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbd38d;border-radius:4px;font-size:.85rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1.5px}.rock-scenario-card{background:#141414b3;border:1px solid rgba(255,255,255,.05);border-top:3px solid #ef4444;border-radius:8px;padding:2.5rem;width:100%;box-shadow:0 10px 40px #000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem;animation:rockFadeInUp .5s ease-out}@keyframes rockFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rock-scenario-title{font-size:1.1rem;color:#a3a3a3;margin-bottom:.8rem;font-weight:600;text-transform:uppercase}.rock-scenario-text{font-size:1.4rem;line-height:1.5;color:#f3f4f6;margin-bottom:2rem;font-weight:500}.rock-audio-widget{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;background:#0006;padding:1rem 1.5rem;border-radius:8px;border:1px solid #333}.rock-play-btn{display:flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:4px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 15px #dc26264d}.rock-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262680;background:linear-gradient(135deg,#ef4444,#b91c1c)}.rock-play-btn.playing{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 20px #f59e0b80;animation:rockPulse 1.5s infinite}@keyframes rockPulse{0%{box-shadow:0 0 #f59e0b99}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.rock-audio-waves{display:flex;align-items:center;gap:5px;height:30px}.rock-wave-bar{width:6px;background-color:#ef4444;border-radius:1px;animation:rockWaveAnim .7s ease-in-out infinite both}.rock-wave-bar:nth-child(1){animation-delay:-.2s;height:10px}.rock-wave-bar:nth-child(2){animation-delay:-.4s;height:25px}.rock-wave-bar:nth-child(3){animation-delay:-.1s;height:15px}.rock-wave-bar:nth-child(4){animation-delay:-.5s;height:30px}.rock-wave-bar:nth-child(5){animation-delay:-.3s;height:20px}@keyframes rockWaveAnim{0%,to{transform:scaleY(.4);opacity:.6}50%{transform:scaleY(1);opacity:1}}.rock-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:768px){.rock-options-grid{grid-template-columns:1fr}}.rock-option-btn{background:#1a1a1a;border:1px solid #333;border-left:4px solid #444;border-radius:4px;padding:1.2rem;color:#e5e5e5;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center}.rock-option-btn:hover:not(:disabled){background:#222;border-color:#555;border-left-color:#f59e0b;transform:translate(4px)}.rock-option-btn.selected-correct{background:#10b98126;border-color:#10b981;border-left-color:#10b981;color:#fff;box-shadow:0 0 15px #10b98133}.rock-option-btn.selected-wrong{background:#dc262626;border-color:#ef4444;border-left-color:#ef4444;color:#fff}.rock-option-btn.reveal-correct{background:#10b9810d;border-color:#10b981;border-left-color:#10b981;border-style:dashed solid dashed dashed}.rock-option-btn:disabled{cursor:default}.rock-feedback-panel{margin-top:2rem;padding:1.5rem;border-radius:4px;animation:rockFadeIn .3s ease-out}@keyframes rockFadeIn{0%{opacity:0}to{opacity:1}}.rock-feedback-panel.correct{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-left:4px solid #10b981}.rock-feedback-panel.wrong{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-left:4px solid #ef4444}.rock-feedback-title{font-size:1.2rem;font-weight:800;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.5px}.rock-feedback-panel.correct .rock-feedback-title{color:#34d399}.rock-feedback-panel.wrong .rock-feedback-title{color:#f87171}.rock-feedback-text{color:#d4d4d8;line-height:1.6;font-size:1rem}.rock-next-btn{margin-top:1.5rem;background:#111;color:#fff;border:1px solid #444;border-radius:4px;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s;align-self:flex-end}.rock-next-btn:hover{background:#222;border-color:#f59e0b;color:#f59e0b}.rock-progress-bar-container{width:100%;height:4px;background:#222;margin-bottom:2rem;overflow:hidden}.rock-progress-bar{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b);transition:width .3s ease}.rock-completion-screen{text-align:center;padding:4rem 2rem;background:#141414cc;border:1px solid rgba(255,255,255,.05);border-top:4px solid #ef4444;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;animation:rockFadeInUp .5s ease-out}.rock-completion-score{font-size:5rem;font-weight:900;background:linear-gradient(135deg,#10b981,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.rock-completion-message{font-size:1.5rem;color:#e5e5e5;margin-bottom:3rem;font-weight:500}.rock-restart-btn{background:transparent;border:2px solid #ef4444;color:#ef4444;padding:.8rem 2.5rem;font-size:1.1rem;border-radius:4px;cursor:pointer;font-weight:700;text-transform:uppercase;transition:all .2s;margin-right:1rem}.rock-restart-btn:hover{background:#ef44441a;box-shadow:0 0 15px #ef44444d}.rock-finish-btn{background:#ef4444;border:2px solid #ef4444;color:#fff;padding:.8rem 2.5rem;font-size:1.1rem;border-radius:4px;cursor:pointer;font-weight:700;text-transform:uppercase;transition:all .2s}.rock-finish-btn:hover{background:#b91c1c;border-color:#b91c1c;box-shadow:0 0 15px #ef444466}