:root{--modal-dark-teal:#1d3557;--modal-teal:#457b9d;--modal-turquoise:#a8dadc;--modal-green:#f1faee;--modal-gold:#f1faee;--modal-orange-gold:#a8dadc;--modal-orange:#e63946;--modal-orange-red:#e63946;--modal-red-orange:#e63946}.modal{position:fixed;top:0;left:0;right:0;bottom:0;display:none;background:linear-gradient(135deg,rgba(29,53,87,.85) 0,rgba(69,123,157,.85) 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal.show{display:flex}.modal-content{background:#fff;border-radius:24px;max-width:700px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:#1d3557;color:#fff;padding:28px 32px;border-radius:24px 24px 0 0;position:relative;display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:1.75rem;font-weight:600;line-height:1.3;padding-right:40px;color:#fff}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:rgba(255,255,255,.2);color:#fff;font-size:28px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg) scale(1.1)}.modal-close:active{transform:rotate(90deg) scale(.95)}.modal-body{padding:24px 32px 32px 32px}.exercise-details{color:var(--modal-dark-teal);line-height:1.8;font-size:1rem}.exercise-details>h4,.exercise-details>p:first-child{animation:slideInFromTop .4s ease-out}.exercise-details h4{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 12px 0;padding:16px 20px;background:linear-gradient(135deg,var(--modal-orange) 0,var(--modal-orange-red) 100%);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;overflow:hidden;animation:slideInFromLeft .5s ease-out backwards;cursor:pointer;transition:all .3s ease;user-select:none}.exercise-details h4:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.exercise-details h4.active{border-radius:12px 12px 0 0}.exercise-details h4::before{content:'▼';font-size:.9rem;transition:transform .3s ease;flex-shrink:0;order:2}.exercise-details h4.active::before{transform:rotate(180deg)}.exercise-details h4:first-of-type{animation-delay:.1s}.exercise-details h4:nth-of-type(2){animation-delay:.2s}.exercise-details h4:nth-of-type(3){animation-delay:.3s}.exercise-details h4:nth-of-type(4){animation-delay:.4s}.exercise-details h4:nth-of-type(5){animation-delay:.5s}.exercise-details h4::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s ease-in-out infinite}.exercise-details h4:first-of-type,.exercise-details h4:has(+ p:first-of-type){background:#457b9d;color:#fff}.exercise-details h4:nth-of-type(2){background:#a8dadc;color:#1d3557}.exercise-details h4:nth-of-type(3){background:#e63946;color:#fff}.exercise-details h4:nth-of-type(4){background:linear-gradient(135deg,#457b9d 0,#a8dadc 100%);color:#fff}.exercise-details h4:nth-of-type(5){background:linear-gradient(135deg,#e63946 0,#1d3557 100%);color:#fff}.exercise-details h4+ol,.exercise-details h4+p,.exercise-details h4+ul{margin:0 0 24px 0;padding:24px 28px;background:#fff;border:2px solid var(--modal-orange-gold);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 4px 12px rgba(0,0,0,.08);max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.exercise-details h4.active+ol,.exercise-details h4.active+p,.exercise-details h4.active+ul{max-height:1000px;opacity:1;padding:24px 28px;animation:slideInFromRight .5s ease-out}.exercise-details h4:first-of-type+ol,.exercise-details h4:first-of-type+p,.exercise-details h4:first-of-type+ul{animation-delay:.15s}.exercise-details h4:nth-of-type(2)+ol,.exercise-details h4:nth-of-type(2)+p,.exercise-details h4:nth-of-type(2)+ul{animation-delay:.25s}.exercise-details h4:nth-of-type(3)+ol,.exercise-details h4:nth-of-type(3)+p,.exercise-details h4:nth-of-type(3)+ul{animation-delay:.35s}.exercise-details h4:nth-of-type(4)+ol,.exercise-details h4:nth-of-type(4)+p,.exercise-details h4:nth-of-type(4)+ul{animation-delay:.45s}.exercise-details h4:nth-of-type(5)+ol,.exercise-details h4:nth-of-type(5)+p,.exercise-details h4:nth-of-type(5)+ul{animation-delay:.55s}.exercise-details p{margin:0 0 16px 0;color:var(--modal-dark-teal);line-height:1.7}.exercise-details p:last-child{margin-bottom:0}.exercise-details ol,.exercise-details ul{margin:0;padding-left:28px}.exercise-details ul{list-style:none}.exercise-details ol>li>ul{list-style-type:disc!important;padding-left:28px!important;margin-top:4px!important;margin-bottom:6px!important}.exercise-details li{margin:8px 0;display:list-item;padding-left:28px;position:relative;color:var(--modal-dark-teal);line-height:1.6;white-space:normal;word-wrap:normal}.exercise-details ol>li>ul>li,.exercise-details ul>li>ul>li{display:list-item!important;padding-left:0!important;margin:2px 0!important;list-style-type:disc!important;list-style-position:outside!important;line-height:1.4!important;white-space:normal!important;word-break:normal!important}.exercise-details ol>li>ul>li::before,.exercise-details ul>li>ul>li::before{content:none!important;display:none!important}.exercise-details ol>li:has(> ol)>strong:first-child,.exercise-details ol>li:has(> ul)>strong:first-child,.exercise-details ul>li:has(> ol)>strong:first-child,.exercise-details ul>li:has(> ul)>strong:first-child{display:block!important;margin-bottom:4px}.exercise-details li strong{display:inline!important}.exercise-details li>:not(ul):not(ol):not(strong:first-child:last-child){display:inline!important}.exercise-details ol>li>ul>li,.exercise-details ul>li>ul>li{text-align:left;overflow-wrap:normal;font-size:1rem}.exercise-details li{font-size:inherit;text-rendering:optimizeLegibility}.exercise-details ol li,.exercise-details ul li{display:list-item!important}.exercise-details ol li :not(ul):not(ol),.exercise-details ul li :not(ul):not(ol){display:inline}.exercise-details ol>li:has(> strong),.exercise-details ul>li:has(> strong){list-style:none!important}.exercise-details ul>li:has(> strong)::before{content:none!important;display:none!important}.exercise-details li ol,.exercise-details li ul{margin-top:8px;margin-bottom:8px}.exercise-details li li{margin:8px 0}.exercise-details li::marker{color:var(--modal-teal);font-weight:600}.beweegbreaks-view .exercise-details ul li::before,.brainbreaks-view .exercise-details ul li::before,.brainstormstarters-view .exercise-details ul li::before,.checkins-view .exercise-details ul li::before,.energizers-view .exercise-details ul li::before,.exercise-details>ul>li::before,.icebreakers-view .exercise-details ul li::before{content:'●'!important;color:var(--modal-teal)!important;font-weight:400!important;font-size:1em!important;position:absolute!important;left:0!important;top:.15em!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important;line-height:1.7!important}.exercise-details ol>li>ul>li::before,.exercise-details ul>li>ul>li::before{content:none!important;display:none!important}.beweegbreaks-view .exercise-details ol li::before,.brainbreaks-view .exercise-details ol li::before,.brainstormstarters-view .exercise-details ol li::before,.checkins-view .exercise-details ol li::before,.energizers-view .exercise-details ol li::before,.exercise-details ol li::before,.icebreakers-view .exercise-details ol li::before{content:none!important;display:none!important}.exercise-details strong{color:var(--modal-dark-teal);font-weight:700;font-size:1.02em;display:inline!important}@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromTop{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes shine{0%{left:-100%}20%{left:100%}100%{left:100%}}.modal-actions{margin-top:32px;padding-top:24px;border-top:2px solid var(--modal-gold);display:flex;gap:12px;flex-wrap:wrap}.modal-actions .btn{flex:1;min-width:140px;padding:14px 24px;font-size:1.05rem;font-weight:600;border-radius:12px;transition:all .2s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.modal-actions .btn-primary{background:#e63946;color:#fff;position:relative;overflow:hidden}.modal-actions .btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.modal-actions .btn-primary:hover::before{left:100%}.modal-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 12px rgba(0,0,0,.15)}.modal-actions .btn-primary:active{transform:translateY(0)}.modal-actions .btn-secondary{background:#fff;border:2px solid var(--modal-green);color:var(--modal-dark-teal)}.modal-actions .btn-secondary:hover{background:var(--modal-gold);border-color:var(--modal-turquoise);transform:translateY(-2px)}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:var(--modal-gold);border-radius:0 24px 24px 0}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--modal-turquoise),var(--modal-teal));border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--modal-teal),var(--modal-dark-teal))}@media (max-width:768px){.modal-content{width:95%;max-height:90vh;border-radius:20px}.modal-header{padding:20px 24px;border-radius:20px 20px 0 0}.modal-header h3{font-size:1.4rem}.modal-body{padding:20px 24px 24px 24px}.exercise-details h4+ol,.exercise-details h4+p,.exercise-details h4+ul{padding:20px 24px}.exercise-details h4.active+ol,.exercise-details h4.active+p,.exercise-details h4.active+ul{padding:20px 24px}.exercise-details ol,.exercise-details ul{padding-left:24px}.exercise-details li{margin:10px 0;padding-left:10px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%;min-width:auto}}.exercise-details p:first-of-type{font-size:1.05rem;color:var(--modal-dark-teal);font-weight:500}.exercise-details p strong:only-child{display:inline-block;background:linear-gradient(135deg,var(--modal-gold),var(--modal-orange-gold));padding:4px 12px;border-radius:6px;margin-right:8px}.exercise-meta-box{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;padding:20px 24px;background:linear-gradient(135deg,#fff 0,var(--modal-gold) 100%);border-radius:16px;border-left:4px solid var(--modal-turquoise)}.exercise-meta-box .meta-item{display:flex;align-items:center;gap:6px;font-size:1rem;color:var(--modal-dark-teal)}.exercise-meta-box .meta-item strong{color:var(--modal-dark-teal)}.exercise-details ol{counter-reset:step-counter;list-style:none;padding-left:0;margin:16px 0}.exercise-details ol>li{counter-increment:step-counter;position:relative;padding-left:48px;margin:8px 0;line-height:1.6;list-style:none!important}.exercise-details ol>li>strong+ul{margin-top:4px!important}.exercise-details>ol>li::before{content:counter(step-counter);position:absolute;left:0;top:0;width:32px;height:32px;background:linear-gradient(135deg,var(--modal-turquoise),var(--modal-teal));color:#fff;font-weight:700;font-size:.9rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}@media (max-width:480px){.exercise-meta-box{flex-direction:column;gap:12px;padding:16px 20px}.exercise-details ol li{padding-left:40px}.exercise-details ol li::before{width:28px;height:28px;font-size:.8rem}}.modal-advanced-options{margin:24px 0;border-top:1px solid #e0e0e0;padding-top:20px}.advanced-options-toggle{display:flex;align-items:center;gap:8px;background:0 0;border:none;color:var(--modal-turquoise);font-size:.95rem;font-weight:500;padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;justify-content:flex-start}.advanced-options-toggle:hover{background:rgba(42,157,143,.08);color:var(--modal-teal)}.advanced-options-toggle:focus{outline:2px solid var(--modal-turquoise);outline-offset:2px}.advanced-options-toggle .chevron{margin-left:auto;transition:transform .2s ease}.advanced-options-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}.advanced-options-panel{margin-top:16px;padding:20px;background:linear-gradient(135deg,#f8fffe 0,#f0f8f7 100%);border:1px solid #d4edda;border-radius:12px;animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.advanced-options-intro{margin:0 0 18px 0;font-size:.9rem;color:var(--modal-teal);font-weight:500}.advanced-options-content{display:flex;flex-direction:column;gap:18px}.option-group{display:flex;flex-direction:column;gap:10px}.option-label{font-size:.9rem;font-weight:600;color:var(--modal-teal);display:flex;align-items:center;gap:6px}.option-control{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.option-btn{padding:9px 18px;border:2px solid #d4edda;background:#fff;color:var(--modal-teal);border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Rubik,sans-serif}.option-btn:hover{border-color:var(--modal-turquoise);background:rgba(42,157,143,.05);transform:translateY(-1px)}.option-btn.active{background:var(--modal-turquoise);color:#fff;border-color:var(--modal-turquoise);box-shadow:0 2px 8px rgba(42,157,143,.25)}.option-input{padding:9px 14px;border:2px solid #d4edda;border-radius:8px;font-size:.9rem;width:90px;font-family:Rubik,sans-serif;transition:all .2s ease}.option-input:focus{outline:0;border-color:var(--modal-turquoise);box-shadow:0 0 0 3px rgba(42,157,143,.1)}.option-btn-reset{padding:9px 16px;border:2px solid #e0e0e0;background:#fff;color:#666;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Rubik,sans-serif}.option-btn-reset:hover{border-color:#bbb;background:#f5f5f5}.option-help{font-size:.8rem;color:#666;margin:0;line-height:1.4}.option-remember{margin-top:8px;padding-top:18px;border-top:1px dashed #d4edda}.option-remember-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;user-select:none}.option-remember-checkbox{margin-top:3px;width:18px;height:18px;cursor:pointer;accent-color:var(--modal-turquoise)}.option-remember-label strong{display:block;color:var(--modal-teal);font-size:.9rem;margin-bottom:4px}.option-remember-label small{display:block;color:#666;font-size:.8rem;line-height:1.4}@media (max-width:600px){.advanced-options-panel{padding:16px}.option-btn{padding:8px 14px;font-size:.8rem}.option-input{width:70px;padding:8px 12px}.option-control{gap:6px}}