*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #000;--text: #fff;--text-dim: rgba(255, 255, 255, .45);--accent: #00e5ff;--accent-glow: rgba(0, 229, 255, .25);--line-color: rgba(0, 229, 255, .18);--line-active: #00e5ff;--card-bg: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .06);--font-display: "Orbitron", sans-serif;--font-artists: "Bebas Neue", "Orbitron", sans-serif;--font-body: "Inter", system-ui, sans-serif;--line-progress: 0}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;position:relative;z-index:1}#space-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}#hero{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0;transition:opacity .1s,transform .1s}.hero-logo{position:relative;z-index:1;width:min(90vw,600px);height:auto;animation:logoFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 60px var(--accent-glow))}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-hint{position:absolute;bottom:36px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1;transition:opacity .15s,transform .15s}.scroll-text{font-family:var(--font-display);font-size:10px;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase}.scroll-arrow{color:var(--accent);animation:bounceArrow 2s ease-in-out infinite}@keyframes bounceArrow{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.4}}#timeline{position:relative;max-width:520px;margin:0 auto;padding:40px 20px 100px 44px}.timeline-line{position:absolute;left:22px;top:0;bottom:0;width:2px;background:var(--line-color);transform-origin:top}.timeline-line:after{content:"";position:absolute;left:0;top:0;width:100%;height:calc(var(--line-progress) * 100%);background:linear-gradient(to bottom,var(--line-active),var(--accent-glow));transition:height .05s linear;box-shadow:0 0 8px var(--accent-glow)}.year-group{position:relative;margin-bottom:8px}.year-marker{position:relative;margin-bottom:6px;padding-left:4px;opacity:0;transform:translate(-20px);transition:all .5s cubic-bezier(.22,1,.36,1)}.year-group.revealed>.year-marker{opacity:1;transform:translate(0)}.year-marker span{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:4px;color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}.event-card{position:relative;padding:9px 12px 9px 22px;margin-bottom:4px;border-radius:6px;background:var(--card-bg);border:1px solid var(--card-border);opacity:0;transform:translateY(16px) translate(10px);transition:all .45s cubic-bezier(.22,1,.36,1);cursor:default}.event-card:hover{background:#00e5ff0f;border-color:#00e5ff26;transform:translate(4px)!important}.event-card.revealed{opacity:1;transform:translateY(0) translate(0)}.year-group.revealed .event-card:nth-child(2){transition-delay:.04s}.year-group.revealed .event-card:nth-child(3){transition-delay:.08s}.year-group.revealed .event-card:nth-child(4){transition-delay:.12s}.year-group.revealed .event-card:nth-child(5){transition-delay:.16s}.year-group.revealed .event-card:nth-child(6){transition-delay:.2s}.year-group.revealed .event-card:nth-child(7){transition-delay:.24s}.year-group.revealed .event-card:nth-child(8){transition-delay:.28s}.year-group.revealed .event-card:nth-child(9){transition-delay:.32s}.event-dot{position:absolute;left:-26px;top:13px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow),0 0 2px var(--accent);transition:transform .3s ease}.event-card:hover .event-dot{transform:scale(1.5)}.event-date{font-family:var(--font-display);font-size:10px;font-weight:400;letter-spacing:2.5px;color:var(--text-dim);margin-bottom:2px}.event-artists{font-family:var(--font-artists);font-size:18px;font-weight:400;line-height:1.15;letter-spacing:1px;color:var(--text)}.event-venue{font-size:11px;font-weight:300;color:var(--text-dim);margin-top:2px}.event-card.future{border-color:#00e5ff33;background:#00e5ff0a;animation:futureGlow 3s ease-in-out infinite}@keyframes futureGlow{0%,to{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 16px var(--accent-glow)}}.event-card.future .event-artists{color:var(--accent)}.cta-ticket{display:inline-block;margin-top:8px;padding:10px 24px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;text-decoration:none;color:#000;background:var(--accent);border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px var(--accent-glow),0 0 4px var(--accent);animation:ctaPulse 2s ease-in-out infinite}.cta-ticket:hover{background:#fff;color:#000;box-shadow:0 0 30px #ffffff4d,0 0 8px var(--accent);transform:scale(1.05)}@keyframes ctaPulse{0%,to{box-shadow:0 0 14px var(--accent-glow),0 0 4px var(--accent)}50%{box-shadow:0 0 28px var(--accent-glow),0 0 10px var(--accent)}}.pause-card{text-align:center;padding:12px 10px;border-style:dashed;border-color:#ffffff14;background:transparent}.event-note{font-family:var(--font-display);font-size:12px;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase}.team-accordion{position:relative;margin-bottom:20px;padding-left:4px}.team-toggle{display:flex;align-items:center;gap:8px;background:none;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:10px 14px;cursor:pointer;width:100%;transition:all .3s ease}.team-toggle:hover{border-color:#00e5ff26;background:#ffffff05}.team-label{font-family:var(--font-display);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim)}.team-chevron{color:var(--text-dim);transition:transform .3s ease;margin-left:auto}.team-toggle[aria-expanded=true] .team-chevron{transform:rotate(180deg)}.team-content{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.22,1,.36,1),padding .45s ease;padding:0 14px}.team-toggle[aria-expanded=true]+.team-content{max-height:200px;padding:12px 14px 8px}.team-section{margin-bottom:8px}.team-section-title{font-family:var(--font-display);font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);opacity:.6;display:block;margin-bottom:4px}.team-names{display:flex;flex-wrap:wrap;gap:4px 14px}.team-names span{font-family:var(--font-body);font-size:11px;font-weight:300;color:var(--text-dim);letter-spacing:.5px}@media(min-width:768px){#timeline{max-width:600px;padding-left:60px}.timeline-line{left:32px}.event-dot{left:-35px}.event-card{padding:8px 14px 8px 24px}.event-artists{font-size:20px}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00e5ff33;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#00e5ff66}#chat-widget{position:fixed;bottom:20px;right:20px;z-index:1000;font-family:var(--font-body)}#chat-fab{width:56px;height:56px;border-radius:50%;border:1px solid rgba(0,229,255,.25);background:#000000d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;box-shadow:0 4px 20px #0006,0 0 15px var(--accent-glow)}#chat-fab:hover{transform:scale(1.08);border-color:var(--accent);box-shadow:0 4px 24px #00000080,0 0 25px var(--accent-glow)}#chat-fab .chat-fab-close,#chat-fab.active .chat-fab-icon{display:none}#chat-fab.active .chat-fab-close{display:block}.chat-fab-pulse{position:absolute;inset:-3px;border-radius:50%;border:1px solid var(--accent);animation:fabPulse 3s ease-in-out infinite;pointer-events:none}#chat-fab.active .chat-fab-pulse{display:none}@keyframes fabPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}}#chat-panel{position:absolute;bottom:68px;right:0;width:340px;max-height:480px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#08080cf2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(16px) scale(.95);pointer-events:none;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 40px #0009,0 0 20px #00e5ff0f}#chat-panel.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.chat-header{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);gap:10px}.chat-header-info{flex:1}.chat-header-name{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:2px;color:var(--accent);display:block}.chat-header-status{font-size:10px;color:var(--text-dim);letter-spacing:.3px}.chat-reset{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.chat-reset:hover{color:var(--accent);background:#ffffff0a}.chat-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:200px;max-height:320px}.chat-msg{display:flex;max-width:88%}.chat-msg.user{align-self:flex-end}.chat-msg.assistant{align-self:flex-start}.chat-msg-content{padding:10px 14px;border-radius:12px;font-size:12px;line-height:1.55;letter-spacing:.2px}.chat-msg.user .chat-msg-content{background:#00e5ff1f;border:1px solid rgba(0,229,255,.15);color:var(--text);border-bottom-right-radius:4px}.chat-msg.assistant .chat-msg-content{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#ffffffd9;border-bottom-left-radius:4px}.chat-typing-dots{display:flex;gap:4px;padding:4px 0}.chat-typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.4;animation:typingBounce 1.4s ease-in-out infinite}.chat-typing-dots span:nth-child(2){animation-delay:.2s}.chat-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.chat-input-wrap{display:flex;gap:8px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.06)}#chat-input{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;color:var(--text);font-family:var(--font-body);font-size:12px;outline:none;transition:border-color .2s ease}#chat-input::placeholder{color:var(--text-dim)}#chat-input:focus{border-color:#00e5ff4d}#chat-send{width:38px;height:38px;border-radius:8px;border:1px solid rgba(0,229,255,.2);background:#00e5ff14;color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}#chat-send:hover{background:#00e5ff26;border-color:var(--accent)}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:#00e5ff26;border-radius:2px}@media(max-width:400px){#chat-panel{width:calc(100vw - 32px);right:-4px;max-height:420px}}.chat-login-content{text-align:center}.chat-login-content p{margin:0 0 10px;font-size:11px;line-height:1.5}.chat-login-buttons{display:flex;gap:8px;justify-content:center}.chat-oauth-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);font-family:var(--font-body);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.chat-oauth-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.chat-oauth-btn.google:hover{border-color:#4285f466}.chat-oauth-btn.facebook:hover{border-color:#1877f266}.chat-oauth-btn svg{flex-shrink:0}#personal-area-widget{position:fixed;bottom:20px;left:20px;z-index:1000;font-family:var(--font-body);transition:opacity .3s ease,transform .3s ease}#personal-area-widget.pa-hidden{opacity:0;pointer-events:none;transform:scale(.8)}#pa-fab{width:48px;height:48px;border-radius:50%;border:1px solid rgba(0,229,255,.2);background:#000000d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;box-shadow:0 4px 16px #0006,0 0 12px var(--accent-glow)}#pa-fab:hover{transform:scale(1.08);border-color:var(--accent)}#pa-avatar{position:absolute;inset:2px;border-radius:50%;background-size:cover;background-position:center;display:none}#pa-avatar.has-avatar{display:block}#pa-avatar.has-avatar~svg{display:none}#pa-panel{position:absolute;bottom:58px;left:0;width:300px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#08080cf2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(16px) scale(.95);pointer-events:none;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 40px #0009,0 0 20px #00e5ff0f}#pa-panel.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.pa-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.pa-title{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.pa-close{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.pa-close:hover{color:var(--accent);background:#ffffff0a}.pa-body{padding:16px}.pa-user-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pa-user-avatar{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,229,255,.2)}.pa-user-name{font-weight:600;font-size:14px;color:var(--text)}.pa-user-email{font-size:11px;color:var(--text-dim);margin-top:2px}.pa-section{margin-bottom:16px}.pa-section-title{font-family:var(--font-display);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);opacity:.6;display:block;margin-bottom:8px}.pa-segnalazioni-list{max-height:120px;overflow-y:auto}.pa-empty{font-size:11px;color:var(--text-dim)}.pa-logout-btn{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,80,80,.2);background:#ff50500f;color:#ff5050;font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.pa-logout-btn:hover{background:#ff50501f;border-color:#ff505066}@media(max-width:400px){#pa-panel{width:calc(100vw - 32px);left:-4px}}