:root{--color-bg: #000000;--color-text: #ffffff;--color-neon-green: #44ff88;--color-accent-red: #ff4444;--color-accent-orange: #ff9944;--color-accent-blue: #88ccff;--color-border: #333;--color-border-dark: #222;--color-muted: #888;--color-dimmed: #666;--color-surface: #111}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:JetBrains Mono,monospace;overflow:hidden}.app{height:100vh;width:100vw;display:flex;flex-direction:column}.header{padding:20px 30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;border-bottom:1px solid var(--color-border)}.header-left{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.name{font-size:1.2rem;font-weight:700;letter-spacing:2px}.clocks{display:flex;gap:25px;flex-wrap:wrap}.clock{font-size:.85rem;opacity:.8}.clock-label{opacity:.6;margin-right:8px}.clock-time{font-variant-numeric:tabular-nums}.header-right{display:flex;gap:20px}.social-link{color:var(--color-text);text-decoration:none;font-size:.85rem;opacity:.7;transition:opacity .2s}.social-link:hover{opacity:1}.main-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.scroll-container{width:100%;height:100%;overflow-y:scroll;position:relative;scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}.scroll-content{height:600vh}.scroll-section{height:100vh}.map-fixed-container{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;padding-top:80px}.top-content{height:60px;display:flex;align-items:center;justify-content:center}.simple-text{font-size:.9rem;letter-spacing:2px;opacity:.5;text-transform:lowercase}.simple-text.explore-mode{font-size:1.1rem;font-weight:500;opacity:.9}.city-label{font-size:1.1rem;font-weight:500;letter-spacing:1px;text-align:center;color:#c88;opacity:0;transition:opacity .3s}.city-label.visible{opacity:1}.map-wrapper{width:95%;max-width:1400px;height:65%;display:flex;align-items:center;justify-content:center}.dotted-map{max-width:100%;max-height:100%}.map-dot{fill:var(--color-text);transition:opacity .5s,fill .5s}.map-dot.dot-base{opacity:.15}.map-dot.dot-past{opacity:.25}.map-dot.dot-current{opacity:.9}.map-dot.dot-current.animating{opacity:.06;animation:dotGlow 1.2s ease-out forwards}@keyframes dotGlow{0%{fill:#a44;opacity:.3}20%{fill:#f22;opacity:1}40%{fill:var(--color-accent-red);opacity:1}to{fill:var(--color-text);opacity:.9}}.city-pin{pointer-events:none;transition:opacity .4s}.city-pin.pin-state-hidden{opacity:0}.city-pin.pin-state-past{opacity:.35;pointer-events:auto}.city-pin.pin-state-current{opacity:1;pointer-events:auto}.city-pin.pin-state-current.animating{opacity:0;animation:pinPulse .5s ease-out forwards}@keyframes pinPulse{0%{opacity:0;r:.22}50%{opacity:1;r:.6}to{opacity:1;r:.5}}.pin-current{fill:var(--color-accent-red)}.pin-past{fill:var(--color-accent-orange)}.pin-future{fill:var(--color-neon-green)}.dotted-map.explore-mode .map-dot{opacity:.5}.map-dot.visited{fill:var(--color-accent-blue);opacity:1}.explore-pin-group{cursor:pointer;pointer-events:auto}.explore-pin-glow{fill:var(--color-neon-green);opacity:.12;animation:neonPulse 3s ease-in-out infinite}.explore-pin{fill:var(--color-neon-green);filter:drop-shadow(0 0 2px var(--color-neon-green))}@keyframes neonPulse{0%,to{opacity:.08;r:.6}50%{opacity:.18;r:.9}}.pin-modal-overlay{position:fixed;inset:0;background:var(--color-bg);z-index:100;pointer-events:auto;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pin-modal-full{width:100%;height:100%;padding:30px 50px 100px;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pin-modal-back{background:none;border:none;color:var(--color-muted);font-size:1rem;cursor:pointer;transition:color .2s;margin-bottom:40px;font-family:inherit}.pin-modal-back:hover{color:var(--color-text)}.pin-modal-content{max-width:700px;margin:0 auto}.pin-modal-title{font-size:2.5rem;font-weight:600;color:var(--color-neon-green);margin-bottom:40px;text-transform:lowercase}.pin-section{margin-bottom:40px}.pin-intro{font-size:1.2rem;line-height:1.8;opacity:.9}.pin-section-title{font-size:.9rem;font-weight:500;color:var(--color-muted);text-transform:lowercase;letter-spacing:1px;margin-bottom:15px}.pin-list{list-style:none;padding:0}.pin-list li{font-size:1rem;line-height:1.8;opacity:.85;padding-left:20px;position:relative}.pin-list li:before{content:"→";position:absolute;left:0;color:var(--color-neon-green);opacity:.6}.pin-list a{color:var(--color-accent-blue);text-decoration:none;transition:opacity .2s}.pin-list a:hover{opacity:.7}.pin-music-player{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#141414f2;border:1px solid var(--color-border);border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.music-cover{width:45px;height:45px;border-radius:6px;background:var(--color-border-dark);overflow:hidden}.music-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--color-neon-green)}.music-info{display:flex;flex-direction:column;min-width:120px}.music-title{font-size:.9rem;font-weight:500;color:var(--color-text)}.music-artist{font-size:.75rem;color:var(--color-muted)}.music-controls{display:flex;gap:10px}.music-btn{background:none;border:1px solid #444;border-radius:50%;width:36px;height:36px;color:var(--color-text);cursor:pointer;transition:all .2s;font-size:.9rem}.music-btn:hover{border-color:var(--color-neon-green);color:var(--color-neon-green)}.terminal-box{background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:10px 20px;width:750px;max-width:90%;min-height:65px;margin-top:20px;display:flex;align-items:flex-start}.terminal-prompt{color:var(--color-text);opacity:.7;margin-right:10px;font-size:.9rem;line-height:1.6;flex-shrink:0}.terminal-text{font-size:.9rem;letter-spacing:.3px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.terminal-cursor{display:inline-block;width:10px;height:1.2em;background:#fffc;margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.map-legend{display:flex;gap:25px;margin-top:30px;padding:15px 25px;background:#ffffff0d;border-radius:8px;animation:legendFadeIn .6s ease-out;pointer-events:auto;flex-wrap:wrap;justify-content:center}@keyframes legendFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.current{background-color:var(--color-accent-red)}.legend-dot.past{background-color:var(--color-accent-orange)}.legend-dot.future{background-color:var(--color-neon-green)}.legend-dot.visited{background-color:var(--color-accent-blue)}.legend-dot.clickable{background-color:var(--color-neon-green);box-shadow:0 0 6px var(--color-neon-green)}.legend-label{font-size:.75rem;opacity:.8;text-transform:lowercase}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.scroll-arrow{width:20px;height:20px;border-right:2px solid rgba(255,255,255,.5);border-bottom:2px solid rgba(255,255,255,.5);transform:rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(10px)}60%{transform:translate(-50%) translateY(5px)}}.admin-login{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.admin-login-form{display:flex;flex-direction:column;gap:15px;width:300px}.admin-login-form h1{font-size:1.5rem;font-weight:500;margin-bottom:20px;color:var(--color-neon-green)}.admin-login-form input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:12px 15px;color:var(--color-text);font-family:inherit;font-size:.95rem}.admin-login-form input:focus{outline:none;border-color:var(--color-neon-green)}.admin-login-form button{background:var(--color-neon-green);border:none;border-radius:6px;padding:12px;color:var(--color-bg);font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:opacity .2s}.admin-login-form button:hover{opacity:.9}.admin-login-form .admin-back{background:transparent;border:1px solid var(--color-border);color:var(--color-muted)}.admin-login-form .admin-back:hover{border-color:var(--color-muted);color:var(--color-text)}.admin-error{color:var(--color-accent-red);font-size:.85rem}.admin-panel{min-height:100vh;background:var(--color-bg);padding:30px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--color-border-dark)}.admin-header h1{font-size:1.3rem;font-weight:500;color:var(--color-neon-green)}.admin-actions{display:flex;gap:10px}.admin-actions button{background:var(--color-neon-green);border:none;border-radius:6px;padding:10px 20px;color:var(--color-bg);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.admin-actions button:hover{opacity:.9}.admin-actions button.saved{background:#8f8}.admin-actions button.logout{background:transparent;border:1px solid var(--color-border);color:var(--color-muted)}.admin-actions button.logout:hover{border-color:var(--color-accent-red);color:var(--color-accent-red)}.admin-content{display:flex;gap:30px}.admin-sidebar{width:200px;flex-shrink:0}.admin-sidebar h3{font-size:.8rem;font-weight:500;color:var(--color-dimmed);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.admin-region-btn{display:block;width:100%;background:transparent;border:1px solid var(--color-border-dark);border-radius:6px;padding:12px 15px;color:var(--color-muted);font-family:inherit;font-size:.9rem;text-align:left;cursor:pointer;margin-bottom:8px;transition:all .2s}.admin-region-btn:hover{border-color:#444;color:var(--color-text)}.admin-region-btn.active{border-color:var(--color-neon-green);color:var(--color-neon-green)}.admin-editor{flex:1;background:#0a0a0a;border:1px solid var(--color-border-dark);border-radius:8px;padding:30px;min-height:600px}.admin-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#444}.admin-form h2{font-size:1.5rem;font-weight:500;color:var(--color-neon-green);margin-bottom:30px}.admin-field{margin-bottom:25px}.admin-field label{display:block;font-size:.8rem;font-weight:500;color:var(--color-dimmed);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.admin-field input,.admin-field textarea{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:12px 15px;color:var(--color-text);font-family:inherit;font-size:.9rem;resize:vertical}.admin-field input:focus,.admin-field textarea:focus{outline:none;border-color:var(--color-neon-green)}.admin-field small{display:block;margin-top:8px;color:#555;font-size:.8rem}.admin-array-item{display:flex;gap:10px;margin-bottom:10px}.admin-array-item input{flex:1}.admin-array-item.double input:first-child{flex:2}.admin-array-item button{background:transparent;border:1px solid var(--color-border);border-radius:6px;width:40px;color:var(--color-dimmed);font-size:1.2rem;cursor:pointer;transition:all .2s}.admin-array-item button:hover{border-color:var(--color-accent-red);color:var(--color-accent-red)}.admin-add-btn{background:transparent;border:1px dashed var(--color-border);border-radius:6px;padding:10px 15px;color:var(--color-dimmed);font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .2s;width:100%}.admin-add-btn:hover{border-color:var(--color-neon-green);color:var(--color-neon-green)}@media(max-width:768px){.header{padding:10px 12px;gap:8px;flex-wrap:nowrap}.header-left{gap:10px;flex-shrink:0}.name{font-size:.95rem}.clocks{display:none}.header-right{gap:8px;flex-shrink:1;flex-wrap:nowrap}.social-link{font-size:.7rem}.map-fixed-container{padding-top:50px}.top-content{height:50px;padding:0 15px}.city-label{font-size:.85rem;text-align:center;line-height:1.3}.simple-text{font-size:.8rem}.simple-text.explore-mode{font-size:.95rem}.terminal-box{width:95%;padding:8px 12px;min-height:55px}.terminal-prompt,.terminal-text{font-size:.8rem}.map-legend{gap:15px;padding:10px 15px;margin-top:20px}.legend-label{font-size:.7rem}.pin-modal-full{padding:20px 20px 80px}.pin-modal-title{font-size:1.8rem;margin-bottom:25px}.pin-intro{font-size:1rem}.pin-section{margin-bottom:30px}.pin-list li{font-size:.9rem}.pin-music-player{padding:10px 15px;gap:10px}.music-cover{width:38px;height:38px}.music-title{font-size:.8rem}.music-artist{font-size:.7rem}.music-btn{width:32px;height:32px;font-size:.8rem}}