.btn.btn-primary{box-shadow:0 0 6px rgba(115,3,192,.5),0 0 12px rgba(115,3,192,.3),0 2px 6px rgba(115,3,192,.2);transition:all .2s ease}.btn.btn-primary:hover{box-shadow:0 0 10px rgba(115,3,192,.7),0 0 20px rgba(115,3,192,.5),0 4px 8px rgba(115,3,192,.3);transform:translateY(-2px)}.btn.btn-primary:active{box-shadow:0 0 4px rgba(115,3,192,.4),0 0 8px rgba(115,3,192,.2);transform:translateY(0)}.modal-body.z-0.p-0{background:linear-gradient(160deg,hsla(0,0%,100%,.97),rgba(240,235,255,.95) 50%,rgba(225,215,250,.9));box-shadow:inset 0 2px 8px rgba(115,3,192,.08),inset 0 -2px 6px rgba(156,39,176,.05)}.dark-theme .modal-body.z-0.p-0{background:linear-gradient(160deg,rgba(20,15,35,.98),rgba(30,20,50,.96) 50%,rgba(25,15,45,.95));box-shadow:inset 0 2px 10px rgba(115,3,192,.15),inset 0 -2px 6px rgba(236,56,188,.1)}.app-container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.9);border-radius:16px;box-shadow:0 8px 32px rgba(156,39,176,.2);box-sizing:border-box;margin:0 auto;max-width:450px;overflow-x:hidden;padding:16px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left));position:relative;width:calc(100% - 32px)}.question-svg-container{display:flex;justify-content:center;margin-bottom:-20px;margin-top:-5px;transform:scale(.8);transform-origin:top center;width:100%}#help-question{background:linear-gradient(90deg,rgba(115,3,192,.03),rgba(115,3,192,.01));border:2px solid #e9ecef;border-left:8px solid rgba(115,3,192,.8);border-radius:4px;box-shadow:0 2px 15px rgba(0,0,0,.05),0 0 10px rgba(115,3,192,.1);margin:3px 0;padding:10px;position:relative;transition:all .3s ease}#help-question:before{background:#fff;color:#7303c0;font-size:16px;left:-8px;padding:0 5px;position:absolute;top:0}#help-question:hover{border-left-color:rgba(156,39,176,.9);box-shadow:0 4px 20px rgba(0,0,0,.08),0 0 15px rgba(115,3,192,.15)}#help{background:linear-gradient(135deg,rgba(115,3,192,.05),hsla(0,0%,100%,.1));border:2px solid rgba(115,3,192,.7);border-radius:12px;box-shadow:0 0 10px rgba(115,3,192,.5),0 0 20px rgba(115,3,192,.3),inset 0 0 15px rgba(115,3,192,.1);margin:15px 0;overflow:hidden;padding:5px;position:relative;transition:all .3s ease}#help:hover{box-shadow:0 0 15px rgba(115,3,192,.7),0 0 30px rgba(115,3,192,.4),inset 0 0 20px rgba(115,3,192,.15);transform:translateY(-2px)}.help-container{background:#fff;border-radius:8px;bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.15);left:80px;max-width:300px;opacity:0;padding:15px;position:fixed;transform:translateY(10px);transition:all .3s ease;visibility:hidden;z-index:1600!important}.help-container.visible{opacity:1;transform:translateY(0);visibility:visible}.custom-spinner{color:#9c27b0}.help-content{color:#333;font-size:14px;line-height:1.5;z-index:1560}.help-toggle{align-items:center;background:#3498db;border-radius:50%;bottom:30px;box-shadow:0 0 8px rgba(115,3,192,.5),0 0 16px rgba(115,3,192,.3);color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;position:fixed;right:20px;transition:all .2s ease;user-select:none;width:40px;z-index:1000}.help-toggle:hover{background:#2980b9;transform:scale(1.05)}.help-toggle:active{transform:scale(.95)}.score-attempts-display{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:15px}.score-item{align-items:center;background:#f9f9f9;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.08);display:flex;font-family:Segoe UI,Arial,sans-serif;gap:6px;padding:8px 16px;transition:box-shadow .2s ease}.score-item:hover{box-shadow:0 3px 8px rgba(0,0,0,.12)}.score-item .label{color:#555;font-size:.95em;font-weight:600}.score-item .value{font-size:1.2em;font-weight:700}.score-item .value.attempts,.score-item .value.score{color:#9c27b0}.help-toggle.pulse{animation:pulse 1.5s infinite}.card-fixed-height::-webkit-scrollbar{width:6px}.card-fixed-height::-webkit-scrollbar-thumb{background:#9c27b0;border-radius:3px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(156,39,176,.1);margin:8px 0;padding:4px;transition:transform .3s ease}.card-header{align-items:center;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:12px 12px 0 0;box-shadow:0 2px 4px rgba(0,0,0,.1);color:var(--text-on-primary);display:flex;font-weight:600;justify-content:space-between;overflow:hidden;padding:12px 16px;position:relative}.card:hover{box-shadow:0 8px 16px rgba(156,39,176,.2);transform:translateY(-5px)}.piano-container{background-color:#f0f0f0;bottom:-200px;box-shadow:0 -2px 10px rgba(0,0,0,.2);height:200px;left:0;overflow:hidden;padding:10px 0;position:fixed;transition:bottom .3s ease;width:100%;z-index:1005}.piano-container.visible{bottom:0}.piano-scroll-container{-webkit-overflow-scrolling:touch;height:100%;overflow-x:auto;overflow-y:hidden;padding:0 20px;width:100%}.piano{display:flex;height:180px;min-width:840px;position:relative}.piano-key{cursor:pointer;user-select:none}.piano-key.white{align-items:flex-end;background-color:#fff;border:1px solid #ccc;border-radius:0 0 5px 5px;box-shadow:inset 0 -5px 10px rgba(0,0,0,.1);box-sizing:border-box;display:flex;height:180px;justify-content:center;padding-bottom:10px;width:40px}.piano-key.black{border-radius:0 0 3px 3px;box-shadow:inset 0 -5px 10px rgba(0,0,0,.3);width:24px;z-index:2}.piano-key.white.pressed{background-color:#ddd;box-shadow:inset 0 -2px 5px rgba(0,0,0,.2)}.piano-key.black{background-color:#222;border-radius:0 0 4px 4px;box-shadow:2px 0 3px rgba(0,0,0,.4);height:110px;position:absolute;width:25px;z-index:10}.piano-key.black.pressed{background-color:#555;transform:translateY(2px)}.piano-toggle{align-items:center;background-color:#4a4a4a;border-radius:50%;bottom:30px;box-shadow:0 2px 5px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:20px;transition:transform .3s ease;width:40px;z-index:10002}.piano-toggle:hover{transform:scale(1.1)}.piano-toggle-icon{font-size:24px;transition:transform .3s ease}.piano-toggle-icon.rotated{transform:rotate(180deg)}.piano-toggle-editor{align-items:center;background-color:#4a4a4a;border-radius:50%;bottom:30px;box-shadow:0 2px 5px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;left:20px;position:fixed;transition:transform .3s ease;width:40px;z-index:10001}.piano-toggle-editor:hover{transform:scale(1.1)}.piano-toggle-editor-icon{font-size:24px;transition:transform .3s ease}.piano-toggle-editor-icon.rotated{transform:rotate(180deg)}#drag-handle:hover{background:rgba(115,3,192,.5)!important;transform:scale(1.05)}#drag-handle:active{background:rgba(115,3,192,.7)!important;transform:scale(.95)}#swipe-zone{-webkit-touch-callout:none;align-items:center;background:hsla(0,0%,100%,.8);border-radius:16px;box-shadow:0 0 12px rgba(115,3,192,.5),0 0 24px rgba(115,3,192,.4),0 0 40px rgba(115,3,192,.3),0 4px 16px rgba(115,3,192,.2);display:flex;height:140px;justify-content:center;overflow:hidden;position:relative;touch-action:manipulation;transition:all .3s cubic-bezier(.2,.8,.4,1.2);-webkit-user-select:none;user-select:none;width:140px}#swipe-zone.dragging{box-shadow:0 0 20px rgba(115,3,192,.8),0 0 40px rgba(115,3,192,.6),0 0 60px rgba(115,3,192,.4),0 8px 24px rgba(115,3,192,.3);transform:scale(.98)}@media (min-width:768px){#swipe-zone{height:170px;width:170px}#drag-handle{height:28px;right:10px;top:10px;width:28px}#drag-handle img{height:14px;width:14px}}@media (min-width:1200px){#swipe-zone{height:200px;width:200px}#drag-handle{height:32px;right:12px;top:12px;width:32px}#drag-handle img{height:16px;width:16px}}#swipe-zone:hover{background:linear-gradient(135deg,rgba(240,230,255,.95),hsla(0,0%,100%,.9));box-shadow:0 0 16px rgba(115,3,192,.7),0 0 32px rgba(115,3,192,.6),0 0 50px rgba(115,3,192,.5),0 6px 20px rgba(115,3,192,.3)}#swipe-zone:active{background:rgba(230,220,250,.95);transform:scale(.94)}#swipe-zone img{filter:drop-shadow(0 3px 6px rgba(115,3,192,.3));height:42px;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:42px}#swipe-zone:hover img{filter:drop-shadow(0 4px 10px rgba(115,3,192,.6));opacity:1;transform:translate(-50%,-50%) scale(1.1)}#swipe-zone.active{animation:pulse 1.8s infinite}.piano-key.white.active{background-color:#4a89dc;color:#fff}.piano-key.black.active{background-color:#2a6bcc}.abcjs-cursor{stroke:#9c27b0;stroke-width:2px;pointer-events:none}[id$=_paper-container]{background:#fff;border:1px solid #eee;min-width:300px;overflow-x:auto;width:100%!important}[id$=_paper]{display:block;min-width:100%}.piano-key{transition:all .1s ease}.piano-key.white.active{background-color:#4a89dc!important;box-shadow:inset 0 -2px 5px rgba(0,0,0,.2)!important;transform:translateY(2px)}.piano-key.black.active{background-color:#2a6bcc!important;transform:translateY(1px)}.abcjs-note{transition:fill .2s,stroke .2s}.abcjs-highlight{fill:#9c27b0!important;stroke:#9c27b0!important;animation:pulse .5s}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@media (min-width:769px){[id$=_paper-container]{margin:0 auto;max-width:900px;overflow-x:auto;width:100%}[id$=_paper] svg{min-width:800px;width:100%}}#notikzHeader{background:#7303c0;background:linear-gradient(30deg,#03001e,#9c27b0,#ec38bc)}#paperEditor{z-index:3}.paperWraper{height:145px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#paperEditor,.paperWraper canvas{position:absolute}canvas{background:none}.piano-keys-list{display:inline-flex;justify-content:center;list-style:none}.piano-keys{border:1px solid #000;border-radius:10px;cursor:pointer;height:175px;position:relative;width:60px}.white-key,.white-key-pressed{background-color:#fff;color:#fff}.white-key-pressed{box-shadow:inset 0 0 20px #555}.black-key{box-shadow:0 0 20px #555;margin:10px -20px 0}.black-key,.black-key-pressed{background-color:#000;border-radius:5px;border-top-left-radius:0;border-top-right-radius:0;height:90px;width:30px;z-index:2}.black-key-pressed{margin:0 -20px}.music-question-svg{display:none!important}.neon-glow-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:none;box-shadow:0 0 10px rgba(115,3,192,.6),0 0 20px rgba(115,3,192,.4),0 4px 15px rgba(115,3,192,.3);position:relative;transition:all .3s cubic-bezier(.2,.8,.4,1.2)}.neon-glow-btn:hover{background:linear-gradient(135deg,#7303c0,#9c27b0);box-shadow:0 0 15px rgba(115,3,192,.8),0 0 30px rgba(115,3,192,.6),0 6px 20px rgba(115,3,192,.4);transform:translateY(-3px)}.neon-glow-btn:active{box-shadow:0 0 8px rgba(115,3,192,.5),0 0 16px rgba(115,3,192,.3),0 2px 8px rgba(115,3,192,.2);transform:translateY(0)}.neon-glow-btn:focus{box-shadow:0 0 10px rgba(115,3,192,.6),0 0 20px rgba(115,3,192,.4),0 4px 15px rgba(115,3,192,.3),0 0 0 3px rgba(115,3,192,.2);outline:none}.neon-glow-btn.rounded-circle{align-items:center;aspect-ratio:1/1;border-radius:50%!important;display:flex;height:55px;justify-content:center;min-width:auto;padding:0;width:55px}.neon-glow-btn:not(.rounded-circle){border-radius:8px;color:#fff;font-weight:600;padding:.5rem 1.5rem}.neon-glow-btn.btn-sm:not(.rounded-circle){font-size:.875rem;padding:.25rem 1rem}.neon-glow-btn.btn-lg:not(.rounded-circle){font-size:1.125rem;padding:.75rem 2rem}.neon-glow-btn .bi,.neon-glow-btn img,.neon-glow-btn svg{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));margin:0 auto;transition:all .3s ease}.neon-glow-btn:hover .bi,.neon-glow-btn:hover img,.neon-glow-btn:hover svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform:scale(1.1)}.neon-glow-btn.success{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 0 10px rgba(76,175,80,.6),0 0 20px rgba(76,175,80,.4)}.neon-glow-btn.success:hover{background:linear-gradient(135deg,#388e3c,#4caf50);box-shadow:0 0 15px rgba(76,175,80,.8),0 0 30px rgba(76,175,80,.6)}.neon-glow-btn.danger{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 0 10px rgba(244,67,54,.6),0 0 20px rgba(244,67,54,.4)}.neon-glow-btn.danger:hover{background:linear-gradient(135deg,#d32f2f,#f44336);box-shadow:0 0 15px rgba(244,67,54,.8),0 0 30px rgba(244,67,54,.6)}.neon-glow-btn.warning{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 0 10px rgba(255,152,0,.6),0 0 20px rgba(255,152,0,.4)}.neon-glow-btn.warning:hover{background:linear-gradient(135deg,#f57c00,#ff9800);box-shadow:0 0 15px rgba(255,152,0,.8),0 0 30px rgba(255,152,0,.6)}.neon-glow-btn.secondary{background:linear-gradient(135deg,#9e9e9e,#616161);box-shadow:0 0 10px hsla(0,0%,62%,.6),0 0 20px hsla(0,0%,62%,.4)}.neon-glow-btn.secondary:hover{background:linear-gradient(135deg,#616161,#9e9e9e);box-shadow:0 0 15px hsla(0,0%,62%,.8),0 0 30px hsla(0,0%,62%,.6)}@keyframes neon-pulse{0%{box-shadow:0 0 10px rgba(115,3,192,.6),0 0 20px rgba(115,3,192,.4)}50%{box-shadow:0 0 15px rgba(115,3,192,.9),0 0 30px rgba(115,3,192,.7)}to{box-shadow:0 0 10px rgba(115,3,192,.6),0 0 20px rgba(115,3,192,.4)}}.neon-glow-btn.pulse{animation:neon-pulse 2s infinite}@media (max-width:768px){.neon-glow-btn.rounded-circle{height:50px;width:50px}.neon-glow-btn.rounded-circle .bi,.neon-glow-btn.rounded-circle img,.neon-glow-btn.rounded-circle svg{height:22px;width:22px}.neon-glow-btn:not(.rounded-circle){padding:.4rem 1.2rem}}.highlight{fill:#7303c0}.highlight-err{fill:#c0030d}.abcjs-inline-audio{background-color:transparent!important;box-sizing:border-box;height:40px!important}#play-self,.abcjs-inline-audio{align-items:center;display:flex}#play-self{gap:8px}.abcjs-inline-audio.abcjs-disabled{opacity:.5}.abcjs-inline-audio .abcjs-btn{background:none!important;border:1px solid transparent;box-sizing:border-box;display:block;height:34px;line-height:1;margin-right:2px;padding:7px 4px;width:28px}.abcjs-btn g,.abcjs-inline-audio .abcjs-btn:hover g{fill:#7303c0;stroke:#9c27b0}.abcjs-inline-audio .abcjs-midi-loop.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-reset.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-selection.abcjs-pushed{background-color:#666;border:1px solid #ccc;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-start .abcjs-loading-svg,.abcjs-inline-audio .abcjs-midi-start .abcjs-pause-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-loading .abcjs-play-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-play-svg{display:none}.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-pause-svg{display:block}.abcjs-inline-audio .abcjs-midi-progress-background{border:2px solid #ccc;border-radius:5px;box-sizing:border-box;flex:1;height:10px;margin:0 8px 0 15px;padding:0;position:relative}.abcjs-inline-audio .abcjs-midi-progress-indicator{background-color:#7303c0;border-radius:6px;box-sizing:border-box;display:inline-block;height:14px;left:0;margin-left:-10px;position:absolute;top:-4px;width:20px}.abcjs-inline-audio .abcjs-midi-clock{box-sizing:border-box;color:#7303c0;display:none;display:inline-block;font-family:sans-serif;font-size:16px;margin-left:4px;margin-right:2px;margin-top:1px}.abcjs-inline-audio .abcjs-tempo-wrapper{align-items:center;box-sizing:border-box;color:#7303c0!important;color:#f4f4f4;display:none;display:flex;font-size:10px}.abcjs-inline-audio .abcjs-midi-tempo{border:none;border-radius:9px;box-sizing:revert-layer;color:#7303c0!important;height:90%;margin:5px 6px -20px 16px;padding-left:2px;width:42px}.abcjs-inline-audio .abcjs-loading .abcjs-loading-svg{display:inherit}.abcjs-inline-audio .abcjs-loading{animation-duration:1s;animation-iteration-count:infinite;animation-name:abcjs-spin;animation-timing-function:linear;outline:none}.abcjs-inline-audio .abcjs-loading-svg circle{stroke:#f4f4f4}@keyframes abcjs-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.abcjs-large .abcjs-inline-audio{height:52px}.abcjs-large .abcjs-btn{font-size:28px;height:52px;padding:6px 8px;width:56px}.abcjs-large .abcjs-midi-progress-background{border:4px solid #ccc;height:20px}.abcjs-large .abcjs-midi-progress-indicator{height:28px;top:-8px;width:40px}.abcjs-large .abcjs-midi-clock{font-size:32px;margin-left:10px;margin-right:10px;margin-top:-1px}.abcjs-large .abcjs-midi-tempo{font-size:20px;width:50px}.abcjs-large .abcjs-tempo-wrapper{font-size:20px}.abcjs-css-warning{display:none}.welcome-guide-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.7);height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:9998}.welcome-guide-overlay.active{opacity:1;visibility:visible}.welcome-guide-modal{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.95);border-radius:16px;box-shadow:0 8px 32px rgba(115,3,192,.25),0 0 20px rgba(115,3,192,.15),0 0 40px rgba(115,3,192,.1);left:50%;max-width:90vw;min-width:300px;opacity:0;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden;z-index:9999}.welcome-guide-modal.active{opacity:1;visibility:visible}.welcome-guide-modal-content h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 12px}.welcome-guide-modal-content p{color:#666;font-size:.95rem;margin:0 0 20px}.welcome-guide-buttons{display:flex;gap:12px;justify-content:flex-end}.welcome-guide-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.welcome-guide-no{background:#f5f5f5;color:#666}.welcome-guide-no:hover{background:#e0e0e0}.welcome-guide-yes{background:#7303c0;box-shadow:0 0 6px rgba(115,3,192,.5),0 0 12px rgba(115,3,192,.3),0 2px 6px rgba(115,3,192,.2);color:#fff}.welcome-guide-yes:hover{box-shadow:0 0 10px rgba(115,3,192,.7),0 0 20px rgba(115,3,192,.5),0 4px 8px rgba(115,3,192,.3);transform:translateY(-2px)}.welcome-guide-tooltip{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 10px rgba(115,3,192,.3);max-width:250px;opacity:0;padding:16px;position:fixed;transition:all .3s ease;visibility:hidden;z-index:10000}.welcome-guide-tooltip.active{opacity:1;visibility:visible}.welcome-guide-tooltip-content{color:#333;font-size:.9rem;line-height:1.4}.welcome-guide-tooltip-top .welcome-guide-tooltip-arrow{border-top:8px solid #fff;bottom:-8px}.welcome-guide-tooltip-bottom .welcome-guide-tooltip-arrow,.welcome-guide-tooltip-top .welcome-guide-tooltip-arrow{border-left:8px solid transparent;border-right:8px solid transparent;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.welcome-guide-tooltip-bottom .welcome-guide-tooltip-arrow{border-bottom:8px solid #fff;top:-8px}.welcome-guide-tooltip-middle-right .welcome-guide-tooltip-arrow{border-right:8px solid #fff;left:-8px}.welcome-guide-tooltip-middle-left .welcome-guide-tooltip-arrow,.welcome-guide-tooltip-middle-right .welcome-guide-tooltip-arrow{border-bottom:8px solid transparent;border-top:8px solid transparent;height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.welcome-guide-tooltip-middle-left .welcome-guide-tooltip-arrow{border-left:8px solid #fff;right:-8px}.welcome-guide-highlight{border-radius:8px;box-shadow:0 0 20px rgba(115,3,192,.9),0 0 40px rgba(115,3,192,.7),0 0 60px rgba(115,3,192,.5)!important;position:relative;transform:scale(1.02);transition:all .3s ease;z-index:10002!important}.welcome-info-btn{align-items:center;background:#9c27b0;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;left:20px;position:fixed;transition:.2s;user-select:none;width:40px;z-index:1000}.welcome-info-btn.pulse{animation:pulse 1.5s infinite}.welcome-info-btn:hover{background:#7b1fa2;transform:scale(1.05)}.answer-container{align-items:center;background:hsla(0,0%,100%,.9);border-radius:8px;display:flex;justify-content:center;margin:8px 0;min-height:80px;overflow:visible;padding:8px;transition:all .3s ease}.answer-container svg{margin:0!important;max-width:100%;min-height:70px;padding:0!important}.answer-success{border:2px solid #9c27b0;box-shadow:0 0 8px rgba(156,39,176,.4),0 2px 6px rgba(156,39,176,.2)}.answer-error{border:2px solid #ff4081;box-shadow:0 0 8px rgba(255,64,129,.4),0 2px 6px rgba(255,64,129,.2)}.answer-title{background:hsla(0,0%,100%,.8);border-radius:6px;font-size:.9em;font-weight:600;margin-bottom:4px;padding:6px 10px;text-align:center;transition:all .3s ease}.title-success{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 0 6px rgba(156,39,176,.5),0 2px 4px rgba(156,39,176,.3);color:#fff}.title-error{background:linear-gradient(135deg,#ff4081,#f50057);box-shadow:0 0 6px rgba(255,64,129,.5),0 2px 4px rgba(255,64,129,.3);color:#fff}@keyframes success-pulse{0%{box-shadow:0 0 8px rgba(156,39,176,.4),0 2px 6px rgba(156,39,176,.2)}50%{box-shadow:0 0 15px rgba(156,39,176,.8),0 4px 10px rgba(156,39,176,.4)}to{box-shadow:0 0 8px rgba(156,39,176,.4),0 2px 6px rgba(156,39,176,.2)}}.answer-success.success-animation{animation:success-pulse 2s ease-in-out}.answer-container .abcjs-notehead,.answer-container .abcjs-staff{transform:none}@media (max-width:768px){.answer-container{margin:6px 0;min-height:70px;padding:6px}.answer-title{font-size:.8em;padding:4px 8px}}#correctAnswerRenderAudio,#userAnswerRenderAudio{margin:4px 0}#correctAnswerRenderAudio .abcjs-inline-audio,#userAnswerRenderAudio .abcjs-inline-audio{height:30px!important;transform:scale(.8)}.answer-container{position:relative;z-index:1}.answer-container svg{display:block;width:100%}.zoom-control-container{backdrop-filter:blur(12px);background:hsla(0,0%,100%,.95);border:1px solid rgba(115,3,192,.15);border-radius:16px;bottom:30px;box-shadow:0 4px 20px rgba(156,39,176,.15),0 0 25px rgba(115,3,192,.08),inset 0 1px 0 hsla(0,0%,100%,.6);left:20px;max-width:calc(100vw - 100px);min-width:300px;overflow:hidden;padding:16px 20px;position:fixed;transition:all .3s ease;z-index:1000}.zoom-control-container:hover{box-shadow:0 6px 25px rgba(156,39,176,.2),0 0 30px rgba(115,3,192,.12),inset 0 1px 0 hsla(0,0%,100%,.8);transform:translateY(-2px)}.zoom-control-form,.zoom-control-form .form-group{align-items:center;display:flex;gap:16px;margin:0}.zoom-control-form .form-group{flex:1}.zoom-control-form label{color:#7303c0;font-size:.95em;font-weight:700;margin:0;min-width:80px;white-space:nowrap}.zoom-range-custom{-webkit-appearance:none!important;appearance:none!important;background:#7303c0!important;border:none!important;border-radius:4px!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)!important;cursor:pointer!important;flex:1;height:8px!important;outline:none!important}.zoom-range-custom::-webkit-slider-track{background:#7303c0!important;border:none!important;border-radius:4px!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)!important;height:8px!important}.zoom-range-custom::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;background:#7303c0!important;border:4px solid #fff!important;border-radius:50%!important;box-shadow:0 0 0 1px rgba(115,3,192,.3),0 4px 12px rgba(115,3,192,.6),0 8px 20px rgba(115,3,192,.4)!important;cursor:pointer!important;height:24px!important;width:24px!important}.zoom-range-custom::-webkit-slider-thumb:hover{background:#9c27b0!important;box-shadow:0 0 0 1px rgba(115,3,192,.4),0 6px 16px rgba(115,3,192,.8),0 12px 25px rgba(115,3,192,.5)!important}.zoom-range-custom::-moz-range-track{background:#7303c0!important;border:none!important;border-radius:4px!important;height:8px!important}.zoom-range-custom::-moz-range-thumb{background:#7303c0!important;border:4px solid #fff!important;border-radius:50%!important;box-shadow:0 0 0 1px rgba(115,3,192,.3),0 4px 12px rgba(115,3,192,.6),0 8px 20px rgba(115,3,192,.4)!important;cursor:pointer!important;height:24px!important;width:24px!important}@keyframes zoom-pulse{0%{box-shadow:0 4px 20px rgba(156,39,176,.15),0 0 25px rgba(115,3,192,.08)}50%{box-shadow:0 4px 20px rgba(156,39,176,.25),0 0 30px rgba(115,3,192,.15),0 0 40px rgba(115,3,192,.1)}to{box-shadow:0 4px 20px rgba(156,39,176,.15),0 0 25px rgba(115,3,192,.08)}}.zoom-control-container.zooming{animation:zoom-pulse .4s ease}@media (max-width:768px){.zoom-control-container{bottom:25px;left:10px;min-width:280px;padding:14px 16px}.zoom-control-form{gap:12px}.zoom-control-form label{font-size:.9em;min-width:70px}.ai-help-container{background:linear-gradient(135deg,rgba(156,39,176,.03),hsla(0,0%,100%,.1))!important;border:2px solid rgba(115,3,192,.2)!important;box-shadow:0 4px 15px rgba(115,3,192,.1),0 0 20px rgba(115,3,192,.05)!important;transition:all .3s ease}.ai-help-container:hover{border-color:rgba(115,3,192,.4)!important;box-shadow:0 6px 20px rgba(115,3,192,.15),0 0 25px rgba(115,3,192,.08)!important}.ai-help-btn i{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem;transition:all .3s ease}.ai-help-btn:hover i{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transform:scale(1.1)}.ai-help-content{min-height:100px;transition:all .3s ease}.ai-hint-text{animation:fadeIn .5s ease;color:#333;font-family:Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;white-space:pre-line}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.cursor{animation:cursor-blink 1s infinite;background-color:#7303c0;display:inline-block;margin-left:2px;vertical-align:baseline;width:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.correct-answer-container{animation:slideIn .4s ease;background:linear-gradient(135deg,rgba(76,175,80,.05),hsla(0,0%,100%,.1));border-left:4px solid #4caf50!important}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.ai-help-btn{height:50px!important;width:50px!important}.ai-help-btn i{font-size:1.3rem}.ai-hint-text{font-size:.9rem;padding:12px!important}}.ai-help-container .text-primary{color:#7303c0!important;padding-left:24px;position:relative;text-shadow:0 2px 4px rgba(115,3,192,.2)}.ai-help-container .text-primary:before{background:linear-gradient(135deg,#9c27b0,#7303c0);border-radius:50%;box-shadow:0 0 8px rgba(115,3,192,.5);content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:16px}.ai-help-container .text-primary i{margin-right:8px}.ai-help-content .spinner-border{border-width:.25em;height:3rem;width:3rem}.ai-help-content .spinner-border.text-primary{border-color:#7303c0 transparent #7303c0 #7303c0}.ai-hint-text{position:relative}.ai-hint-text:after{background:linear-gradient(90deg,transparent,rgba(115,3,192,.3),transparent);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.ai-help-btn{align-items:center!important;background:linear-gradient(135deg,#9c27b0,#7303c0)!important;border:none!important;border-radius:50%!important;box-shadow:0 0 15px rgba(115,3,192,.6),0 0 30px rgba(115,3,192,.4),0 6px 20px rgba(115,3,192,.3)!important;display:flex!important;height:55px!important;justify-content:center!important;overflow:hidden!important;padding:0!important;position:relative!important;transition:all .3s cubic-bezier(.2,.8,.4,1.2)!important;width:55px!important}.ai-help-btn:hover{background:linear-gradient(135deg,#7303c0,#9c27b0)!important;box-shadow:0 0 25px rgba(115,3,192,.8),0 0 50px rgba(115,3,192,.6),0 10px 30px rgba(115,3,192,.4)!important;transform:translateY(-3px) scale(1.05)!important}.ai-help-btn:active{box-shadow:0 0 10px rgba(115,3,192,.5),0 0 20px rgba(115,3,192,.3),0 4px 12px rgba(115,3,192,.2)!important;transform:translateY(0) scale(.98)!important}.ai-help-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:24px;transition:all .3s ease;width:24px}.ai-help-btn:hover svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transform:scale(1.1)}.ai-help-btn svg path{fill:#fff!important;stroke:#fff!important}@keyframes ai-pulse{0%{box-shadow:0 0 15px rgba(115,3,192,.6),0 0 30px rgba(115,3,192,.4),0 6px 20px rgba(115,3,192,.3)}50%{box-shadow:0 0 25px rgba(115,3,192,.9),0 0 50px rgba(115,3,192,.7),0 10px 35px rgba(115,3,192,.5)}to{box-shadow:0 0 15px rgba(115,3,192,.6),0 0 30px rgba(115,3,192,.4),0 6px 20px rgba(115,3,192,.3)}}.ai-help-btn.pulse{animation:ai-pulse 2s infinite}}.notikz-tool-palette{align-items:center;backdrop-filter:blur(12px);background:hsla(0,0%,100%,.95);border:1px solid rgba(115,3,192,.15);border-radius:20px;bottom:30px;box-shadow:0 4px 20px rgba(156,39,176,.15),0 0 25px rgba(115,3,192,.08),inset 0 1px 0 hsla(0,0%,100%,.6);display:flex;gap:16px;left:50%;min-width:320px;padding:12px 16px;position:fixed;transform:translateX(-50%);z-index:1000}.notikz-tool-palette .zoom-control-wrapper{align-items:center;display:flex;flex:1;gap:8px}.notikz-tool-palette .zoom-control-wrapper label{color:#7303c0;font-size:.9em;font-weight:700;margin:0;white-space:nowrap}.notikz-tool-palette .zoom-range-custom{-webkit-appearance:none!important;appearance:none!important;background:#7303c0!important;border:none!important;border-radius:4px!important;cursor:pointer!important;flex:1;height:8px!important;outline:none!important}.notikz-tags-container{animation:tags-fade-in .5s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(115,3,192,.08);border:1px solid rgba(115,3,192,.15);border-radius:14px;box-shadow:0 4px 20px rgba(115,3,192,.08),inset 0 1px 0 hsla(0,0%,100%,.8);margin:8px 0 20px;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes tags-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notikz-tags-container:before{background:linear-gradient(90deg,#7303c0,#9c27b0,#e1bee7);border-radius:14px 14px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.notikz-tags-title{align-items:center;color:#7303c0;display:flex;font-size:.85em;font-weight:700;gap:8px;letter-spacing:.5px;margin-bottom:12px;padding-left:4px;position:relative;text-transform:uppercase}.notikz-tags-title:before{content:"🔒";font-size:.9em;opacity:.8}.notikz-tags-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.notikz-tag{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,rgba(115,3,192,.1),rgba(156,39,176,.15));border:1px solid rgba(115,3,192,.25);border-radius:12px;box-shadow:0 2px 8px rgba(115,3,192,.1),inset 0 1px 0 hsla(0,0%,100%,.6);color:#7303c0;cursor:default;font-size:.85em;font-weight:600;max-width:180px;overflow:hidden;padding:6px 14px;position:relative;text-overflow:ellipsis;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.notikz-tag:before{content:"#";margin-right:2px;opacity:.5}.notikz-tag:hover{background:linear-gradient(135deg,rgba(115,3,192,.15),rgba(156,39,176,.2));border-color:rgba(115,3,192,.4);box-shadow:0 4px 16px rgba(115,3,192,.2),inset 0 1px 0 hsla(0,0%,100%,.8);color:#5a03a0;transform:translateY(-2px)}.notikz-tag:active{transform:translateY(0)}.notikz-tag{animation:tag-slide-up .4s ease-out backwards}@keyframes tag-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notikz-tags-list .notikz-tag:first-child{animation-delay:.05s}.notikz-tags-list .notikz-tag:nth-child(2){animation-delay:.1s}.notikz-tags-list .notikz-tag:nth-child(3){animation-delay:.15s}.notikz-tags-list .notikz-tag:nth-child(4){animation-delay:.2s}.notikz-tags-list .notikz-tag:nth-child(5){animation-delay:.25s}.notikz-tags-list .notikz-tag:nth-child(n+6){animation-delay:.3s}.notikz-tags-count{background:rgba(115,3,192,.1);border:1px solid rgba(115,3,192,.2);border-radius:10px;color:#7303c0;font-size:.8em;font-weight:700;margin-left:8px;padding:2px 8px}.dark-theme .notikz-tags-container{background:rgba(30,30,45,.7);border:1px solid rgba(115,3,192,.3);box-shadow:0 4px 25px rgba(115,3,192,.15),inset 0 1px 0 hsla(0,0%,100%,.05)}.dark-theme .notikz-tags-title{color:#e1bee7;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dark-theme .notikz-tags-title:before{content:"🔐";filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));opacity:1}.dark-theme .notikz-tag{background:linear-gradient(135deg,rgba(115,3,192,.2),rgba(156,39,176,.25));border:1px solid rgba(115,3,192,.4);box-shadow:0 2px 12px rgba(115,3,192,.2),inset 0 1px 0 hsla(0,0%,100%,.1);color:#e1bee7;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dark-theme .notikz-tag:hover{background:linear-gradient(135deg,rgba(115,3,192,.25),rgba(156,39,176,.3));border-color:rgba(156,39,176,.6);box-shadow:0 4px 20px rgba(115,3,192,.3),inset 0 1px 0 hsla(0,0%,100%,.15);color:#fff}.dark-theme .notikz-tags-count{background:rgba(115,3,192,.25);border:1px solid rgba(115,3,192,.4);color:#e1bee7}.notikz-admin-indicator{background:linear-gradient(135deg,#7303c0,#9c27b0);border-radius:10px;box-shadow:0 2px 8px rgba(115,3,192,.4);color:#fff;font-size:.7em;font-weight:700;letter-spacing:.5px;opacity:.9;padding:3px 10px;position:absolute;right:12px;text-transform:uppercase;top:8px;z-index:2}.dark-theme .notikz-admin-indicator{background:linear-gradient(135deg,#9c27b0,#ba68c8);box-shadow:0 2px 10px rgba(115,3,192,.6)}@media (max-width:768px){.notikz-tags-container{border-radius:12px;margin:6px 0 16px;padding:14px 16px}.notikz-tag{font-size:.8em;max-width:140px;padding:5px 12px}.notikz-tags-title{font-size:.8em;margin-bottom:10px}.notikz-admin-indicator{font-size:.65em;padding:2px 8px;right:10px;top:6px}}@media (max-width:480px){.notikz-tags-container{border-radius:10px;margin:4px 0 14px;padding:12px 14px}.notikz-tag{border-radius:10px;font-size:.75em;max-width:120px;padding:4px 10px}.notikz-tags-list{gap:6px}.notikz-tags-title{font-size:.75em}.notikz-admin-indicator{display:none}}@media (min-width:769px) and (max-width:1024px){.notikz-tag{max-width:160px}}.notikz-tags-container:hover{border-color:rgba(115,3,192,.25);box-shadow:0 6px 25px rgba(115,3,192,.12),inset 0 1px 0 hsla(0,0%,100%,.9)}.dark-theme .notikz-tags-container:hover{border-color:rgba(115,3,192,.4);box-shadow:0 6px 30px rgba(115,3,192,.25),inset 0 1px 0 hsla(0,0%,100%,.08)}.dark-theme .music-question-block{background:transparent}.dark-theme svg .abcjs-notehead,.dark-theme svg path[class*=notehead],.dark-theme svg path[data-name=notehead]{fill:#fbfbfb!important;stroke:#fff!important}.dark-theme svg .abcjs-stem,.dark-theme svg path[data-name=stem]{stroke:#e1bee7!important;fill:#e1bee7!important}.dark-theme .bg-light{background:rgba(30,30,40,.8)!important;border:1px solid #4a2a5a!important}.dark-theme .border{border-color:#4a2a5a!important}.dark-theme .rounded{border-radius:8px}.dark-theme .fw-bold{color:#e1bee7!important}.dark-theme .ai-help-container{background:rgba(25,25,35,.9)!important;border:1px solid #4a2a5a!important;box-shadow:0 4px 15px rgba(0,0,0,.5)!important}.dark-theme .ai-hint-text{background:rgba(45,30,55,.5)!important;border-left:4px solid #9c27b0!important;color:#e0e0e0!important}.dark-theme .btn-outline-warning{border-color:#ffb74d!important;color:#ffb74d!important}.dark-theme .btn-outline-warning:hover{background:rgba(255,183,77,.2)!important;color:#ffa726!important}.dark-theme .text-primary{color:#ba68c8!important}.dark-theme .music-question-data,.dark-theme .music-question-savepreview,.dark-theme .music-question-svg{display:none}.note-cursor,.selection-cursor{pointer-events:none;transition:all .1s ease}@keyframes cursorPulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.selection-cursor{animation:cursorPulse 1.5s infinite}