:root{--bg-deep: #05080d;--bg-base: #0a0f17;--bg-elevated: #0f1620;--bg-card: #131c28;--bg-glass: rgba(19, 28, 40, .6);--accent-cyan: #22d3ee;--accent-teal: #14b8a6;--accent-lime: #a3e635;--accent-mint: #5eead4;--accent-electric: #38bdf8;--accent-violet: #a78bfa;--accent-rose: #fb7185;--text-primary: #f1f5f9;--text-secondary: rgba(241, 245, 249, .75);--text-muted: rgba(241, 245, 249, .5);--border-subtle: rgba(255, 255, 255, .06);--border-accent: rgba(34, 211, 238, .4);--glow-cyan: 0 0 40px rgba(34, 211, 238, .25);--glow-teal: 0 0 60px rgba(20, 184, 166, .2);--shadow-deep: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-card: 0 4px 24px -4px rgba(0, 0, 0, .4);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--font-display: "Syne", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans);line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-deep);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(34,211,238,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(20,184,166,.1),transparent),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(167,139,250,.08),transparent),var(--bg-deep);background-attachment:fixed}#root{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}a{font-weight:500;color:var(--accent-cyan);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-mint)}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-teal),var(--accent-cyan));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}button{font-family:inherit;cursor:pointer;border:none;outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#root{text-align:left}.regular_card{background:var(--bg-card);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-card),var(--glow-cyan);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;border:1px solid var(--border-subtle);max-width:420px;margin:1.5rem auto;font-family:var(--font-sans);font-weight:400;color:var(--text-primary);font-size:1rem;position:relative;overflow:hidden}.regular_card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-teal),var(--accent-lime));opacity:.8}.div{background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all .25s ease;color:var(--text-secondary);border:1px solid var(--border-subtle);max-width:100%;margin:.5rem 0;font-family:var(--font-sans);display:flex;flex-wrap:wrap;padding:1rem 1.25rem;gap:1rem}.div:hover{border-color:var(--border-accent);box-shadow:var(--glow-cyan)}.div2{background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-card) 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-primary);border:1px solid var(--border-subtle);max-width:100%;margin:.75rem 0;font-family:var(--font-sans);padding:1.25rem 1.5rem;gap:1rem;position:relative;overflow:hidden}.div2:after{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,rgba(34,211,238,.08) 0%,transparent 70%);pointer-events:none}.div2:hover{border-color:#22d3ee4d;transform:translateY(-2px);box-shadow:var(--shadow-card),0 0 30px #22d3ee1a}.div3{background:linear-gradient(135deg,#22d3ee0f,#14b8a60a);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all .25s ease;color:var(--text-primary);border:1px solid rgba(34,211,238,.2);max-width:100%;margin:.75rem 0;font-family:var(--font-mono);display:flex;flex-wrap:wrap;padding:1rem 1.25rem;gap:1rem;font-size:1rem;font-weight:500}.div3:hover{border-color:#22d3ee66}.div4{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-deep);display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:1.5rem;width:min(800px,96vw);min-height:380px;margin:2rem auto;padding:1.5rem;font-family:var(--font-sans);color:var(--text-primary);transition:all .3s ease}.div4:hover{box-shadow:var(--shadow-deep),0 0 50px #22d3ee14}.app-headline{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;background:linear-gradient(135deg,#ffffff 0%,var(--accent-cyan) 30%,var(--accent-teal) 60%,var(--accent-lime) 85%,#ffffff 100%);background-size:200% auto;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 60px rgba(34,211,238,.3);animation:headlineShimmer 8s ease-in-out infinite;margin:0}@keyframes headlineShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn,.btn2{--btn-grad: linear-gradient( 135deg, var(--accent-cyan) 0%, var(--accent-teal) 50%, var(--accent-lime) 100% );display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.15);background:var(--btn-grad);background-size:200% 200%;background-position:0% 50%;color:#05080d;font-weight:700;font-size:.95rem;letter-spacing:.02em;text-decoration:none;font-family:var(--font-sans);cursor:pointer;box-shadow:0 4px 20px #22d3ee59;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before,.btn2:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 50%);opacity:.9;pointer-events:none}.btn:hover,.btn2:hover{transform:translateY(-3px) scale(1.02);background-position:100% 50%;box-shadow:0 8px 35px #22d3ee80}.btn:active,.btn2:active{transform:translateY(0) scale(.98)}.btn:focus-visible,.btn2:focus-visible{outline:none;box-shadow:0 0 0 3px #22d3ee80}.btn--ghost{background:transparent!important;color:var(--accent-cyan)!important;border:1px solid rgba(34,211,238,.4)!important;box-shadow:none!important}.btn--ghost:before{display:none}.btn--ghost:hover{background:#22d3ee1a!important;color:var(--accent-mint)!important}.turbine-card__header{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.turbine-card__type{font-weight:600;color:var(--accent-cyan)}.turbine-card__coords{font-family:var(--font-mono);font-size:.875rem;color:var(--text-muted)}.turbine-card__actions{margin-bottom:.75rem}.turbine-card__pred{margin:.75rem 0}.scrolldiv{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--border-subtle);max-width:100%;margin:.5rem 0;font-family:var(--font-sans);display:flex;flex-wrap:wrap;padding:1rem;gap:1rem;height:200px;overflow-y:auto}.scrolldiv-2{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-subtle);max-width:100%;margin:0;font-family:var(--font-sans);display:flex;flex-direction:column;padding:1rem;gap:1rem;height:600px;overflow-y:auto}.container{display:flex;flex-wrap:wrap;background:transparent;padding:1.5rem;gap:1.5rem;min-height:100vh;align-items:flex-start}.fullscreen-layout{flex-wrap:nowrap}.fullscreen-layout .scrolldiv-2{flex:0 0 340px;min-width:300px;border-radius:var(--radius-lg)}.fullscreen-layout .map-container{flex:1 1 600px;min-width:400px}.fullscreen-layout .add-turbine-panel{flex:0 0 380px;min-width:320px}.panel-label{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--accent-cyan);margin:0 0 1rem}.input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin:0 0 1rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:500;font-family:var(--font-mono);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;transition:all .25s ease;width:100%;max-width:100%;box-sizing:border-box}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-accent)}.input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #22d3ee33}input.div{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);padding:.9rem 1.25rem;border-radius:var(--radius-md);font-size:1rem;width:100%;box-sizing:border-box;transition:all .25s ease}input.div::placeholder{color:var(--text-muted)}input.div:hover{border-color:var(--border-accent)}input.div:focus{outline:none;border-color:var(--accent-cyan)}.option-item{padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);cursor:pointer;border-radius:var(--radius-md);background:var(--bg-elevated);transition:all .2s ease;margin-bottom:.5rem}.option-item:hover{background:#22d3ee14;border-color:#22d3ee33}.option-item-2{padding:1rem 1.25rem;border:1px solid var(--accent-cyan);cursor:pointer;border-radius:var(--radius-md);background:linear-gradient(135deg,#22d3ee1f,#14b8a614);transition:all .2s ease;margin-bottom:.5rem;box-shadow:0 0 20px #22d3ee26}.option-item-2:hover{box-shadow:0 0 30px #22d3ee40}.option-item,.option-item-2{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.option-item__name{font-weight:500;flex:1}.welc{max-width:680px;margin:1.5rem auto;padding:1.25rem 1.75rem;font-family:var(--font-sans);font-size:1.05rem;font-weight:500;line-height:1.65;letter-spacing:-.01em;color:var(--text-secondary);background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);animation:fadeUp .6s ease-out both;transition:all .25s ease}.welc:hover{transform:translateY(-2px);border-color:#22d3ee33}.welc strong,.welc span{font-weight:700;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-teal),var(--accent-lime));-webkit-background-clip:text;background-clip:text;color:transparent}.welc--clickable{cursor:pointer;text-align:center}.welc--clickable:hover{background:#22d3ee14}.welc--error{border-color:#fb718566;color:var(--accent-rose)}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:2rem;gap:1rem}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-card),var(--glow-cyan);border:1px solid var(--border-subtle);max-width:640px;width:100%;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-teal),var(--accent-lime));opacity:.8}.login-card .app-headline{text-align:center;margin-bottom:1.5rem}.login-panels{display:flex;gap:2rem;align-items:stretch;justify-content:center;flex-wrap:wrap}.login-panel{flex:1;min-width:240px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.login-panel__title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--accent-cyan);margin:0 0 .25rem}.login-input{display:block;width:100%;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:var(--text-muted)}.login-input:hover{border-color:var(--border-accent)}.login-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #22d3ee33}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.turbine-select-container{margin:1.5rem 0;max-width:100%}.turbine-select__control{background:var(--bg-elevated)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-card)!important;min-height:56px!important;cursor:pointer!important;transition:all .25s ease!important}.turbine-select__control:hover{border-color:var(--border-accent)!important}.turbine-select__control--is-focused{border-color:var(--accent-cyan)!important;box-shadow:0 0 0 3px #22d3ee33!important}.turbine-select__single-value{color:var(--text-primary)!important;font-weight:600!important}.turbine-select__placeholder{color:var(--text-muted)!important}.turbine-select__dropdown-indicator{color:var(--accent-cyan)!important}.turbine-select__menu{background:var(--bg-card)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-deep)!important;border:1px solid var(--border-subtle)!important}.turbine-select__option{color:var(--text-primary)!important}.turbine-select__option--is-focused{background:#22d3ee1a!important}.turbine-select__option--is-selected{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-teal))!important;color:#05080d!important}.map-container{height:590px;width:100%;min-width:320px;max-width:1290px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-deep),0 0 40px #22d3ee14}.map-infowindow{font-family:var(--font-mono);font-size:.9rem;font-weight:500;color:var(--bg-deep);padding:.25rem 0}.turbine-wrap .turbine-blade{fill:var(--accent-cyan)}.turbine-wrap .turbine-tower,.turbine-wrap .turbine-nacelle,.turbine-wrap .turbine-hub{fill:#22d3ee66}.explanation-screen{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:2rem}.explanation-content{max-width:560px;display:flex;flex-direction:column;gap:1.5rem}.explanation-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-teal));-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.explanation-text{margin:0}@media(max-width:1200px){.fullscreen-layout{flex-wrap:wrap}.fullscreen-layout .map-container{flex:1 1 100%;order:1}.fullscreen-layout .add-turbine-panel{flex:1 1 100%;order:2}}@media(max-width:1024px){.container{flex-direction:column;align-items:stretch}.div4{flex-direction:column}.fullscreen-layout .scrolldiv-2{flex:1 1 100%}}@media(max-width:768px){.regular_card{padding:1.5rem}.app-headline{font-size:2.25rem}#root{padding:1rem}.login-panels{flex-direction:column}.login-panel{min-width:100%}.login-card{padding:1.5rem}}