@import"https://fonts.googleapis.com/css?family=Roboto:400,500,700";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom,#1a1a1a,#252525);color:#ffffffde;width:100%;max-width:100%;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh;width:100%}.app-header{position:sticky;top:0;width:100%;background:linear-gradient(to right,#1a1a1a,#252525);padding:15px 25px;box-shadow:0 3px 15px #0006;z-index:100;border-bottom:1px solid #3a3a3a;display:flex;align-items:center;justify-content:space-between}.app-title{flex:1;min-width:150px;display:flex;align-items:center}.app-header h1{font-size:2rem;font-weight:700;letter-spacing:1px;margin:0;color:#fff}.app-header h1 .highlight{color:#646cff}.search-area{flex:2;display:flex;justify-content:center;align-items:center}.search-controls{display:flex;flex-direction:row;align-items:center;gap:20px;background:#1e1e1e80;padding:10px 20px;border-radius:12px;box-shadow:0 4px 12px #0003;max-width:550px;width:100%;justify-content:center}.install-area{flex:1;display:flex;justify-content:flex-end;min-width:150px}.install-button{background:linear-gradient(to right,#3a86ff,#2563eb);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:5px;margin:0;transition:background-color .2s,transform .2s;box-shadow:0 2px 4px #0000004d}.install-button:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px #0006}.content-container{flex:1;padding:20px;display:flex;flex-direction:column;align-items:center;width:100%;overflow-y:auto}.charts-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px auto;width:95%;max-width:1400px;background:#191919b3;padding:25px;border-radius:15px;box-shadow:0 8px 15px #0000004d}.chart-wrapper{display:flex;flex-direction:column;align-items:center}.chart-title{font-size:1.2rem;font-weight:500;margin-bottom:15px;text-align:center;color:#fff}.loading-indicator{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:15px;font-size:1.2rem;color:#ccc}.spinner{width:40px;height:40px;border:4px solid rgba(100,108,255,.3);border-radius:50%;border-top-color:#646cff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#city-search{margin:0;position:relative;width:auto}.city{width:200px;padding:8px 15px;font-size:.95rem;border-radius:8px;border:1px solid #444;background-color:#333;color:#fff;text-align:center;box-shadow:inset 0 2px 4px #0003;transition:all .2s ease}.city:focus{border-color:#646cff;outline:none;box-shadow:inset 0 2px 4px #0003,0 0 0 2px #646cff40}.suggestions{position:absolute;top:100%;width:300px;margin-top:8px;background-color:#333;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:50;overflow:hidden}.suggestions>li{padding:12px 16px;cursor:pointer;transition:background-color .2s;text-align:center}.suggestions>li:hover{background-color:#444}.number-of-events{display:flex;flex-direction:row;align-items:center;gap:10px;margin:0}.number-of-events label{margin:0;font-size:.95rem;color:#ccc;font-weight:500;white-space:nowrap}.event-number-input{width:60px;padding:8px;font-size:.95rem;border-radius:8px;border:1px solid #444;background-color:#333;color:#fff;text-align:center;box-shadow:inset 0 2px 4px #0003}.event-number-input:focus{border-color:#646cff;outline:none;box-shadow:0 0 0 2px #646cff40}.alerts-container{position:absolute;top:100%;left:0;right:0;margin:5px auto;width:100%;max-width:600px;text-align:center;z-index:90}.Alert{padding:10px 15px;border-radius:8px;margin-bottom:10px;font-weight:500;box-shadow:0 2px 8px #0003}.event-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;width:100%;max-width:1400px;margin:30px auto 0;padding:0 20px;list-style:none;justify-content:center}@media (min-width: 900px){.event-list:has(>:only-child),.event-list:has(>:nth-child(2):last-child){grid-template-columns:repeat(auto-fit,minmax(280px,350px));justify-content:center}}.event{background:linear-gradient(to bottom,#2c2c2c,#252525);border-radius:12px;padding:20px;box-shadow:0 4px 8px #0003;position:relative;transition:transform .2s,box-shadow .2s;margin-bottom:20px;display:flex;flex-direction:column;height:100%;max-width:400px;justify-self:center;width:100%;border:1px solid #3a3a3a}.event:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000004d}.event h2{margin-bottom:12px;font-size:1.4rem;color:#fff}.event-date,.event-location{margin-bottom:12px;color:#ccc;font-size:.95rem;display:flex;align-items:center;gap:8px}.event-location{font-weight:700;color:#ddd}.details-btn{align-self:flex-end;margin-top:auto;padding:10px 16px;background:linear-gradient(to right,#5468ff,#646cff);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s,transform .3s ease;box-shadow:0 2px 5px #0000004d}.details-btn:hover{background:linear-gradient(to right,#4a5ee0,#535bf2);box-shadow:0 4px 8px #0006}.details{margin-top:0;padding-top:0;border-top:1px solid #444;color:#bbb;font-size:.95rem;line-height:1.5;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease-in-out,opacity .4s ease-in-out,margin-top .4s ease-in-out,padding-top .4s ease-in-out}.details.expanded{max-height:400px;margin-top:20px;padding-top:15px;opacity:1}.details-btn{display:flex;align-items:center;gap:6px}.details-icon{font-size:12px}.app-footer{background:#1a1a1a;color:#777;text-align:center;padding:25px 20px;margin-top:40px;border-top:1px solid #333}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:15px}.social-links{display:flex;gap:20px;margin-top:10px}.social-link{display:flex;align-items:center;gap:6px;color:#999;text-decoration:none;font-weight:500;transition:color .2s,transform .2s;padding:8px 12px;border-radius:6px;background:#ffffff0d}.social-link:hover{color:#646cff;transform:translateY(-2px);background:#ffffff1a}.event-date svg,.event-location svg{flex-shrink:0;color:#646cff}@media (max-width: 992px){.app-header{flex-direction:column;padding:15px}.app-title{display:flex;justify-content:center;width:100%;margin-bottom:15px}.install-area{display:flex;margin-top:15px;width:100%;justify-content:center}.app-header h1{text-align:center}.search-area{width:100%;margin:10px 0}.search-controls{width:100%}}@media (max-width: 768px){.search-controls{flex-direction:column;padding:15px;gap:15px}#city-search,.city{width:100%}.number-of-events{width:100%;justify-content:center}.alerts-container{position:static;margin-top:10px}.charts-container{grid-template-columns:1fr;padding:15px}.event-list{grid-template-columns:1fr}.content-container{padding:15px 10px}}@media (min-width: 769px) and (max-width: 1199px){.event-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.content-container{padding:30px 40px}.event-list{max-width:1600px;grid-template-columns:repeat(3,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-list li{animation:fadeInUp .4s ease-out both}.event-list li:nth-child(1){animation-delay:.05s}.event-list li:nth-child(2){animation-delay:.1s}.event-list li:nth-child(3){animation-delay:.15s}.event-list li:nth-child(4){animation-delay:.2s}.event-list li:nth-child(5){animation-delay:.25s}.event-list li:nth-child(6){animation-delay:.3s}.event-list li:nth-child(7){animation-delay:.35s}.event-list li:nth-child(8){animation-delay:.4s}.event-list li:nth-child(9){animation-delay:.45s}.event-list li:nth-child(10){animation-delay:.5s}