*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#e9eaee;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#0f1014;min-height:100svh;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.55}#root{min-height:100svh}h1,h2,h3{color:#e9eaee;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:600;line-height:1.2}p{margin:0}ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer}a{color:#ffb703}.App{width:100%;max-width:1200px;margin:0 auto;padding:40px 24px 64px}@media (width<=640px){.App{padding:24px 16px 40px}}.splash{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:80svh;display:flex}.splash__messaggio{color:#9aa1ae;background:#191b22;border:1px solid #272a34;border-radius:12px;max-width:40ch;padding:8px 16px;font-size:.9rem}.splash__title{letter-spacing:-.02em;background:linear-gradient(120deg,#e9eaee 20%,#ffb703);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.2rem,6vw,3.6rem)}.splash__subtitle{color:#9aa1ae;max-width:34ch;margin-bottom:24px;font-size:1.05rem}.splash__button:focus-visible{outline-offset:3px;outline:2px solid #ffb703}.splash__button{color:#e9eaee;background:#191b22;border:1px solid #272a34;border-radius:20px;min-width:260px;padding:16px 24px;font-size:1rem;font-weight:500;transition:background .2s,border-color .2s,transform .2s}@media (width<=640px){.splash__button{width:100%;min-width:0}}.splash__button:hover{background:#22252f;border-color:#ffb703;transform:translateY(-2px)}.splash__button:active{transform:translateY(0)}.splash__button:first-of-type{color:#14151a;background:linear-gradient(135deg,#ffb703,#d99500);border-color:#0000;font-weight:600}.splash__button:first-of-type:hover{filter:brightness(1.08)}.splash__cambia-utente:focus-visible{outline-offset:3px;outline:2px solid #ffb703}.splash__cambia-utente{color:#6b7280;background:0 0;border:none;margin-top:8px;padding:4px;font-size:.8rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .2s}.splash__cambia-utente:hover{color:#9aa1ae;text-decoration-color:#9aa1ae}.utenti{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:80svh;display:flex}.utenti__stato{color:#9aa1ae}.utenti__titolo{letter-spacing:-.02em;font-size:clamp(1.8rem,4vw,2.6rem)}.utenti__sottotitolo{color:#9aa1ae;max-width:42ch;margin-bottom:24px}.utenti__avviso{color:#9aa1ae;background:#191b22;border:1px solid #272a34;border-radius:12px;max-width:40ch;padding:8px 16px;font-size:.9rem}.utenti__errore{color:#ff6b6b;font-size:.9rem}.utenti__riprova:focus-visible,.utenti__aggiungi:focus-visible{outline-offset:3px;outline:2px solid #ffb703}.utenti__riprova,.utenti__aggiungi{color:#e9eaee;background:#191b22;border:1px solid #272a34;border-radius:20px;min-width:220px;padding:8px 24px;font-size:.95rem;font-weight:500;transition:background .2s,border-color .2s,transform .2s}@media (width<=640px){.utenti__riprova,.utenti__aggiungi{width:100%;min-width:0}}.utenti__riprova:hover,.utenti__aggiungi:hover{background:#22252f;border-color:#ffb703;transform:translateY(-2px)}.utenti__vuoto{color:#9aa1ae;font-size:.9rem}.utenti__elenco{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;width:100%;max-width:640px;margin-bottom:16px;display:grid}@media (width<=640px){.utenti__elenco{grid-template-columns:1fr}}.utenti__elenco li{list-style:none}.profilo{background:#191b22;border:1px solid #272a34;border-radius:12px}.profilo:focus-visible{outline-offset:3px;outline:2px solid #ffb703}.profilo{flex-direction:column;align-items:center;gap:8px;width:100%;padding:24px 16px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.profilo:hover{border-color:#ffb703;transform:translateY(-2px);box-shadow:0 4px 6px -2px #0000004d,0 12px 24px -6px #00000073}.profilo__iniziale{color:#ffb703;background:#ffb7031f;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;gap:0;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.profilo__nome{color:#e9eaee;font-size:1rem;font-weight:600}.profilo__generi{color:#9aa1ae;font-size:.8rem}.nuovo-profilo{text-align:left;background:#191b22;border:1px solid #272a34;border-radius:12px;flex-direction:column;gap:8px;width:100%;max-width:360px;padding:24px;display:flex}@media (width<=640px){.nuovo-profilo{max-width:100%}}.nuovo-profilo__titolo{text-align:center;margin-bottom:4px;font-size:1.1rem}.nuovo-profilo__campo{color:#9aa1ae;text-align:left;flex-direction:column;gap:4px;font-size:.85rem;display:flex}.nuovo-profilo__campo input{color:#e9eaee;background:#0f1014;border:1px solid #272a34;border-radius:6px;padding:8px 16px;font-size:.95rem;transition:border-color .2s}.nuovo-profilo__campo input:focus-visible{outline-offset:2px;border-color:#ffb703;outline:2px solid #ffb703}.nuovo-profilo__errore{color:#ff6b6b;font-size:.85rem}.nuovo-profilo__azioni{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.nuovo-profilo__conferma:focus-visible{outline-offset:3px;outline:2px solid #ffb703}.nuovo-profilo__conferma{color:#14151a;background:linear-gradient(135deg,#ffb703,#d99500);border:1px solid #0000;border-radius:12px;padding:8px 24px;font-size:.9rem;font-weight:600;transition:filter .2s,opacity .2s}.nuovo-profilo__conferma:hover:not(:disabled){filter:brightness(1.08)}.nuovo-profilo__conferma:disabled{opacity:.45;cursor:not-allowed}.nuovo-profilo__annulla:focus-visible{outline-offset:3px;outline:2px solid #ffb703}.nuovo-profilo__annulla{color:#9aa1ae;background:0 0;border:1px solid #272a34;border-radius:12px;padding:8px 24px;font-size:.9rem;transition:border-color .2s,color .2s}.nuovo-profilo__annulla:hover{color:#e9eaee;border-color:#ffb703}.preferenze{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:70svh;display:flex}.preferenze__titolo{letter-spacing:-.02em;font-size:clamp(1.8rem,4vw,2.6rem)}.preferenze__sottotitolo{color:#9aa1ae;max-width:42ch;margin-bottom:24px}.preferenze__errore{color:#ff6b6b;font-size:.9rem}.preferenze__generi{flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px;margin-bottom:24px;display:flex}.preferenze__salva:focus-visible{outline-offset:3px;outline:2px solid #ffb703}.preferenze__salva{color:#14151a;background:linear-gradient(135deg,#ffb703,#d99500);border:1px solid #0000;border-radius:20px;min-width:220px;padding:16px 24px;font-size:1rem;font-weight:600;transition:filter .2s,opacity .2s}@media (width<=640px){.preferenze__salva{width:100%;min-width:0}}.preferenze__salva:hover:not(:disabled){filter:brightness(1.08)}.preferenze__salva:disabled{opacity:.45;cursor:not-allowed;color:#6b7280;background:#191b22;border-color:#272a34}.genere:focus-visible{outline-offset:3px;outline:2px solid #ffb703}.genere{color:#9aa1ae;background:#191b22;border:1px solid #272a34;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:background .2s,border-color .2s,color .2s,transform .2s}.genere:hover{color:#e9eaee;border-color:#ffb703;transform:translateY(-2px)}.genere--attivo{color:#ffb703;background:#ffb7031f;border-color:#ffb703;font-weight:600}.lista{flex-direction:column;gap:16px;display:flex}.lista__indietro:focus-visible{outline-offset:3px;outline:2px solid #ffb703}.lista__indietro{color:#9aa1ae;background:#191b22;border:1px solid #272a34;border-radius:20px;align-self:flex-start;padding:8px 16px;font-size:.9rem;transition:border-color .2s,color .2s}.lista__indietro:hover{color:#e9eaee;border-color:#ffb703}.lista__titolo{font-size:clamp(1.6rem,3.5vw,2.2rem)}.lista__sottotitolo{color:#9aa1ae;margin-bottom:8px;font-size:.95rem}.lista__errore{color:#ff6b6b;font-size:.9rem}.lista__griglia{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;display:grid}@media (width<=640px){.lista__griglia{grid-template-columns:1fr;gap:16px}}.card{background:#191b22;border:1px solid #272a34;border-radius:12px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;animation:.32s both comparsa;display:flex;overflow:hidden}.card:hover{border-color:#ffb703;transform:translateY(-4px);box-shadow:0 8px 12px -4px #0006,0 20px 40px -8px #0009}.card__poster{aspect-ratio:2/3;object-fit:cover;background:#22252f;width:100%}.card__content{flex-direction:column;gap:8px;padding:16px;display:flex}.card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.15rem;display:-webkit-box;overflow:hidden}.card__info{color:#9aa1ae;text-transform:capitalize;font-size:.85rem}.card__genres{color:#ffb703;letter-spacing:.02em;font-size:.8rem;font-weight:500}.card__score{color:#e9eaee;background:#ffb7031f;border-radius:6px;padding:8px;font-size:.85rem;font-weight:600}.card__azioni{flex-wrap:wrap;gap:8px;display:flex}.card__azioni button{color:#e9eaee;background:#22252f;border:1px solid #272a34;border-radius:6px;flex:1;min-width:120px;padding:8px;font-size:.8rem;transition:border-color .2s}.card__azioni button:hover:not(:disabled){border-color:#ffb703}.card__azioni button:disabled{opacity:.5;cursor:not-allowed}.card__reasons{flex-direction:column;gap:4px;display:flex}.card__reasons li{color:#9aa1ae;padding-left:16px;font-size:.8rem;line-height:1.4;position:relative}.card__reasons li:before{content:"▸";color:#ffb703;position:absolute;left:0}.card__final-score{color:#6b7280;border-top:1px solid #272a34;margin-top:auto;padding-top:8px;font-size:.7rem}.catalogo{flex-direction:column;gap:16px;display:flex}.catalogo__titolo{font-size:clamp(1.6rem,3.5vw,2.2rem)}.catalogo__filtri{flex-wrap:wrap;gap:8px;display:flex}.catalogo__ricerca,.catalogo__select{color:#e9eaee;background:#191b22;border:1px solid #272a34;border-radius:12px;padding:8px 16px;font-size:.9rem;transition:border-color .2s}.catalogo__ricerca:focus-visible,.catalogo__select:focus-visible{outline-offset:2px;border-color:#ffb703;outline:2px solid #ffb703}.catalogo__ricerca{flex:1;min-width:200px}.catalogo__stato{color:#9aa1ae}.catalogo__errore{color:#ff6b6b;font-size:.9rem}.catalogo__vuoto{color:#9aa1ae;font-size:.9rem}.catalogo__griglia{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;display:grid}@media (width<=640px){.catalogo__griglia{grid-template-columns:1fr;gap:16px}}.catalogo__paginazione{flex-direction:row;justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.catalogo__paginazione button:focus-visible{outline-offset:3px;outline:2px solid #ffb703}.catalogo__paginazione button{color:#e9eaee;background:#191b22;border:1px solid #272a34;border-radius:12px;padding:8px 16px;font-size:.85rem;transition:border-color .2s}.catalogo__paginazione button:hover:not(:disabled){border-color:#ffb703}.catalogo__paginazione button:disabled{opacity:.45;cursor:not-allowed}.catalogo__paginazione span{color:#9aa1ae;font-size:.85rem}.catalogo-card{background:#191b22;border:1px solid #272a34;border-radius:12px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.catalogo-card:hover{border-color:#ffb703;transform:translateY(-4px);box-shadow:0 8px 12px -4px #0006,0 20px 40px -8px #0009}.catalogo-card__poster{aspect-ratio:2/3;object-fit:cover;background:#22252f;width:100%}.catalogo-card__content{flex-direction:column;gap:8px;padding:16px;display:flex}.catalogo-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.15rem;display:-webkit-box;overflow:hidden}.catalogo-card__info{color:#9aa1ae;text-transform:capitalize;font-size:.85rem}.catalogo-card__genres{color:#ffb703;letter-spacing:.02em;font-size:.8rem;font-weight:500}.catalogo-card__score{color:#e9eaee;background:#ffb7031f;border-radius:6px;padding:8px;font-size:.85rem;font-weight:600}.catalogo-card__description{color:#9aa1ae;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}@keyframes comparsa{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.card{transition:none;animation:none}}