:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0d1b2a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent;overflow-x:hidden}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:500}button{border:none;background:transparent;cursor:pointer;transition:all .3s ease}button:focus,button:focus-visible{outline:2px solid rgba(0,191,255,.5);outline-offset:2px}select{background:transparent;border:none;color:inherit;font-size:inherit;cursor:pointer}select:focus{outline:2px solid rgba(0,191,255,.5);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00bfff,#8a2be2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00bfff,orchid)}.theme-space-dark{--bg-primary: linear-gradient(135deg, #0d1b2a 0%, #1a2332 25%, #2c1810 50%, #1a1625 75%, #0f0f23 100%);--bg-secondary: rgba(255, 255, 255, .1);--border-color: rgba(255, 255, 255, .2);--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--accent-color: #00bfff;--accent-secondary: #8a2be2}.theme-light{--bg-primary: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--bg-secondary: rgba(255, 255, 255, .9);--border-color: rgba(0, 0, 0, .15);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--accent-color: #2c5aa0;--accent-secondary: #7b3f98}.theme-ocean{--bg-primary: linear-gradient(135deg, #667db6 0%, #0082c8 25%, #0078d4 50%, #667db6 75%, #0082c8 100%);--bg-secondary: rgba(255, 255, 255, .15);--border-color: rgba(255, 255, 255, .3);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .7);--accent-color: #00d4ff;--accent-secondary: #0078d4}.theme-sunset{--bg-primary: linear-gradient(135deg, #fa8072 0%, #ff6b35 25%, #f7931e 50%, #ffb347 75%, #ffd700 100%);--bg-secondary: rgba(255, 255, 255, .2);--border-color: rgba(255, 255, 255, .3);--text-primary: #2c1810;--text-secondary: #8b4513;--accent-color: #ff4500;--accent-secondary: #ff8c00}.theme-forest{--bg-primary: linear-gradient(135deg, #134e5e 0%, #71b280 25%, #228b22 50%, #32cd32 75%, #90ee90 100%);--bg-secondary: rgba(255, 255, 255, .15);--border-color: rgba(255, 255, 255, .25);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .7);--accent-color: #00ff7f;--accent-secondary: #32cd32}.theme-galaxy{--bg-primary: linear-gradient(135deg, #2c1810 0%, #8a2be2 25%, #4b0082 50%, #9370db 75%, #da70d6 100%);--bg-secondary: rgba(255, 255, 255, .12);--border-color: rgba(255, 255, 255, .25);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .7);--accent-color: #da70d6;--accent-secondary: #9370db}.app{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden;color:var(--text-primary)}#root{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden}#root:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,191,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(138,43,226,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,255,127,.05) 0%,transparent 50%);pointer-events:none;z-index:-1;opacity:.8}.theme-light #root:before{background:radial-gradient(circle at 20% 80%,rgba(52,152,219,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(155,89,182,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(46,204,113,.05) 0%,transparent 50%);opacity:.3}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s infinite ease-in-out}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.glass-card{background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3;transition:all .3s ease;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,191,255,.1),transparent);transition:left .5s ease}.glass-card:hover:before{left:100%}.glass-card:hover{transform:translateY(-5px);box-shadow:0 12px 48px #00bfff33,inset 0 1px #ffffff4d;border-color:var(--accent-color)}.theme-light .glass-card{background:#ffffffd9;box-shadow:0 8px 32px #00000026,inset 0 1px #fffc;color:var(--text-primary)}.theme-light .glass-card:hover{background:#ffffffe6;box-shadow:0 12px 48px #3498db40,inset 0 1px #ffffffe6}.theme-light .clock-time{color:var(--text-primary)!important;font-weight:600}.theme-light .city-name,.theme-light .country-name{color:var(--text-primary)!important}.theme-light .clock-date{color:var(--text-secondary)!important}.theme-light .card-title,.theme-light .planet-name{color:var(--text-primary)!important;font-weight:600}.theme-light .planet-type{color:var(--text-secondary)!important}.theme-light .planet-time{color:var(--text-primary)!important;font-weight:600}.theme-light .main-clock .clock-time{color:var(--text-primary)!important;font-weight:700;text-shadow:none}.theme-light .main-clock .clock-date,.theme-light .clock-timezone{color:var(--text-secondary)!important}.theme-light .category-title{color:var(--text-primary)!important;font-weight:600}.theme-light input{background:#0000001a!important;border:1px solid rgba(0,0,0,.2)!important;color:var(--text-primary)!important}.theme-light input::placeholder{color:var(--text-secondary)!important}.dashboard{max-width:1400px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;min-height:100vh}.main-clock{grid-column:span 2;text-align:center}.clock-time{font-size:4rem;font-weight:300;color:var(--accent-color);text-shadow:0 0 20px var(--accent-color);margin-bottom:1rem;font-family:Courier New,monospace}.clock-date{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1rem}.clock-timezone{font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.sun-times{display:flex;justify-content:space-around;align-items:center;margin-top:2rem}.sun-time{display:flex;flex-direction:column;align-items:center;gap:.5rem}.sun-icon{color:orange;filter:drop-shadow(0 0 10px rgba(255,165,0,.5))}.sun-time-text{color:var(--text-primary);font-size:1.2rem;font-weight:500}.sun-time-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.world-clocks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.clock-card{text-align:center;padding:1.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:15px;transition:all .3s ease}.clock-card:hover{transform:translateY(-2px);background:#ffffff1f;border-color:var(--accent-color)}.clock-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.clock-location{display:flex;align-items:center;gap:.75rem;flex:1}.flag{font-size:1.5rem}.city-name{font-size:1.1rem;color:var(--text-primary);font-weight:600;line-height:1.2}.country-name{font-size:.8rem;color:var(--text-secondary);opacity:.8;margin-top:.2rem}.remove-btn{background:none;border:none;color:#ffffff80;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.remove-btn:hover{color:#ff6b6b;background:#ff6b6b1a}.clock-time{font-size:2rem;color:var(--accent-color);text-shadow:0 0 15px var(--accent-color);font-family:Courier New,monospace;margin-bottom:.5rem;font-weight:700}.clock-date{color:var(--text-secondary);font-size:.9rem;opacity:.9}.world-clocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.world-clock{text-align:center;padding:1.5rem}.world-clock-city{font-size:1.2rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:500}.world-clock-time{font-size:2rem;color:var(--accent-color);text-shadow:0 0 15px var(--accent-color);font-family:Courier New,monospace;margin-bottom:.5rem}.world-clock-date{color:var(--text-secondary);font-size:.9rem}.planetary-times{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.planetary-grid{display:flex;flex-direction:column;gap:2rem}.planet-category{display:flex;flex-direction:column;gap:1rem}.category-title{text-align:center;color:#fffc;font-size:.9rem;margin-bottom:.75rem}.planet-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:15px;padding:1.25rem;transition:all .3s ease}.planet-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 25px #8a2be233}.planet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.planet-info{display:flex;align-items:center;gap:.75rem}.planet-icon{font-size:1.5rem}.remove-btn{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#ff6b6b;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:#f003;border-color:#ff000080}.planetary-time{text-align:center;padding:1rem;background:var(--bg-card);border-radius:15px;border:1px solid var(--border-color)}.planet-name{color:var(--accent-color);font-size:1.1rem;margin-bottom:.5rem;font-weight:500}.planet-type{color:var(--text-secondary);font-size:.8rem;margin-bottom:.5rem}.planet-time{color:var(--text-primary);font-size:1.3rem;font-family:Courier New,monospace;margin-bottom:.5rem}.controls{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.control-btn{background:#00bfff33;border:1px solid rgba(0,191,255,.4);color:#00bfff;padding:.8rem 1.5rem;border-radius:25px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.control-btn:hover{background:#00bfff4d;transform:translateY(-2px);box-shadow:0 5px 15px #00bfff4d}.delete-city-btn{background:#f003;border:1px solid rgba(255,0,0,.4);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ff6b6b;transition:all .3s ease;flex-shrink:0}.delete-city-btn:hover{background:#f006;transform:scale(1.1);box-shadow:0 3px 10px #ff00004d}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.card-title{color:#ffffffe6;font-size:1.3rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.card-icon{color:#00bfff;filter:drop-shadow(0 0 10px rgba(0,191,255,.5))}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-title{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0}.card-icon{color:var(--accent-color);filter:drop-shadow(0 0 5px var(--accent-color))}@keyframes pulse{0%{text-shadow:0 0 20px var(--accent-color)}to{text-shadow:0 0 30px var(--accent-color),0 0 40px var(--accent-color)}}@keyframes sunPulse{0%{box-shadow:0 0 25px #ff0,0 0 50px gold;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 35px #ff0,0 0 70px gold,0 0 90px orange;transform:translate(-50%,-50%) scale(1.05)}to{box-shadow:0 0 25px #ff0,0 0 50px gold;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.dashboard{grid-template-columns:1fr;padding:1rem;gap:1.5rem}.main-clock{grid-column:span 1}.clock-time{font-size:3rem}.world-clocks{grid-template-columns:1fr}.planetary-times{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:480px){.clock-time{font-size:2.5rem}.sun-times{flex-direction:column;gap:1rem}.controls{flex-direction:column;align-items:center}}