@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Outfit:wght@300;500;700&family=Prompt:wght@300;400;600&display=swap";:root{--bg-gradient-1:#e0c3fc;--bg-gradient-2:#8ec5fc;--bg-gradient-3:#fff;--glass-bg:#ffffff26;--glass-border:#ffffff4d;--glass-shadow:0 12px 40px 0 #1f26870d;--text-main:#1a202c;--text-dim:#4a5568;--neon-glow:#ffffff80;--neon-color:#fff}body.theme-cyberpunk{--bg-gradient-1:#2b0b3f;--bg-gradient-2:#14032e;--bg-gradient-3:#5f156d;--glass-bg:#14032e66;--glass-border:#d81bdb33;--glass-shadow:0 12px 40px 0 #d81bdb26;--text-main:#f3e8ff;--text-dim:#d8b4fe;--neon-glow:#d946efcc;--neon-color:#d946ef}body.theme-ocean{--bg-gradient-1:#020024;--bg-gradient-2:#090979;--bg-gradient-3:#00d4ff;--glass-bg:#02002466;--glass-border:#00d4ff33;--glass-shadow:0 12px 40px 0 #00d4ff26;--text-main:#e0f2fe;--text-dim:#7dd3fc;--neon-glow:#00d4ffcc;--neon-color:#00d4ff}body.theme-sunset{--bg-gradient-1:#2b1008;--bg-gradient-2:#8f2305;--bg-gradient-3:#d15606;--glass-bg:#2b100866;--glass-border:#fb923c33;--glass-shadow:0 12px 40px 0 #fb923c26;--text-main:#ffedd5;--text-dim:#fdba74;--neon-glow:#fb923ccc;--neon-color:#fb923c}body.theme-nature{--bg-gradient-1:#0f2015;--bg-gradient-2:#1e3f28;--bg-gradient-3:#2c5c3e;--glass-bg:#0f201566;--glass-border:#4ade8033;--glass-shadow:0 12px 40px 0 #4ade8026;--text-main:#ecfdf5;--text-dim:#86efac;--neon-glow:#4ade80cc;--neon-color:#4ade80}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background:linear-gradient(45deg, var(--bg-gradient-1), var(--bg-gradient-2), var(--bg-gradient-3));background-size:400% 400%;min-height:100vh;font-family:Inter,Prompt,sans-serif;transition:all .8s;animation:20s infinite gradientBG;overflow:hidden}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:32px;padding:2rem;transition:all .8s}.dashboard-container{z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative}.clock-display{letter-spacing:-2px;text-shadow:0 0 15px var(--neon-glow), 0 0 30px var(--neon-glow);color:var(--neon-color);z-index:2;text-align:center;font-family:Outfit,sans-serif;font-size:6.5rem;font-weight:700;line-height:1;transition:all .8s;position:relative}@media (width<=768px){.clock-display{font-size:4rem}}.clock-wrapper{justify-content:center;align-items:center;width:320px;height:320px;margin:0 auto 2rem;display:flex;position:relative}.seconds-ring{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.seconds-ring circle{fill:#0000;stroke:var(--glass-border);stroke-width:2px;transition:all .8s}.seconds-ring .progress{stroke:var(--neon-color);stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 8px var(--neon-glow));transition:stroke-dashoffset 1s linear,stroke .8s}.date-display{color:var(--text-dim);text-align:center;letter-spacing:.5px;margin-top:1rem;font-family:Prompt,sans-serif;font-size:1.35rem;font-weight:400}.weather-panel{border-radius:99px;align-items:center;gap:1.5rem;margin-top:2rem;padding:1.25rem 2.5rem;display:flex}.weather-icon{color:var(--neon-color);filter:drop-shadow(0 0 8px var(--neon-glow));transition:all .8s}.weather-info{flex-direction:column;display:flex}.weather-temp{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700;line-height:1}.weather-desc{color:var(--text-dim);text-transform:capitalize;margin-top:.25rem;font-size:.95rem}.particles-container{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.particle{background:var(--glass-border);box-shadow:0 0 15px var(--glass-border);opacity:.4;border-radius:50%;transition:background .8s,box-shadow .8s;animation:linear infinite float;position:absolute}@keyframes float{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100px)scale(1)}}.theme-selector-container{z-index:100;flex-direction:column;align-items:flex-end;gap:1rem;display:flex;position:fixed;bottom:2rem;right:2rem}.theme-btn-toggle{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;width:50px;height:50px;box-shadow:var(--glass-shadow);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.theme-btn-toggle:hover{background:var(--glass-border);transform:scale(1.1)}.theme-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transform-origin:100% 100%;opacity:0;pointer-events:none;border-radius:20px;flex-direction:column;gap:.75rem;padding:1rem;transition:all .3s;display:flex;transform:scale(.9)translateY(10px)}.theme-panel.open{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.theme-option{color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.theme-option:hover{background:var(--glass-border)}.theme-option.active{background:var(--glass-border);border-color:var(--neon-color);box-shadow:0 0 10px var(--neon-glow)}.color-dot{border-radius:50%;width:12px;height:12px}