*,*:before,*:after{box-sizing:border-box}*{margin:0}html{height:100%}body{min-height:100%;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{height:100svh;width:100svw;background-color:#013}.speech-controls{position:absolute;left:12px;top:12px;z-index:20}.speech-button{padding:8px 12px;border-radius:6px}.jukebox-status{margin-left:8px}.notification{position:fixed;top:1.25rem;right:1.25rem;padding:1rem 1.5rem;border-radius:.375rem;z-index:1000;font-weight:500;font-size:.95rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification--err{background-color:#f45462e6;color:#fff;border:1px solid rgba(244,84,98,1)}.notification--warn{background-color:#f4c542e6;color:#1a1a1a;border:1px solid rgba(244,197,66,1)}.notification--success{background-color:#42f468e6;color:#1a1a1a;border:1px solid rgba(66,244,104,1)}.naughty-list{position:fixed;bottom:0;right:0;width:20rem;margin:2rem;padding:0;list-style:none;border-radius:1rem;opacity:.15;scale:.9;transition:all .3s ease-in-out;background:linear-gradient(180deg,#f7efd6,#efe0b8 40%,#e7d6a2),radial-gradient(ellipse at 20% 10%,rgba(200,170,120,.1) 0%,transparent 20%),repeating-linear-gradient(45deg,rgba(0,0,0,.02) 0 1px,transparent 1px 6px);background-blend-mode:multiply,normal,normal;border:2px solid rgba(80,60,30,.45);box-shadow:inset 0 0 30px #00000040,0 8px 18px #00000059;color:#3b2a12;overflow:hidden}.naughty-list:hover{scale:1;opacity:1;cursor:default;transition:all .3s ease-in-out}.naughty-list .naughty-list__title{width:100%;text-align:center;font-size:2rem;font-weight:700;font-family:Dancing Script,cursive;color:#4a3317;text-shadow:.5px .5px 0 rgba(255,255,255,.18)}.naughty-list .naughty-list__subtitle{font-size:1.5rem;font-family:Dancing Script,cursive;padding-left:.5rem;color:#5a3f1f}.naughty-list .naughty-list__group{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between}.naughty-list .naughty-list__group .naughty-list__item{width:auto;justify-self:start;padding-left:.5rem;color:#3b2a12;text-shadow:0 1px 0 rgba(255,255,255,.08)}.naughty-list .naughty-list__group .naughty-list__item:nth-child(2n){justify-self:end;padding-right:.5rem}.speech-toggle{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;justify-content:center}.speech-toggle .icon{width:30px;height:30px;color:#3b2a12}.speech-toggle .icon--start{color:#00ff0d}.speech-toggle .icon--stop{color:red}.speech-toggle .speech-toggle__button{border:2px solid rgba(255,255,255,.25);padding:.5rem;border-radius:50%;background-color:#00000040}.speech-toggle .speech-toggle__button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.speech-toggle .speech-toggle__button:active{transform:translateY(0)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#0d4d2a,#1a6b3a,#0f5530);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1}.loading-content{text-align:center;color:#fff}.loading-title{font-size:3.5rem;font-weight:400;margin-bottom:1rem;letter-spacing:.2rem;color:#fff;text-shadow:0 0 20px rgba(220,38,38,.4);animation:pulse 2s ease-in-out infinite}.loading-subtitle{font-size:1rem;font-weight:300;color:#ffffffd9;letter-spacing:.05rem;margin-bottom:3rem;font-style:italic}@keyframes pulse{0%,to{opacity:.8;text-shadow:0 0 20px rgba(220,38,38,.3)}50%{opacity:1;text-shadow:0 0 30px rgba(220,38,38,.5)}}.progress-container{width:300px;height:8px;background:#fff3;border-radius:20px;overflow:hidden;margin:0 auto;box-shadow:0 0 15px #dc26264d;border:2px solid rgba(255,255,255,.3)}.progress-bar{height:100%;width:0%;background:repeating-linear-gradient(45deg,#dc2626 0px 15px,#fff 15px 30px);border-radius:20px;box-shadow:0 0 20px #dc262699;animation:candyCaneMove 1s linear infinite}@keyframes candyCaneMove{0%{background-position:0 0}to{background-position:42px 0}}.loading-percentage{margin-top:1.5rem;font-size:1.2rem;font-weight:400;color:#dc2626;letter-spacing:.1rem;text-shadow:0 0 10px rgba(220,38,38,.3)}