:root{--ink:#0d0718;--ink-alto:#17102b;--testo:#f3effc;--fioco:#9c93b8;--fioco-forte:#c2b9dc;--verde:#6ac591;--azzurro:#7aa8e0;--ambra:#e0a458;--rosso:#e0555a;--vetro-alto:#fff2;--vetro-basso:#ffffff0d;--vetro-tasto:#ffffff1c;--vetro-tasto-su:#ffffff30;--zona:150px;--corsia:64px;--sporgenza:51px;--centro-w:300px;--lato-w:392px;--molla:cubic-bezier(.32, .72, 0, 1);--font-ui:"Poppins", ui-sans-serif, system-ui, sans-serif;--grana:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (height<=780px){:root{--zona:138px}}.app[data-frecce=no]{--corsia:clamp(10px, 2vw, 26px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--testo);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--verde);outline-offset:3px;border-radius:6px}.via-schermo{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;display:flex;position:fixed;inset:0}.palco-zona{min-height:0;padding:clamp(10px, 2vh, 26px) var(--corsia) 0;flex:auto;place-items:center;display:grid;container:zona/size}.palco-cornice{width:min(100cqw,177.778cqh);position:relative}.palco{aspect-ratio:16/9;cursor:none;background:var(--palco-sfondo,#683d94);width:100%;transition:background-color .42s var(--molla);border-radius:0;position:relative;overflow:hidden;container:palco/size}.scena{position:absolute;inset:0}.scena svg{width:100%;height:100%;display:block}.sottotitoli{text-align:center;pointer-events:none;height:0;font-family:var(--sub-font,var(--font-ui));font-weight:var(--sub-peso,600);font-size:calc(var(--sub-taglia,3.1) * 1cqw);letter-spacing:-.005em;color:var(--sub-colore,#fff);margin:0;line-height:1.62;position:absolute;bottom:5.5%;left:19%;right:19%}.strato{opacity:0;position:absolute;bottom:0;left:0;right:0}.strato[data-fase=dentro]{animation:.34s cubic-bezier(.4,0,.2,1) both sub-entra}.strato[data-fase=esce]{animation:.3s cubic-bezier(.4,0,.2,1) both sub-esce}@keyframes sub-entra{0%{opacity:0;transform:translateY(-.5em)}to{opacity:1;transform:translateY(0)}}@keyframes sub-esce{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.5em)}}.banda{background:var(--sub-velo,transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;text-shadow:0 .04em .14em #00000057;border-radius:.16em;padding:0 .46em}.sottotitoli[data-velo=pieno] .banda{text-shadow:none}.controlli-zona{flex:0 0 var(--zona);justify-content:center;min-height:0;padding:14px 12px 10px;display:flex;position:relative}.controlli-zona:before{content:"";background:radial-gradient(58% 100% at 50% 0%, color-mix(in srgb, var(--palco-sfondo,#683d94) 60%, transparent), transparent 72%);opacity:.5;pointer-events:none;height:230px;transition:background .42s var(--molla);position:absolute;inset:0 0 auto}.consolle{background:linear-gradient(178deg, var(--vetro-alto), var(--vetro-basso));-webkit-backdrop-filter:blur(26px)saturate(1.75)brightness(1.07);width:max-content;max-width:100%;animation:entra-consolle .56s .12s var(--molla) both;border-radius:999px;align-items:center;gap:22px;padding:12px 20px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #ffffff14,0 22px 48px -14px #000000b8,0 3px 10px #0006}@keyframes entra-consolle{0%{opacity:0;transform:translateY(14px)}}.consolle:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(158deg,#ffffffa8,#ffffff1f 34%,#fff0 58%,#ffffff38);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.consolle:after{content:"";border-radius:inherit;opacity:.038;pointer-events:none;background-image:var(--grana);position:absolute;inset:0}.consolle>*{z-index:1;position:relative}.centro{z-index:3;width:var(--centro-w);flex:none;position:relative}.lato{z-index:1;opacity:0;pointer-events:none;width:0;transition:width .42s var(--molla), opacity .22s;flex:none;align-self:stretch;position:relative;overflow:hidden}.consolle[data-aperto=true] .lato{width:var(--lato-w);opacity:1;pointer-events:auto;transition:width .42s var(--molla), opacity .26s .12s}.lato-corpo{width:var(--lato-w);flex-wrap:wrap;place-content:center;align-items:center;gap:6px 14px;padding:6px;display:flex;position:absolute;top:0;bottom:0}.lato-sx .lato-corpo{right:0}.lato-dx .lato-corpo{left:0}.fila-comandi{justify-content:center;align-items:center;gap:16px;display:flex}.tasto{width:44px;height:44px;color:var(--fioco-forte);background:var(--vetro-tasto);transition:background .18s, color .18s, transform .18s var(--molla);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff47}.tasto:hover{background:var(--vetro-tasto-su);color:var(--testo)}.tasto:active{transform:scale(.94)}.tasto[aria-pressed=true]{color:#ffb9bb;background:#e0555a38;box-shadow:inset 0 0 0 1px #e0555a80}.tasto[disabled]{opacity:.32;cursor:default}.tasto[disabled]:hover{background:var(--vetro-tasto);color:var(--fioco-forte)}.tasto-play{color:#0a2a1a;background:linear-gradient(180deg, #7fdba6, var(--verde));width:58px;height:58px;box-shadow:inset 0 1px #ffffff8c,0 6px 18px -4px #6ac5918c}.tasto-play:hover{color:#0a2a1a;background:linear-gradient(#8ee6b3,#74d09c)}.tasto-play[data-vivo=true]{color:#33080a;background:linear-gradient(180deg, #ef7c80, var(--rosso));box-shadow:inset 0 1px #ffffff80,0 6px 18px -4px #e0555a80}.tasto-play[data-vivo=true]:hover{background:linear-gradient(#f58a8e,#d94b50)}.tasto svg{width:21px;height:21px}.tasto-play svg{width:25px;height:25px}.fila-stato{justify-content:center;align-items:center;gap:10px;margin-top:9px;display:flex}.stato{letter-spacing:.04em;color:var(--fioco);white-space:nowrap;align-items:center;gap:7px;font-size:11.5px;font-weight:500;display:inline-flex}.puntino{background:var(--fioco);border-radius:50%;flex:none;width:7px;height:7px;transition:background .26s;position:relative}.puntino:after{content:"";background:inherit;opacity:calc(var(--liv,0) * .5);transform:scale(calc(1 + var(--liv,0) * 1.15));border-radius:50%;position:absolute;inset:-3px}.stato[data-s=listening]{color:#a9c4e6}.stato[data-s=listening] .puntino{background:var(--azzurro)}.stato[data-s=thinking]{color:#e6c79b}.stato[data-s=thinking] .puntino{background:var(--ambra)}.stato[data-s=speaking]{color:#a3ddbe}.stato[data-s=speaking] .puntino{background:var(--verde)}.sep{color:#ffffff29;font-size:11px}.sezione{align-items:center;gap:9px;min-height:28px;transition:opacity .24s;display:flex}.nome{letter-spacing:.055em;color:var(--fioco);white-space:nowrap;font-size:10.5px;font-weight:600}.campioni{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.campione{min-width:26px;height:26px;color:var(--fioco-forte);transition:transform .2s var(--molla), box-shadow .2s, background .2s;background:#ffffff0f;border-radius:8px;place-items:center;padding:0 8px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff17}.campione:hover{transform:translateY(-1px)}.campione[aria-checked=true]{box-shadow:inset 0 0 0 1px #fff3, 0 0 0 2px var(--ink), 0 0 0 3.5px var(--verde)}.campione-colore{background:var(--c);width:28px;min-width:28px;padding:0;box-shadow:inset 0 0 0 1px #ffffff2e}.campione-velo{background:linear-gradient(var(--c), var(--c)), repeating-linear-gradient(45deg, #6ac591 0 5px, #559e75 5px 10px);width:32px;min-width:32px;padding:0;overflow:hidden}.campione-testo{width:28px;min-width:28px;color:var(--c);background:#ffffff17;padding:0;font-size:14px;font-weight:700}.campione-taglia{font-weight:600;line-height:1}.campione-font{font-size:13px}.campione-piu{background:conic-gradient(#ff66d4,#ffd600,#6dec4c,#7aa8e0,#683d94,#ff66d4);width:28px;min-width:28px;padding:0;overflow:hidden}.campione-piu[data-scelto=true]{background:var(--c);box-shadow:inset 0 0 0 1px #ffffff47}.interruttore{background:#ffffff1c;border-radius:999px;width:40px;height:23px;transition:background .24s;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.interruttore:after{content:"";background:var(--fioco-forte);width:17px;height:17px;transition:transform .28s var(--molla), background .24s;border-radius:50%;position:absolute;top:3px;left:3px}.interruttore[aria-checked=true]{background:#6ac5916b}.interruttore[aria-checked=true]:after{background:#eafff3;transform:translate(17px)}.sezione[data-spento=true]{opacity:.3;pointer-events:none}.freccia{width:42px;height:78px;color:var(--fioco);transition:background .2s, color .2s, transform .22s var(--molla);background:#ffffff0b;border-radius:13px;place-items:center;font-size:26px;line-height:1;display:grid;position:absolute;top:50%;translate:0 -50%;box-shadow:inset 0 0 0 1px #ffffff12}.freccia:hover:not([disabled]){color:var(--testo);background:#ffffff1a}.freccia-sx{left:calc(var(--sporgenza) * -1)}.freccia-dx{right:calc(var(--sporgenza) * -1)}.freccia-sx:hover:not([disabled]){transform:translate(-2px)}.freccia-dx:hover:not([disabled]){transform:translate(2px)}.freccia[disabled]{opacity:.22;cursor:default}.firma{opacity:.34;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;height:14px;position:absolute;bottom:15px;right:22px}@media (width<=900px){.firma{display:none}}.tendina{min-width:0;display:inline-flex;position:relative}.tendina-testa{max-width:264px;font:500 11.5px var(--font-ui);letter-spacing:.01em;color:var(--testo);background:#221a3c;border-radius:999px;align-items:center;gap:7px;padding:5px 10px 5px 12px;transition:background .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff29}.tendina-testa:hover{background:#2c2350;box-shadow:inset 0 0 0 1px #ffffff4d}.tendina-nome{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tendina-testa svg{width:11px;height:11px;color:var(--fioco);transition:rotate .26s var(--molla);flex:none}.tendina-testa[aria-expanded=true] svg{rotate:180deg}.tendina-lista{z-index:7;width:330px;max-height:calc(var(--zona) - 24px);scrollbar-width:thin;scrollbar-color:#ffffff80 #ffffff1a;animation:apri-lista .22s var(--molla) both;background:#221a3c;border-radius:14px;margin:0;padding:4px;list-style:none;position:absolute;bottom:-13px;left:calc(100% + 14px);overflow:hidden auto;box-shadow:inset 0 0 0 1px #ffffff21,0 20px 44px -12px #000000d9}@keyframes apri-lista{0%{opacity:0;transform:translate(-10px)}}.tendina-lista::-webkit-scrollbar{width:8px}.tendina-lista::-webkit-scrollbar-track{background:#ffffff12;border-radius:999px}.tendina-lista::-webkit-scrollbar-thumb{background:#ffffff73;border-radius:999px}.tendina-lista::-webkit-scrollbar-thumb:hover{background:#ffffff80}.tendina-voce{text-align:left;white-space:normal;overflow-wrap:anywhere;width:100%;line-height:1.35;font:500 11.5px var(--font-ui);color:var(--testo);border-radius:8px;padding:5px 10px;display:block}.tendina-voce:hover{color:var(--testo);background:#ffffff17}.tendina-voce[aria-selected=true]{color:var(--verde)}.colore{align-items:center;gap:8px;display:flex}.cursore{appearance:none;cursor:pointer;border-radius:999px;width:62px;height:8px;padding:0;box-shadow:inset 0 0 0 1px #ffffff29}.cursore-tinta{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cursore::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #0006,0 1px 4px #0009}.cursore::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #0006,0 1px 4px #0009}.esa{text-align:center;text-transform:lowercase;width:68px;color:var(--fioco-forte);background:#ffffff12;border:0;border-radius:8px;padding:5px;font:500 11px ui-monospace,Consolas,monospace;box-shadow:inset 0 0 0 1px #ffffff1f}.campione-chiudi{color:var(--fioco);flex:none;font-size:12px}.campione-chiudi:hover{color:var(--testo);background:#ffffff24}@media (prefers-reduced-motion:reduce){.strato{animation:none!important}.strato[data-fase=dentro]{opacity:1}.strato[data-fase=esce]{opacity:0}.palco,.consolle,.lato,.campione,.tasto,.freccia,.tendina-lista,.tendina-testa svg,.interruttore,.interruttore:after{transition:none!important;animation:none!important}}