body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-gradient-1:#2a2a2a;--bg-gradient-2:#333;--text-primary:#fff;--text-secondary:#fff9;--text-accent:#2997ff;--border-color:#ffffff1a;--bg-primary:#000;--bg-secondary:#1c1c1e;--font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);margin:0;padding:0}.App{background:linear-gradient(135deg,#2a2a2a,#333);background:linear-gradient(135deg,var(--bg-gradient-1),var(--bg-gradient-2));color:#fff;color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative;transition:all .3s ease}.App.theme-default{background:linear-gradient(135deg,#1a1a1a,#0a0a0a)}.App.theme-nasa{background:linear-gradient(135deg,#0b3d91,#1e2761)}.App.theme-nasa .clock{background:#0b3d91cc;border:2px solid #fc3d21;box-shadow:0 8px 32px #fc3d2133}.App.theme-nasa .time{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fc3d21);-webkit-background-clip:text}.App.theme-apple{background:linear-gradient(135deg,#000,#1a1a1a)}.App.theme-apple .clock{background:#000c;border:none;border-radius:30px;box-shadow:0 8px 32px #ffffff1a}.App.theme-apple .time{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.App.theme-rolex{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);color:#daa520}.App.theme-rolex .clock{background:#000000e6;border:2px solid #daa520;box-shadow:0 0 20px #daa5204d}.App.theme-rolex .time{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#daa520,gold);-webkit-background-clip:text}.App.theme-psychedelic{animation:psychedelicBg 20s linear infinite;background:linear-gradient(135deg,#7b2fff,indigo)}.App.theme-psychedelic .clock{background:#00000080;border:2px solid #fff3;box-shadow:0 0 30px #7b2fff80}.App.theme-psychedelic .time{-webkit-text-fill-color:#0000;animation:psychedelicText 5s linear infinite;background:linear-gradient(135deg,#7b2fff,#00bfff 50%,#7b2fff);-webkit-background-clip:text;background-size:200% 200%}.App.theme-cyberpunk{background:linear-gradient(45deg,#000,#240046);position:relative}.App.theme-cyberpunk:before{animation:scanline 10s linear infinite;background:repeating-linear-gradient(90deg,#0000,#ffff0008 1%,#0000 2%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.App.theme-cyberpunk .clock{background:#000000b3;border:2px solid #0f0;box-shadow:0 0 20px #00ff0080;overflow:hidden;position:relative}.App.theme-cyberpunk .time{color:#0f0;font-family:Courier New,monospace;position:relative;text-shadow:0 0 10px #00ff00b3}.App.theme-cyberpunk .time:before{clip:rect(0,900px,0,0);animation:glitch-2 3s linear infinite alternate-reverse;color:#0f0;content:attr(data-text);left:2px;overflow:hidden;position:absolute;text-shadow:-2px 0 #f0f;top:0}.App.theme-matrix{background:#000;overflow:hidden;position:relative}.App.theme-matrix:before{animation:matrix-rain 30s linear infinite;background:linear-gradient(#00ff001a 50%,#0003 0);background-size:100% 4px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.App.theme-matrix .clock{background:#001400cc;border:1px solid #0f0;box-shadow:0 0 30px #0f03}.App.theme-matrix .time{animation:matrix-glow 2s ease-in-out infinite alternate;color:#0f0;font-family:Courier New,monospace;text-shadow:0 0 10px #00ff00b3}.App.theme-sunset{animation:sunset-shift 20s ease infinite;background:linear-gradient(45deg,#ff512f,#ff8c00,#ff512f);background-size:200% 200%}.App.theme-sunset .clock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #ff512f4d}.App.theme-sunset .time{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,gold);-webkit-background-clip:text;text-shadow:0 0 10px #ffd7004d}.App.theme-neon{background:#000;overflow:hidden;position:relative}.App.theme-neon:before{animation:neon-pulse 4s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#00e5ff1a,#00ffc81a,#0000 60%);content:"";height:100%;left:0;position:fixed;top:0;width:100%}.App.theme-neon .clock{background:#000c;border:2px solid #00e5ff;box-shadow:0 0 10px #00e5ff,0 0 20px #00e5ff,inset 0 0 20px #00e5ff80}.App.theme-neon .time{animation:neon-flicker 3s infinite;color:#fff;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #00e5ff,0 0 82px #00e5ff,0 0 92px #00e5ff}.App.theme-underwater{background:linear-gradient(45deg,#006994,#036);overflow:hidden;position:relative}.App.theme-underwater:before{animation:bubble-rise 20s linear infinite;background:radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='2' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");background-size:100% 100%,50px 50px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.App.theme-underwater .clock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0069944d;border:1px solid #fff3;box-shadow:0 8px 32px #00699466}.App.theme-underwater .time{animation:water-flow 3s ease-in-out infinite;color:#fff;text-shadow:0 0 10px #ffffff80}.App.theme-frutiger-aero{background:linear-gradient(135deg,#87ceeb,#e0f7ff 40%,#b4e4ff);overflow:hidden;position:relative}.App.theme-frutiger-aero:before{background:radial-gradient(ellipse at 30% 20%,#fff9 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#87ceeb4d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.App.theme-frutiger-aero .clock{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff59;border:1px solid #fff9;border-radius:24px;box-shadow:0 8px 32px #0078c826,inset 0 1px 0 #fffc,inset 0 -1px 0 #0000000d}.App.theme-frutiger-aero .time{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a6fa0,#0d4f7a);-webkit-background-clip:text;background-clip:text;font-weight:700}.App.theme-frutiger-aero .date,.App.theme-frutiger-aero .timezone{color:#2a7ab5}.App.theme-frutiger-aero .inspirational-box .message{color:#1a5f8a}.App.theme-daft-punk{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#0a0a0a);overflow:hidden;position:relative}.App.theme-daft-punk:before{animation:daftPunkGrid 4s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffb40008 0,#ffb40008 4px),repeating-linear-gradient(90deg,#0000,#0000 3px,#ffb40008 0,#ffb40008 4px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.App.theme-daft-punk .clock{background:#0a0a0ad9;border:1px solid #ffb4004d;border-radius:4px;box-shadow:0 0 20px #ffb40026,inset 0 0 30px #ffb4000d}.App.theme-daft-punk .time{-webkit-text-fill-color:#0000;animation:daftPunkPulse 3s ease-in-out infinite;background:linear-gradient(180deg,#ffb400,#ff6a00);-webkit-background-clip:text;background-clip:text;font-family:Courier New,monospace;text-shadow:none}.App.theme-daft-punk .date,.App.theme-daft-punk .timezone{color:#ffb400b3;font-family:Courier New,monospace;letter-spacing:3px}.App.theme-daft-punk .inspirational-box .message{color:#ffb400;font-family:Courier New,monospace}.App.theme-roman-empire{background:linear-gradient(135deg,#1a1410,#2c2218 50%,#0f0c08);position:relative}.App.theme-roman-empire:before{background:radial-gradient(ellipse at 50% 0,#d4af3714 0,#0000 60%),url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0v60M0 30h60' stroke='rgba(212,175,55,0.04)' stroke-width='.5'/%3E%3C/svg%3E");content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.App.theme-roman-empire .clock{background:#14100ad9;border:1px solid #d4af374d;border-radius:4px;box-shadow:0 4px 20px #00000080,inset 0 1px 0 #d4af371a}.App.theme-roman-empire .time{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#d4af37,#f5e6a3 50%,#d4af37);-webkit-background-clip:text;background-clip:text;font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:2px}.App.theme-roman-empire .date,.App.theme-roman-empire .timezone{color:#d4af37b3;font-family:Georgia,Times New Roman,serif;letter-spacing:2px;text-transform:uppercase}.App.theme-roman-empire .inspirational-box .message{color:#d4af37;font-family:Georgia,Times New Roman,serif;font-style:italic}.App.theme-military-intel{background:linear-gradient(135deg,#0a1a0a,#1a2a1a 50%,#0a150a);overflow:hidden;position:relative}.App.theme-military-intel:before{background:repeating-linear-gradient(0deg,#0000,#0000 1px,rgba(0,255,65,.015) 0,rgba(0,255,65,.015) 2px),radial-gradient(ellipse at 50% 50%,#00ff410d 0,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.App.theme-military-intel .clock{background:#0a140ae6;border:1px solid #ffb00040;border-radius:2px;box-shadow:0 0 15px #ffb0001a,inset 0 0 20px #00000080}.App.theme-military-intel .time{color:#ffb000;font-family:Courier New,monospace;font-weight:700;letter-spacing:3px;text-shadow:0 0 8px #ffb00080}.App.theme-military-intel .date,.App.theme-military-intel .timezone{color:#00ff4199;font-family:Courier New,monospace;letter-spacing:2px;text-transform:uppercase}.App.theme-military-intel .inspirational-box .message{color:#ffb000;font-family:Courier New,monospace;letter-spacing:1px;text-transform:uppercase}.App.theme-secret-agent{background:linear-gradient(135deg,#0a0e1a,#111827 50%,#060a14);overflow:hidden;position:relative}.App.theme-secret-agent:before{animation:secretAgentScan 8s linear infinite;background:radial-gradient(circle at 20% 50%,#3b82f614 0,#0000 50%),radial-gradient(circle at 80% 50%,#3b82f60d 0,#0000 50%),repeating-linear-gradient(90deg,#0000,#0000 99px,#3b82f608 0,#3b82f608 100px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.App.theme-secret-agent .clock{background:#0a0e1ed9;border:1px solid #3b82f633;border-radius:8px;box-shadow:0 0 20px #3b82f61a,inset 0 0 30px #3b82f608}.App.theme-secret-agent .time{color:#e2e8f0;font-family:Courier New,monospace;letter-spacing:2px;text-shadow:0 0 10px #3b82f666}.App.theme-secret-agent .date,.App.theme-secret-agent .timezone{color:#3b82f6b3;font-family:Courier New,monospace;letter-spacing:3px;text-transform:uppercase}.App.theme-secret-agent .inspirational-box .message{color:#3b82f6;letter-spacing:1px}.App.theme-brazilian-tropical{background:linear-gradient(135deg,#064e3b,#0f766e 30%,#065f46 60%,#134e4a);overflow:hidden;position:relative}.App.theme-brazilian-tropical:before{animation:tropicalShimmer 6s ease-in-out infinite;background:radial-gradient(ellipse at 20% 80%,#fbbf2426 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#10b9811a 0,#0000 50%),radial-gradient(ellipse at 50% 100%,#f59e0b1a 0,#0000 40%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.App.theme-brazilian-tropical .clock{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#064e3b80;border:1px solid #fbbf2440;border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a}.App.theme-brazilian-tropical .time{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b 50%,#fbbf24);-webkit-background-clip:text;background-clip:text;font-weight:700}.App.theme-brazilian-tropical .date,.App.theme-brazilian-tropical .timezone{color:#fbbf24cc}.App.theme-brazilian-tropical .inspirational-box .message{color:#fbbf24}@keyframes psychedelicBg{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes psychedelicText{0%{background-position:0 0}to{background-position:200% 200%}}@keyframes scanline{0%{background-position:0 0}to{background-position:200% 0}}@keyframes glitch-2{0%{clip:rect(44px,450px,56px,0)}5%{clip:rect(9px,450px,89px,0)}10%{clip:rect(78px,450px,98px,0)}15%{clip:rect(22px,450px,33px,0)}20%{clip:rect(67px,450px,89px,0)}25%{clip:rect(0,450px,0,0)}to{clip:rect(0,450px,0,0)}}@keyframes matrix-rain{0%{background-position:0 0}to{background-position:0 100%}}@keyframes matrix-glow{0%{text-shadow:0 0 5px #0f0,0 0 10px #0f0}to{text-shadow:0 0 20px #0f0,0 0 30px #0f0}}@keyframes sunset-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes neon-pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #00e5ff,0 0 82px #00e5ff,0 0 92px #00e5ff}20%,24%,55%{text-shadow:none}}@keyframes bubble-rise{0%{background-position:0 100%,0 0}to{background-position:0 0,0 100%}}@keyframes water-flow{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}@keyframes daftPunkGrid{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes daftPunkPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes secretAgentScan{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,100px 0}}@keyframes tropicalShimmer{0%,to{opacity:.7}50%{opacity:1}}.top-buttons{display:flex;justify-content:space-between;left:0;padding:0 2vh;position:fixed;right:0;top:2vh;z-index:1000}.heart-button,.settings-toggle,.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:none;background:#0003;border:none;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:2rem;height:5vh;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:5vh;z-index:1000}.heart-button{left:50%;position:absolute;transform:translateX(-50%)}.theme-toggle{animation:bulbAura 2s ease-in-out infinite;background:#ffc80014!important;box-shadow:0 0 10px #ffc80099,0 0 20px #ffc80066,0 0 40px #ffc80033,0 0 60px #ffc8001a;font-size:1.8rem;position:relative;z-index:100}.theme-toggle:after{animation:bulbAuraRing 2s ease-in-out infinite;background:radial-gradient(circle,#ffc80026 0,#0000 70%);border-radius:50%;bottom:-6px;content:"";left:-6px;pointer-events:none;position:absolute;right:-6px;top:-6px}@keyframes bulbAura{0%,to{box-shadow:0 0 10px #ffc80099,0 0 20px #ffc80066,0 0 40px #ffc80033,0 0 60px #ffc8001a}50%{box-shadow:0 0 15px #ffc800cc,0 0 30px #ffc80080,0 0 50px #ffc8004d,0 0 80px #ffc80026}}@keyframes bulbAuraRing{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.theme-toggle:hover{box-shadow:0 0 20px #ffc800e6,0 0 40px #ffc80099,0 0 60px #ffc8004d;text-shadow:0 0 20px #ff0c;transform:scale(1.2) rotate(15deg)}.theme-toggle:active{transform:scale(.95)}.settings-toggle:hover{background:#ffffff1a;transform:scale(1.1)}.heart-button:hover{background:#ffffff1a;transform:translateX(-50%) scale(1.1)}.clocks-container{grid-gap:2vh;display:grid;gap:2vh;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:100%;min-height:100vh;padding:2vh}.clock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;color:#fff;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease}.clock:before{animation:shine 8s linear infinite;background:linear-gradient(45deg,#0000,#ffffff0d 50%,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes shine{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.clock:hover{box-shadow:0 12px 40px #0006;transform:translateY(-5px)}.time{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a8a8a8);-webkit-background-clip:text;font-size:2.5em;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0003}.date{font-size:1em;font-weight:300;margin-bottom:5px}.date,.timezone{letter-spacing:1px;opacity:.8}.timezone{font-size:1.8em;font-weight:500;margin-top:5px;text-transform:uppercase}.inspirational-box{display:flex;flex-direction:column;grid-column:span 2;justify-content:center;min-height:45vh;padding:4vh}.inspirational-box .message{color:#2997ff;color:var(--text-accent);font-size:3.5rem;font-weight:500;letter-spacing:-.02em;line-height:1.4;margin:2vh 0}.settings-modal{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;display:none;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1500}.settings-modal.show{display:flex}.settings-content{background:#1c1c1e;background:var(--bg-secondary);border-radius:20px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;gap:2vh;max-height:90vh;max-width:500px;padding:2vh;position:relative;width:90%;z-index:1}.settings-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2vh;padding-bottom:1vh}.settings-header h2{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:500}.settings-tabs{display:flex;gap:2vh;padding:0 2vh}.settings-tab{background:none;border:none;color:#fff9;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:1vh 2vh;position:relative;transition:color .2s ease}.settings-tab:hover{color:#fff;color:var(--text-primary)}.settings-tab.active{color:#2997ff;color:var(--text-accent)}.settings-tab.active:after{background:#2997ff;background:var(--text-accent);border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.tab-content{display:none}.tab-content.active{display:block}.settings-body{max-height:60vh;overflow-y:auto;padding-right:1vh}.settings-body::-webkit-scrollbar{width:8px}.settings-body::-webkit-scrollbar-track{background:#000;background:var(--bg-primary);border-radius:4px}.settings-body::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--border-color);border-radius:4px}.settings-body::-webkit-scrollbar-thumb:hover{background:#fff9;background:var(--text-secondary)}.settings-section{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:15px;margin-bottom:3vh;padding:2vh}.settings-section h3{align-items:center;color:#2997ff;color:var(--text-accent);display:flex;font-size:1.2rem;font-weight:500;gap:1vh;margin-bottom:2vh}.settings-section h3 svg{height:20px;opacity:.8;width:20px}.settings-input-group{margin-bottom:2vh}.settings-input-group:last-child{margin-bottom:0}.settings-input-label{color:#fff9;color:var(--text-secondary);display:block;font-size:.9rem;margin-bottom:.8vh}.settings-input{background:#000;background:var(--bg-primary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);font-size:1rem;padding:1vh;transition:border-color .2s ease;width:100%}.settings-input:focus{border-color:#2997ff;border-color:var(--text-accent);outline:none}.settings-checkbox-group{align-items:center;display:flex;gap:1vh;margin-bottom:1vh}.settings-checkbox-group:last-child{margin-bottom:0}.settings-checkbox{align-items:center;appearance:none;-webkit-appearance:none;background:#000;background:var(--bg-primary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.settings-checkbox:checked{background:#2997ff;background:var(--text-accent);border-color:#2997ff;border-color:var(--text-accent)}.settings-checkbox:checked:after{color:#000;color:var(--bg-primary);content:"✓";font-size:12px;font-weight:700}.settings-checkbox:focus{box-shadow:0 0 0 2px #2997ff4d;outline:none}.settings-checkbox-label{color:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem;-webkit-user-select:none;user-select:none}.clock-settings{grid-gap:2vh;display:grid;gap:2vh;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.timezone-setting{display:flex;flex-direction:column;gap:.8vh}.timezone-setting label{color:#fff9;color:var(--text-secondary);font-size:.9rem}.timezone-setting select{appearance:none;background:#000;background:var(--bg-primary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:10px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:1vh;transition:border-color .2s ease}.timezone-setting select:focus{border-color:#2997ff;border-color:var(--text-accent);outline:none}.settings-button{right:2vh}.settings-button,.theme-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1c1c1e;background:var(--bg-secondary);border:none;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:fixed;top:2vh;transition:transform .2s ease;width:40px}.theme-toggle{right:calc(2vh + 50px)}.settings-button:hover,.theme-toggle:hover{transform:scale(1.1)}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:.5vh;transition:background-color .2s ease;width:30px}.close-button:hover{background-color:#ffffff1a}.heart-overlay{align-items:center;background:#000c;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.heart-overlay.show{animation:fadeIn .3s ease-in;display:flex}.heart{animation:heartbeat 1.5s ease-in-out infinite;color:#ff4d4d;cursor:default;font-size:15vh;position:relative;text-align:center}.heart span{color:#fff;font-size:3vh;left:50%;position:absolute;text-shadow:0 0 10px #00000080;top:50%;transform:translate(-50%,-50%);white-space:nowrap}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.alerts-container{width:100%}.new-alert{margin-bottom:2vh;width:100%}.new-alert input[type=text]{background:#ffffff1a;border:1px solid #fff3;border-radius:5px;color:#fff;color:var(--text-primary);font-size:1em;padding:1vh}.new-alert input[type=text]:last-of-type{flex:1 1;min-width:200px}.add-alert-btn{border-radius:5px;color:#2a2a2a;color:var(--bg-gradient-1);font-weight:600;transition:all .3s}.add-alert-btn:hover{opacity:.9}.alerts-list{width:100%}.alert-item{background:#ffffff0d;cursor:default;transition:all .3s}.alert-item:hover{background:#ffffff1a;transform:translateX(5px)}.alert-item.dragging{border:1px dashed #2997ff;border:1px dashed var(--text-accent);opacity:.4;transform:scale(.98)}.alert-item.drag-over{background:#2997ff1a;border-top:2px solid #2997ff;border-top:2px solid var(--text-accent)}.drag-handle{color:#fff9;color:var(--text-secondary);cursor:grab;font-size:1.2em;opacity:.5;padding:0 .3vh;transition:opacity .2s,color .2s;-webkit-user-select:none;user-select:none}.drag-handle:hover{color:#2997ff;color:var(--text-accent);opacity:1}.drag-handle:active{cursor:grabbing}.alert-toggle input[type=checkbox]{cursor:pointer;height:20px;width:20px}.alert-time{color:#2997ff;color:var(--text-accent);font-size:1.1em;font-weight:600;min-width:80px}.alert-item .alert-message{color:#fff;color:var(--text-primary);flex:1 1;font-size:1em}.remove-alert-btn{border-radius:50%;color:#fff;color:var(--text-primary);font-size:1.4em;opacity:.6;transition:all .3s}.remove-alert-btn:hover{background:#f003;opacity:1;transform:scale(1.1)}.alert-overlay{align-items:center;animation:alertFadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.alert-content{animation:alertPulse 2s infinite;background:linear-gradient(135deg,#2a2a2a,#333);background:linear-gradient(135deg,var(--bg-gradient-1),var(--bg-gradient-2));border:3px solid #2997ff;border:3px solid var(--text-accent);border-radius:20px;box-shadow:0 0 50px #ff00004d,0 0 100px #f003,0 0 150px #ff00001a;max-width:90%;padding:4vh;text-align:center;transform-origin:center;width:400px}.alert-icon{animation:alertShake .82s cubic-bezier(.36,.07,.19,.97) infinite;backface-visibility:hidden;font-size:4em;margin-bottom:2vh;perspective:1000px;transform:translateZ(0)}.alert-content .alert-message{color:#fff;color:var(--text-primary);font-size:1.8em;line-height:1.4;margin:2vh 0;text-shadow:0 0 10px #ffffff4d}.alert-dismiss{background:#2997ff;background:var(--text-accent);border:none;border-radius:12px;color:#2a2a2a;color:var(--bg-gradient-1);cursor:pointer;font-size:1.2em;font-weight:600;letter-spacing:1px;padding:1.5vh 3vh;text-transform:uppercase;transition:all .3s}.alert-dismiss:hover{box-shadow:0 0 20px #ffffff4d;transform:scale(1.05)}@keyframes alertFadeIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes alertPulse{0%{box-shadow:0 0 50px #ff00004d,0 0 100px #f003;transform:scale(1)}50%{box-shadow:0 0 70px #f006,0 0 120px #ff00004d;transform:scale(1.02)}to{box-shadow:0 0 50px #ff00004d,0 0 100px #f003;transform:scale(1)}}@keyframes alertShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.theme-nasa .theme-toggle{text-shadow:0 0 10px #fc3d21}.theme-apple .theme-toggle{text-shadow:0 0 10px #fffc}.theme-rolex .theme-toggle{text-shadow:0 0 10px #daa520}.theme-psychedelic .theme-toggle{animation:psychedelicButton 5s linear infinite}@keyframes psychedelicButton{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@media screen and (max-width:1080px) and (max-height:1920px){.App{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:1vh}.settings-toggle,.theme-toggle{font-size:2.5rem;padding:.5vh;top:1vh}.settings-toggle{left:1vh}.theme-toggle{right:1vh}.clocks-container{grid-gap:2vh;display:grid;flex:1 1;gap:2vh;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin-top:8vh;padding:2vh}.clock,.clocks-container{align-items:center;justify-content:center}.clock{display:flex;flex-direction:column;padding:.5vh;text-align:center}.clock .time{font-size:4.5rem;font-weight:700;line-height:1;margin-bottom:.5vh}.clock .date{color:#fff9;color:var(--text-secondary);font-size:1.6rem;margin:.5vh 0}.clock .timezone{color:#2997ff;color:var(--text-accent);font-size:4rem;font-weight:600;letter-spacing:.05em;line-height:1;margin:.5vh 0;text-transform:uppercase}.inspiration-container{margin-top:auto;padding:1vh}.inspiration{font-size:2rem;font-weight:500;line-height:1.2;margin-bottom:.5vh;padding:0 1vh}@media screen and (max-height:700px){.clocks-container{gap:1vh;margin-top:6vh}.clock .time{font-size:3.2rem}.clock .timezone{font-size:2.8rem}.clock .date{font-size:1.4rem}.inspiration{font-size:1.6rem}}}@media screen and (max-width:1080px){.settings-content{padding:3vh}.settings-content h2{font-size:3rem;margin-bottom:2vh}.tab-button{font-size:2.5rem;padding:1.5vh 3vh}.heart-settings input,.timezone-setting select{font-size:2.5rem;padding:1.5vh}.settings-buttons button{font-size:2.5rem;padding:1.5vh 3vh}}@media screen and (max-height:700px){.clocks-container{gap:2vh;margin-top:8vh}.clock .time{font-size:4.5rem}.clock .timezone{font-size:6rem}.clock .date{font-size:1.8rem}.inspiration{line-height:1.3;margin-bottom:2vh;padding:0 2vh}.alert-overlay .alert-message,.heart-message,.inspiration{font-size:2.8rem}}@media screen and (max-width:1080px){.alert-overlay .alert-content{border-radius:2vh;padding:4vh;width:90%}.alert-overlay .alert-icon{font-size:4rem;margin-bottom:2vh}.alert-overlay .alert-message{font-size:3.5rem;line-height:1.3;margin:2vh 0}.alert-overlay .alert-dismiss{border-radius:1vh;font-size:2.5rem;padding:2vh 4vh}}@media screen and (max-height:700px){.clocks-container{gap:1vh;margin-top:6vh}.clock{padding:.5vh}.clock .time{font-size:3.5rem;margin:.5vh 0}.clock .timezone{font-size:3rem;margin:.5vh 0}.clock .date{font-size:1.4rem;margin:.5vh 0}.clocks-container{gap:1vh;margin-top:2vh}.clock{padding:.5vh}.clock .time{font-size:3rem;margin:.25vh 0}.clock .timezone{font-size:2.5rem;margin:.25vh 0}.clock .date{font-size:1.2rem;margin:.25vh 0}}@media screen and (min-width:1200px){.clocks-container{margin-left:auto;margin-right:auto;max-width:80vw}}.settings-buttons{display:flex;gap:2vh;justify-content:flex-end;margin-top:2vh}.settings-button-primary,.settings-button-secondary{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;padding:1vh 2vh;transition:transform .2s ease,opacity .2s ease}.settings-button-primary{background:#2997ff;background:var(--text-accent);color:#000;color:var(--bg-primary)}.settings-button-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;color:#fff;color:var(--text-primary)}.settings-button-primary:hover,.settings-button-secondary:hover{transform:scale(1.05)}.settings-button-primary:active,.settings-button-secondary:active{opacity:.8;transform:scale(.95)}.alerts-container{display:flex;flex-direction:column;gap:2vh}.new-alert{align-items:center;display:flex;gap:2vh}.new-alert input{background:#000;background:var(--bg-primary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);font-size:1rem;padding:1vh}.new-alert input[type=text]:first-child{width:140px}.new-alert input[type=text]:nth-child(2){flex:1 1}.add-alert-btn{background:#2997ff;background:var(--text-accent);border:none;border-radius:8px;color:#000;color:var(--bg-primary);cursor:pointer;font-weight:500;padding:1vh 2vh;transition:transform .2s ease}.add-alert-btn:hover{transform:scale(1.05)}.alerts-list{display:flex;flex-direction:column;gap:2vh}.alert-item{background:#000;background:var(--bg-primary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:8px;gap:2vh;padding:2vh}.alert-item,.alert-toggle{align-items:center;display:flex}.alert-time{color:#fff;color:var(--text-primary);width:100px}.alert-message{flex:1 1}.alert-message,.remove-alert-btn{color:#fff9;color:var(--text-secondary)}.remove-alert-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.5vh;transition:all .2s ease}.remove-alert-btn:hover{background:#ffffff1a;color:#fff;color:var(--text-primary)}@media screen and (max-width:768px){.clocks-container{gap:2vh;grid-template-columns:1fr;padding:2vh;width:100%}.clock{min-width:0;min-width:auto;width:100%}.inspirational-box{grid-column:span 1;min-height:35vh;padding:3vh}.inspirational-box .message{font-size:2.5rem}}@media screen and (min-width:1200px){.clocks-container{margin-left:auto;margin-right:auto;width:90vw}.inspirational-box{min-height:50vh}.inspirational-box .message{font-size:4rem}}@media screen and (max-width:768px){.inspirational-box{grid-column:span 1;min-height:20vh;padding:2vh}.inspirational-box .message{font-size:2rem}}@media screen and (min-width:1200px){.inspirational-box .message{font-size:3rem}}
/*# sourceMappingURL=main.32ad11ea.css.map*/