.que-lio{--ql-ink: #50325f;--ql-purple: #603681;position:relative;border-radius:28px;background:#fff;padding:20px;color:var(--ql-ink)}.que-lio button{min-width:64px;min-height:64px;padding:12px 23px;border:0;border-radius:999px;background:#e7d9f5;color:var(--ql-purple);font:600 1.0625rem DM Sans Variable,sans-serif;cursor:pointer;line-height:1.25}.que-lio button:focus-visible{outline:3px solid #50325f;outline-offset:4px}.que-lio button:hover:enabled{background:#dac5ee}.que-lio button:disabled{opacity:.55;cursor:default}.ql-toolbar,.ql-modes,.ql-actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.ql-toolbar{margin-bottom:16px}.ql-stage-wrap{position:relative;isolation:isolate;width:100%;aspect-ratio:16 / 9;background:#e6d8f5;overflow:hidden;border-radius:24px}.ql-stage{position:absolute;inset:0}.que-lio .ql-replay{position:absolute;z-index:2;left:50%;bottom:5%;transform:translate(-50%);width:min(360px,70%);min-height:80px;background:#603681;color:#fff;box-shadow:0 6px #412257,0 9px 22px #26123630;font:600 clamp(1.4rem,3vw,2rem) "Fredoka Variable",sans-serif}.que-lio .ql-replay:hover:enabled{background:#75449b}@media(max-width:700px){.que-lio .ql-replay{min-height:64px;bottom:4%}}.ql-stage canvas{display:block;touch-action:none}.ql-stage>div{pointer-events:none}.ql-boot-message{position:absolute;left:0;right:0;bottom:9%;text-align:center;font-size:clamp(.8rem,2vw,1.15rem);pointer-events:none}.ql-pause{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#e6d8f5f5;text-align:center;padding:24px}.ql-pause p{font-family:Fredoka Variable,sans-serif;font-size:clamp(1.1rem,4vw,2rem)}.que-lio .ql-pause button{background:#603681;color:#fff}.ql-status{min-height:3.2em;text-align:center;font-weight:600;margin:18px auto 8px;max-width:64ch;line-height:1.6}.que-lio .ql-green{background:#386b29;color:#fff;min-width:164px}.que-lio .ql-blue{background:#206986;color:#fff;min-width:164px}.que-lio .ql-green:hover:enabled{background:#2b5721}.que-lio .ql-blue:hover:enabled{background:#18536c}.ql-actions{margin-top:12px}.ql-orientation{display:none;text-align:center;font-size:1rem;line-height:1.6;margin-bottom:12px}.ql-howto,.ql-notice{font-size:1rem;text-align:center;line-height:1.6;max-width:65ch;margin:16px auto 0}.ql-access-toggle{display:block;margin:18px auto 0}.ql-access{margin-top:18px;padding:24px;border-radius:24px;background:#f8f4fc}.ql-access>p{line-height:1.6;margin-bottom:16px}.ql-access fieldset{padding:0;border:0;margin-top:20px;min-width:0}.ql-access legend{font-weight:700;margin-bottom:14px}.ql-gem-buttons,.ql-slot-buttons{display:flex;gap:12px;flex-wrap:wrap}.que-lio .ql-gem-buttons button{position:relative;width:72px;height:72px;padding:0;border-radius:21px;background:#ffc5e3;color:#542249;font:600 2rem Fredoka Variable,sans-serif}.que-lio .ql-gem-buttons button[aria-pressed=true]{outline:4px solid #603681;outline-offset:2px}.ql-check{position:absolute;right:0;top:0;font-size:1rem;border-radius:999px;background:#fff;padding:2px}.que-lio .ql-slot-buttons button{min-width:100px;min-height:88px;border-radius:18px;padding:12px}.ql-slot-name{display:block;font-size:.875rem}.ql-slot-buttons strong{display:block;font-size:1.75rem;line-height:1.4}@media(max-width:700px){.que-lio{padding:12px}.ql-toolbar{gap:8px}.ql-toolbar button{padding-inline:14px;font-size:.9375rem}.ql-orientation{display:block}.ql-access{padding:16px}.ql-stage-wrap{border-radius:16px}}@media(prefers-reduced-motion:reduce){.que-lio *,.que-lio *:before,.que-lio *:after{scroll-behavior:auto;animation:none;transition:none}}.que-lio .ql-slot-buttons button[data-hint=true]{outline:3px dashed #603681;outline-offset:2px;background:#fff2bf}.que-lio[data-theme=ocean] .ql-stage-wrap{background:#124e71}.que-lio[data-theme=ocean] .ql-pause{background:#d8eeeef5}.que-lio[data-theme=ocean] .ql-gem-buttons button{width:84px;height:78px;border-radius:38% 44% 32% 40%;background:#d0ede4;color:#315960}.ql-navigation{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex:none}.ql-navigation .ql-toolbar{margin:0}.que-lio .ql-exit{position:static;background:#fffcf3;color:#603681}.ql-content{min-width:0}.que-lio.ql-expanded{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;width:100%;height:100dvh;max-width:none;overflow:hidden;overscroll-behavior:contain;border-radius:0;background:#e6d8f5;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.que-lio.ql-expanded .ql-content{flex:1;min-height:0;overflow:auto}.que-lio.ql-expanded .ql-navigation{margin-bottom:8px}.que-lio.ql-expanded .ql-orientation,.que-lio.ql-expanded .ql-howto{display:none}.que-lio[data-theme=ocean].ql-expanded{background:#124e71}.que-lio[data-theme=ocean].ql-expanded .ql-status{color:#edfff6}@media(max-height:600px)and (orientation:landscape){.que-lio.ql-expanded .ql-stage-wrap{width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:16px}.que-lio.ql-expanded .ql-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}}
