body{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.logo-wrapper{left:16px;pointer-events:none;position:absolute;top:16px;z-index:1000}.App-logo{height:48px;object-fit:contain;opacity:.95;width:48px}.app-body,.app-content,.main-grid{min-height:100vh;position:relative;width:100%;z-index:1}html{height:100%}.app-container{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0;width:100%}@media (min-width:1400px){.welcome-block{margin-top:-6vh}}.app-content,.main-grid{position:relative;width:100%;z-index:1}.top-bar{align-items:center;display:flex;height:60px;left:0;padding-left:16px;position:absolute;top:0;width:100%;z-index:3000}.top-logo{height:48px;transition:transform .6s ease,filter 1.2s ease;width:48px}.top-logo.warm{--glow:#ffb4788c}.top-logo.silver{--glow:#b4c8ff8c}.top-logo{animation:logoGlow 6s ease-in-out infinite;filter:drop-shadow(0 0 4px var(--glow))}@keyframes logoGlow{0%{filter:drop-shadow(0 0 4px var(--glow))}50%{filter:drop-shadow(0 0 12px var(--glow))}to{filter:drop-shadow(0 0 4px var(--glow))}}.top-logo:hover{filter:drop-shadow(0 0 18px var(--glow));transform:scale(1.06)}.top-menu{margin-left:60px}.creative-previews{margin-top:4rem;padding:2rem;text-align:center}.creative-previews .section-title{color:var(--accent-gold);font-size:1.8rem;margin-bottom:1.5rem;text-shadow:0 0 8px #f2c98f66}.preview-link{background:linear-gradient(135deg,#141820cc,#2a3a55cc);border-radius:12px;box-shadow:0 0 12px #f2c98f40;color:var(--accent-gold);display:inline-block;font-size:1.1rem;padding:.8rem 1.6rem;text-decoration:none;transition:all .3s ease}.preview-link:hover{box-shadow:0 0 18px #f2c98f73;transform:translateY(-2px)}.ember-glow{color:#f2c98f;text-shadow:0 0 6px #f2c98f73,0 0 12px #f2c98f59,0 0 22px #f2c98f40;transition:text-shadow .3s ease,color .3s ease}.ember-glow:hover{text-shadow:0 0 8px #f2c98f8c,0 0 18px #f2c98f73,0 0 28px #f2c98f59}.ember-glow-night{color:#f2c98f;text-shadow:0 0 6px #b4a07866,0 0 14px #788cb459,0 0 26px #5064a040}.ember-glow-calm:hover{text-shadow:0 0 6px #f2c98f59,0 0 14px #f2c98f40,0 0 24px #f2c98f2e}.ember-glow-calm.winter{color:#f2c98f;text-shadow:0 0 4px #f2c98f38,0 0 10px #a0b4dc2e,0 0 18px #788cc81f}.ember-glow-calm.spring{color:#f2c98f;text-shadow:0 0 4px #f2c98f40,0 0 10px #c8dcb42e,0 0 18px #b4dca01f}.ember-glow-calm.summer{color:#f2c98f;text-shadow:0 0 4px #f2c98f47,0 0 10px #ffd29633,0 0 18px #ffbe7824}.ember-glow-calm.autumn{color:#f2c98f;text-shadow:0 0 4px #f2c98f4d,0 0 10px #c88c5a38,0 0 18px #a0643c29}.night-sky{height:100%;inset:0;overflow:hidden;pointer-events:none;position:fixed;width:100%;z-index:1}.star-layer{animation:twinkle 6s ease-in-out infinite alternate;background-repeat:repeat;background-size:cover;background:radial-gradient(2px 2px at 20% 30%,#fffc,#0000),radial-gradient(1.5px 1.5px at 70% 40%,#ffffffb3,#0000),radial-gradient(1.8px 1.8px at 40% 70%,#fff9,#0000),radial-gradient(1.2px 1.2px at 80% 80%,#ffffff80,#0000),radial-gradient(1.4px 1.4px at 55% 20%,#ffffffb3,#0000);inset:0;opacity:.7;position:absolute;width:100%}.frost-overlay,.sky-fade,.sky-fade-sides{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.shooting-star{animation:shoot 4s ease-in-out infinite;animation-delay:2s;background:linear-gradient(90deg,#0000,#fff);height:2px;left:-15%;opacity:.9;position:absolute;top:10%;transform:rotate(10deg);width:140px}@keyframes shoot{0%{opacity:0;transform:translateX(0) translateY(0) rotate(10deg)}10%{opacity:1}40%{opacity:.9;transform:translateX(700px) translateY(-40px) rotate(10deg)}60%{opacity:0}to{opacity:0}}.twinkle-star{animation:twinkle 4s ease-in-out infinite;background:#fff;border-radius:50%;height:3px;opacity:.6;pointer-events:none;position:absolute;width:3px}.mini-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border-radius:14px;box-shadow:0 4px 12px #00000026;display:flex;gap:20px;left:50%;padding:10px 22px;position:fixed;top:16px;transform:translateX(-50%);z-index:9999}.mini-menu a{color:#fff;font-weight:500;letter-spacing:.5px;text-decoration:none;transition:opacity .2s ease}.mini-menu a:hover{opacity:.7}html{scroll-behavior:smooth}.hero img{border-radius:12px;height:60vh;margin-bottom:40px;object-fit:cover;width:100%}.star-shimmer:after{opacity:.35;opacity:var(--shimmer-strength)}:root{--parallax-speed:40s;--overlay-drift:18s;--shimmer-strength:0.35}.delete-entry,.delete-task{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:none;border-radius:.6rem;color:#fff5e6f2;cursor:pointer;font-size:.8rem;padding:.25rem .55rem;transition:background .25s ease,transform .15s ease}.delete-entry:hover,.delete-task:hover{background:#ffffff40;transform:scale(1.08)}.task-list{gap:.5rem}.completed-list,.task-list{display:flex;flex-direction:column}.completed-list{gap:.4rem;margin-top:1rem;opacity:.7}.new-task-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1.4rem;display:flex;gap:.5rem;margin:1rem 0 1.5rem;padding:.6rem .8rem;transition:all .3s ease}.new-task-bar input{background:#0000;border:none;color:#fff5e6f2;flex:1 1;font-size:.9rem;outline:none}.new-task-bar button{background:#ffffff26;border:none;border-radius:1rem;color:#fff5e6f2;cursor:pointer;font-size:.8rem;padding:.35rem .9rem;transition:all .25s ease}.new-task-bar button:hover{background:#ffffff40}.greeting-mode-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:2rem;display:flex;gap:.35rem;margin-top:.8rem;padding:.3rem .4rem;position:relative;width:-webkit-fit-content;width:fit-content}.greeting-mode-toggle button{background:#ffffff1f;border:none;border-radius:1.2rem;color:#fff5e6d9;cursor:pointer;font-size:.72rem;letter-spacing:.15px;padding:.25rem .65rem;position:relative;transition:all .25s ease;z-index:2}.greeting-mode-toggle button.active[data-mode=whimsical]{background:linear-gradient(135deg,#ffc89673,#ffa07859);box-shadow:0 0 8px #ffb48273,0 0 14px #ffa07859;color:#fff5e6}.greeting-mode-toggle button.active[data-mode=minimal]{background:linear-gradient(135deg,#ffffff59,#e6e6e640);box-shadow:0 0 8px #ffffff59,0 0 14px #dcdcdc40;color:#fffffff2}.greeting-mode-toggle button.active[data-mode=poetic]{background:linear-gradient(135deg,#d2aaff73,#ffb4dc59);box-shadow:0 0 8px #d2aaff73,0 0 14px #ffb4dc59;color:#fff5ff}.greeting-latenight:before{background:#0000148c}.greeting-night:before{background:#0a0a2873}.greeting-earlymorning:before{background:#c8b4ff40}.greeting-sunrise:before{background:linear-gradient(135deg,#ffb47859,#ff965a40)}.greeting-day:before{background:linear-gradient(135deg,#ffffff26,#f0faff1a)}.greeting-sunset:before{background:linear-gradient(135deg,#ff8c9659,#ff647840)}.greeting-text .star-shimmer{display:inline-block;position:relative}.greeting-text .star-shimmer:after{animation:shimmerPulse 4.5s ease-in-out infinite;background:radial-gradient(circle,#ffffff59,#ffffff0d 60%,#0000 100%);border-radius:50%;content:"";inset:-6px;pointer-events:none;position:absolute}.greeting-sunrise .star-shimmer:after{background:radial-gradient(circle,#ffc87873,#ff965026 60%,#0000 100%)}.welcome-block{margin-top:0;text-align:center}.cinematic-tagline{animation-delay:.3s;bottom:-18px;color:#fff;color:inherit;filter:drop-shadow(0 0 10px var(--seasonal-glow));left:50%;opacity:1;position:absolute;transform:translateX(-50%);z-index:3000;z-index:2000}.sunrise .cinematic-tagline{color:#ffd7a3}.day .cinematic-tagline{color:#ffe89b}.sunset .cinematic-tagline{color:#ffb08a}.night .cinematic-tagline{color:#b8caff}.lateNight .cinematic-tagline{color:#e2d9ff}.earlyMorning .cinematic-tagline{color:#f8e1ff}.winter .cinematic-tagline{filter:drop-shadow(0 0 12px rgba(180,220,255,.6))}.summer .cinematic-tagline{filter:drop-shadow(0 0 12px rgba(255,210,120,.55))}.moon-0 .cinematic-tagline{color:#cfcfe8}.moon-1 .cinematic-tagline{color:#d6d6f0}.moon-2 .cinematic-tagline{color:#deddf7}.moon-3 .cinematic-tagline{color:#e6e5ff}.moon-4 .cinematic-tagline{color:#dcd8ff}.moon-5 .cinematic-tagline{color:#d2d0f5}.moon-6 .cinematic-tagline{color:#c8c8ea}.cinematic-tagline.glow-seasonal{animation:seasonalPulse 4.5s ease-in-out infinite}@keyframes seasonalPulse{0%{text-shadow:0 0 6px var(--seasonal-glow)}50%{text-shadow:0 0 14px var(--seasonal-glow)}to{text-shadow:0 0 6px var(--seasonal-glow)}}.winter .cinematic-tagline{color:#dff3ff;position:relative;text-shadow:0 0 12px #c8e6ffb3}.winter .cinematic-tagline:after{animation:frostSparkle 4s ease-in-out infinite;background:radial-gradient(circle at 20% 40%,#ffffff59,#0000 60%),radial-gradient(circle at 80% 70%,#ffffff40,#0000 70%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute}@keyframes frostSparkle{0%{opacity:0}40%{opacity:.4}60%{opacity:.25}to{opacity:0}}.summer .cinematic-tagline{animation:heatHaze 3.5s ease-in-out infinite;color:#ffe8a6;text-shadow:0 0 10px #ffc8788c}@keyframes heatHaze{0%{filter:blur(0) brightness(1)}50%{filter:blur(.8px) brightness(1.08)}to{filter:blur(0) brightness(1)}}[class*=moon-] .cinematic-tagline{animation:lunarShimmer 5s ease-in-out infinite}@keyframes lunarShimmer{0%{text-shadow:0 0 6px #dcdcff66}50%{text-shadow:0 0 14px #e6e6ffb3}to{text-shadow:0 0 6px #dcdcff66}}.spring{--seasonal-glow:#ffb7d566;filter:drop-shadow(0 0 6px var(--seasonal-glow))}.summer{--seasonal-glow:#ffd36b66;filter:drop-shadow(0 0 3px var(--seasonal-glow))}.autumn{--seasonal-glow:#ff9e7a66}.autumn,.winter{filter:drop-shadow(0 0 10px var(--seasonal-glow))}.winter{--seasonal-glow:#cfe4ff66}@keyframes sunrisePulse{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.greeting-sunrise.app-container:after{animation:sunrisePulse 12s ease-in-out infinite}.app-shell{background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh;padding:16px 24px 20px;transition:background-image 1.2s ease-in-out}.greeting-latenight{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:1.6rem;box-shadow:0 4px 14px #14142859;padding:.8rem 1.2rem;transition:background .4s ease,box-shadow .4s ease}.season-controls{margin-top:80px}.season-buttons button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;color:#ffffffd9;font-size:.95rem;letter-spacing:.3px;padding:.55rem .8rem;transition:background .25s ease,transform .25s ease,box-shadow .3s ease,opacity .3s ease}.season-buttons button:hover{background:#ffffff24}.season-buttons button.winter{border-left:4px solid #8ecaff}.season-buttons button.spring{border-left:4px solid #a8e6a3}.season-buttons button.summer{border-left:4px solid #ffd27f}.season-buttons button.autumn{border-left:4px solid #ffb07c}.app-shell.dusk .season-buttons button.active{box-shadow:0 0 12px #ffb48ca6}.app-shell.moon .season-buttons button.active{box-shadow:0 0 14px #dcdcffb3}.season-buttons button:hover{box-shadow:0 0 12px var(--season-accent)}.season-buttons button.active{background:#ffffff2e;opacity:1;transform:translateY(-1px)}:root{--winter-accent:#8ecaff;--spring-accent:#a8e6a3;--summer-accent:#ffd27f;--autumn-accent:#ffb07c}.season-mode{align-items:center;color:#fffaf3;display:flex;font-size:.9rem;gap:12px}.season-buttons button.winter:hover{box-shadow:0 0 12px #8ecaff;box-shadow:0 0 12px var(--winter-accent)}.season-buttons button.spring:hover{box-shadow:0 0 12px #a8e6a3;box-shadow:0 0 12px var(--spring-accent)}.season-buttons button.summer:hover{box-shadow:0 0 12px #ffd27f;box-shadow:0 0 12px var(--summer-accent)}.season-buttons button.autumn:hover{box-shadow:0 0 12px #ffb07c;box-shadow:0 0 12px var(--autumn-accent)}.app-shell{overflow:hidden;position:relative}.app-shell:before{background:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .8s ease-in-out;z-index:-1}.app-shell.fade-transition:before{opacity:1}.app-shell.winter.day,.app-shell.winter.earlyMorning,.app-shell.winter.sunrise{background-image:url(https://images.unsplash.com/photo-1770753105322-fdca548966b0?q=80&w=2787&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:top}.app-shell.winter.lateNight,.app-shell.winter.night,.app-shell.winter.sunset{background-image:url(https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=1600&q=80)}.app-shell.spring.day,.app-shell.spring.earlyMorning,.app-shell.spring.sunrise{background-image:url(https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:top;background-repeat:no-repeat;background-size:cover}.app-shell.spring.lateNight,.app-shell.spring.night,.app-shell.spring.sunset{background-image:url(https://images.unsplash.com/photo-1571766070340-ca72e48eb1a4?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:50%;background-repeat:no-repeat;background-size:cover}.app-shell.summer.day,.app-shell.summer.earlyMorning,.app-shell.summer.sunrise{background-image:url(https://images.unsplash.com/photo-1666698585869-3e2553a2462d?q=80&w=2788&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:top;background-repeat:no-repeat;background-size:cover}.app-shell.summer.night{background-image:url(https://images.unsplash.com/photo-1760451747357-38be7f9eec7a?q=80&w=2532&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:50%;background-repeat:no-repeat;background-size:cover}.app-shell.autumn.day,.app-shell.autumn.earlyMorning,.app-shell.autumn.sunrise{background-image:url(https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80)}.app-shell.autumn.lateNight,.app-shell.autumn.night,.app-shell.autumn.sunset{background-image:url(https://images.unsplash.com/photo-1664736607881-51fca3698993?q=80&w=2786&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:50%;background-repeat:no-repeat;background-size:cover}.season-buttons button{-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);background:#ffffff26;border:none;border-radius:10px;color:#fffaf3;cursor:pointer;font-weight:500;padding:6px 16px;transition:background .25s ease,transform .2s ease,box-shadow .3s ease}.season-buttons button:hover{background:#ffffff40;transform:translateY(-2px)}.season-buttons button.active{background:#ffffff59}.app-shell.earlyMorning .season-buttons button.active{box-shadow:0 0 10px #fff0c899}.app-shell.sunrise .season-buttons button.active{box-shadow:0 0 10px #ffb47899}.app-shell.day .season-buttons button.active{box-shadow:0 0 10px #fff9}.app-shell.sunset .season-buttons button.active{box-shadow:0 0 10px #ff965099}.app-shell.night .season-buttons button.active{box-shadow:0 0 10px #78a0ff99}.app-shell.lateNight .season-buttons button.active{box-shadow:0 0 10px #b478ff99}.app-content{margin:0 auto;max-width:1200px;position:relative;z-index:2}.layout-grid{grid-gap:var(--space-16);display:grid;gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.layout-grid>*{min-width:0;overflow:hidden}@media (max-width:768px){.layout-grid{grid-template-columns:minmax(0,1fr)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-float 3s ease-in-out infinite}}.dynamic-greeting{align-items:center;color:#fff5e6e6;display:flex;font-size:2rem;font-weight:600;letter-spacing:.4px;margin:0 0 1.15rem;text-shadow:0 0 4px #ffc89659,0 0 10px #ffaa7840;transform:translateY(6px);transition:text-shadow .4s ease,color .4s ease}@keyframes greetingFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.seasonal-whisper{animation:whisperCrossfade 1.6s ease .35s forwards,whisperFloat 7s ease-in-out .35s infinite;display:block}.evergreen-quote{animation:evergreenFade 1.4s ease forwards,evergreenGlow 6s ease-in-out infinite;font-size:1.1rem;font-weight:300;line-height:1.55;margin:2.1rem auto .85rem;max-width:70ch;opacity:0;padding:0 1rem;position:relative;text-align:center;z-index:12}@keyframes evergreenFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes evergreenGlow{0%{filter:drop-shadow(0 0 3px rgba(255,255,255,.2))}50%{filter:drop-shadow(0 0 7px rgba(255,255,255,.45))}to{filter:drop-shadow(0 0 3px rgba(255,255,255,.2))}}.evergreen-quote:hover{filter:brightness(1.15);text-shadow:0 0 15px #ffffff8c;transition:text-shadow .4s ease,filter .4s ease}.evergreen-quote.lateNight,.evergreen-quote.night{animation:evergreenFade 1.4s ease forwards,evergreenGlow 6s ease-in-out infinite}.moon-new{background:linear-gradient(135deg,#0a0a14e6,#191928cc);background:var(--moon-new)}.moon-waxing{background:linear-gradient(135deg,#283c78d9,#5a6ea0bf);background:var(--moon-waxing)}.moon-full{background:linear-gradient(135deg,#b4c8ffe6,#e6f0ffd9);background:var(--moon-full)}.moon-waning{background:linear-gradient(135deg,#3c3264d9,#1e143cbf);background:var(--moon-waning)}:root{--moon-new:linear-gradient(135deg,#0a0a14e6,#191928cc);--moon-waxing:linear-gradient(135deg,#283c78d9,#5a6ea0bf);--moon-full:linear-gradient(135deg,#b4c8ffe6,#e6f0ffd9);--moon-waning:linear-gradient(135deg,#3c3264d9,#1e143cbf)}.moon-full{box-shadow:0 0 25px #ffffff59}.seasonal-quote{animation:fadeIn 1.5s ease forwards;bottom:2rem;font-size:.95;font-weight:300;letter-spacing:.3px;max-width:35ch;opacity:.6;pointer-events:none;position:fixed;right:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.seasonal-whisper{animation:whisperFade 1.8s ease forwards,whisperFloat 7s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.25));font-size:.9rem;font-style:italic;margin:1rem auto 0;opacity:0}@keyframes whisperFade{0%{letter-spacing:.5px;opacity:0;transform:translateY(8px)}to{letter-spacing:0;opacity:.85;transform:translateY(0)}}@keyframes whisperCrossfade{0%{opacity:0;transform:translateY(6px)}to{opacity:.85;transform:translateY(0)}}@keyframes whisperFloat{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.seasonal-whisper.winter{color:#8ecaff;color:var(--winter-accent,#bcd7ff)}.seasonal-whisper.spring{color:#a8e6a3;color:var(--spring-accent,#c8e6c9)}.seasonal-whisper.summer{color:#ffd27f;color:var(--summer-accent,#ffe082)}.seasonal-whisper.autumn{color:#ffb07c;color:var(--autumn-accent,#ffcc80)}.seasonal-whisper.winter{animation:whisperFade 1.8s ease forwards,whisperFloat 7s ease-in-out infinite,winterShimmer 5s ease-in-out infinite;color:#d8eaff;text-shadow:0 0 6px #c8dcff73}@keyframes winterShimmer{0%{filter:drop-shadow(0 0 3px rgba(200,220,255,.2))}50%{filter:drop-shadow(0 0 7px rgba(200,220,255,.45))}to{filter:drop-shadow(0 0 3px rgba(200,220,255,.2))}}.seasonal-whisper.spring{animation:whisperFade 1.8s ease forwards,whisperFloat 7s ease-in-out infinite,springBloom 6s ease-in-out infinite;color:#dfffe0;text-shadow:0 0 6px #c8ffd259}@keyframes springBloom{0%{transform:scale(1)}50%{transform:scale(1.015)}to{transform:scale(1)}}.seasonal-whisper.summer{animation:whisperFade 1.8s ease forwards,whisperFloat 7s ease-in-out infinite,summerGlow 4.5s ease-in-out infinite;color:#ffe9a8;text-shadow:0 0 6px #ffe69666}@keyframes summerGlow{0%{filter:brightness(1)}50%{filter:brightness(1.08)}to{filter:brightness(1)}}.seasonal-whisper.autumn{animation:whisperFade 1.8s ease forwards,whisperFloat 7s ease-in-out infinite,autumnSway 8s ease-in-out infinite;color:#ffd7b0;text-shadow:0 0 6px #ffbe8c66}@keyframes autumnSway{0%{transform:translateX(0)}50%{transform:translateX(3px)}to{transform:translateX(0)}}.task-gem{align-items:center;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.6rem;justify-content:space-between;padding:.75rem 1rem;transition:transform .2s ease,box-shadow .3s ease,opacity .3s ease}.gem-core{inset:0;overflow:hidden;pointer-events:none}.gem-core,.gem-glow{border-radius:inherit;position:absolute;z-index:0}.gem-glow{filter:blur(22px);inset:-20%;opacity:.55}.gem-body{background:none!important}.gem-check{align-items:center;color:#ffffffe6;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;margin-right:.6rem;transition:transform .2s ease,opacity .25s ease}.gem-check:hover{opacity:1;transform:scale(1.15)}.task-gem.completed .gem-check{cursor:default;opacity:.5;transform:scale(1)}.gem-dawn,.gem-dawn .gem-glow,.gem-earlyMorning,.gem-earlyMorning .gem-glow,.gem-sunrise,.gem-sunrise .gem-glow{background:var(--dawn-accent)}.gem-dawn .gem-body,.gem-earlyMorning .gem-body,.gem-sunrise .gem-body{background:linear-gradient(145deg,#ffffff40,#ffc8c80d)}.gem-day,.gem-day .gem-glow{background:var(--day-accent)}.gem-day .gem-body{background:linear-gradient(145deg,#ffffff40,#ffffc80d)}.gem-dusk,.gem-dusk .gem-glow,.gem-sunset,.gem-sunset .gem-glow{background:var(--dusk-accent)}.gem-dusk .gem-body,.gem-sunset .gem-body{background:linear-gradient(145deg,#ffffff40,#ffb4ff0d)}.gem-night,.gem-night .gem-glow{background:var(--night-accent)}.gem-night .gem-body{background:linear-gradient(145deg,#ffffff40,#b4c8ff0d)}.gem-lateNight,.gem-lateNight .gem-glow{background:var(--lateNight-accent)}.gem-lateNight .gem-body{background:linear-gradient(145deg,#ffffff40,#b4beff0d)}.task-gem:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.task-gem:active{box-shadow:none;transform:translateY(0)}.task-gem.completed{filter:brightness(.85);opacity:.6;text-decoration:line-through}.gem-small{font-size:.9rem;padding:.5rem .75rem}.gem-large{font-size:1.1rem;padding:1rem 1.25rem}.delete-task{align-items:center;background:none;border:none;color:#ffffffbf;cursor:pointer;display:flex;font-size:1.1rem;padding:0 .3rem;transition:opacity .25s ease,transform .2s ease}.delete-task:hover{opacity:1;transform:scale(1.15)}.task-gem.completed .delete-task{cursor:default;opacity:.4;transform:none}.task-text{flex:1 1;padding-right:.4rem}.completed-list{border-top:1px solid #ffffff26;margin-top:1.2rem;opacity:.85;padding-top:.8rem}.completed-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border-radius:10px;color:#ffffffbf;font-size:.95rem;font-weight:400;letter-spacing:.2px;margin-bottom:.4rem;padding:.45rem .75rem;transition:opacity .3s ease,transform .3s ease}.completed-item:hover{opacity:1;transform:translateX(2px)}.App-link{color:#704cb6}@keyframes App-logo-float{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.app-header{align-items:flex-start;background:radial-gradient(circle at top left,#ffbe962e,#0000 55%),radial-gradient(circle at bottom right,#78a0ff29,#0000 55%);border-radius:18px;display:flex;gap:1.8rem;justify-content:space-between;padding:1.1rem 1.3rem 1.4rem;position:relative;z-index:20}.header-left{color:#e5e7eb;display:flex;flex-direction:column;gap:.35rem;max-width:420px}.app-kicker{color:#6b7280;font-size:.8rem;letter-spacing:.12em;margin:0 0 4px;text-transform:uppercase}@keyframes titleFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-title{color:#fdf7f2;font-size:2.1rem;font-weight:650;letter-spacing:.03em;margin:0;text-shadow:0 0 14px #ffbe968c,0 0 26px #ffa07859,0 3px 10px #00000073;transition:transform .35s ease,text-shadow .4s ease,opacity .3s ease}.app-title:hover{text-shadow:0 0 18px #ffc8a0b3,0 0 30px #ffaa8280,0 4px 12px #0000008c;transform:translateY(-1px)}.app-shell.earlyMorning .app-title{text-shadow:0 0 14px #ffdcb499}.app-shell.day .app-title{text-shadow:0 0 14px #c8e6ff99}.app-shell.dusk .app-title{text-shadow:0 0 16px #ffb48ca6}.app-shell.night .app-title{text-shadow:0 0 18px #a0b4ff8c}.app-shell.moon .app-title{text-shadow:0 0 20px #dcdcffb3}.app-subtitle{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:6px;color:#fff0e6fa;font-size:1rem;font-weight:500;letter-spacing:.3px;margin:0;padding:.25rem .6rem;text-shadow:0 0 8px #ffaa8273,0 0 14px #ff966e4d,0 2px 6px #00000059;transition:text-shadow .4s ease,opacity .3s ease}.app-shell.earlyMorning .app-subtitle{text-shadow:0 0 10px #ffdcb48c}.app-shell.day .app-subtitle{text-shadow:0 0 10px #c8e6ff8c}.app-shell.dusk .app-subtitle{text-shadow:0 0 12px #ffb48c99}.app-shell.night .app-subtitle{text-shadow:0 0 12px #a0b4ff80}.app-shell.moon .app-subtitle{text-shadow:0 0 14px #dcdcffa6}.header-left:hover .app-subtitle{text-shadow:0 0 10px var(--season-accent),0 0 18px #ffbe9699,0 3px 8px #00000073}.section-divider{background:linear-gradient(90deg,#0000,#ffffff59,#0000);height:1px;margin:2rem 0;opacity:.7;width:100%}.header-divider{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;height:1px;margin:.5rem 0 1.5rem;width:100%}.fade-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .9s ease,transform .9s ease}.fade-on-scroll.visible{opacity:1;transform:translateY(0)}.inspo-quote{color:#fffdf8;font-size:1.2rem;margin:2rem auto;max-width:700px;text-align:center;text-shadow:0 0 8px #00000040}.greeting-sunrise{color:#ffd1a1}.greeting-day{color:#fff}.greeting-sunset{color:#ffb6b9}.greeting-earlymorning{background:linear-gradient(135deg,#d7c7ff59,#bfa8ff40)}.greeting-earlymorning,.greeting-night{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background 2s ease,-webkit-backdrop-filter 2s ease;transition:background 2s ease,backdrop-filter 2s ease;transition:background 2s ease,backdrop-filter 2s ease,-webkit-backdrop-filter 2s ease}.greeting-night{animation:fadeInNight 1.6s ease forwards;background:linear-gradient(135deg,#00000fbf,#050519a6,#0a0a288c);border-radius:20px;box-shadow:0 0 12px #ffffff1f;line-height:1.4;opacity:0;padding:20px 28px}@keyframes fadeInNight{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.greeting-latenight{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#000005e6,#000014d9,#050523bf);border-radius:20px;transition:background 2s ease,-webkit-backdrop-filter 2s ease;transition:background 2s ease,backdrop-filter 2s ease;transition:background 2s ease,backdrop-filter 2s ease,-webkit-backdrop-filter 2s ease}.greeting-latenight .dynamic-greeting,.greeting-night .dynamic-greeting{text-shadow:0 0 10px #78a0ff99,0 0 20px #5078ff66}.mood-silhouette.earlyMorning:before{background:linear-gradient(180deg,#ffe7c8,#ffd4a3,#f9a87a,#d97b5f)}.mood-silhouette.day:before{background:linear-gradient(180deg,#e8f6ff,#cfe8ff,#a7d0ff)}.mood-silhouette.sunset:before{background:linear-gradient(180deg,#ffcfb3,#ff9e8a,#d86b7a)}.mood-silhouette.night:before{background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460)}.mood-silhouette.moon:before{background:linear-gradient(180deg,#e8e8f0,#cfcfe0,#b5b5c8)}.mood-silhouette.lateNight:before{-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);background:linear-gradient(180deg,#14001ec7,#0c0014b8,#05000ca8)}.greeting-sunrise .dynamic-greeting{text-shadow:0 0 8px #ffb47899,0 0 16px #ff8c5066}.greeting-day .dynamic-greeting{text-shadow:0 0 10px #fff0b499,0 0 22px #ffdc8c66}.greeting-sunset .dynamic-greeting{text-shadow:0 0 8px #ff7878b3,0 0 16px #ff505073}.greeting-latenight .dynamic-greeting,.greeting-night .dynamic-greeting{text-shadow:0 0 12px #96b4ffb3,0 0 26px #6e8cff73}.greeting-icon{display:inline-block;font-size:1.25rem;margin-left:auto;margin-right:.3rem;opacity:.85;text-shadow:0 0 4px #ffc89659,0 0 8px #ffaa7840;text-shadow:0 0 8px #ffc89680,0 0 14px #ffaa7859;transform:translate(3px)}.mood-silhouette{background:linear-gradient(180deg,#e5e5e526 0,#c7c7c726 20%,#5a5a5a26 60%,#2b2b2b26);background-attachment:fixed;background-size:cover;color:#f2f2f2;position:relative;z-index:0}.mood-silhouette:before{content:"";inset:0;opacity:1;pointer-events:none;position:absolute;z-index:-1}.main-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr;width:100%}.left-column,.right-column{display:flex;flex-direction:column;gap:1.5rem}.journal-input-wrapper{margin:0 auto;max-width:600px;position:relative;width:100%;z-index:2}.journal-entries{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000040;border:1px solid #ffffff26;border-radius:14px;box-shadow:inset 0 0 20px #ffffff0d;box-sizing:border-box;max-height:220px;max-width:500px;min-height:180px;overflow-y:auto;padding:1.2rem;width:100%}.journal-entry{word-wrap:break-word;animation:journalPop .25s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;box-shadow:0 4px 12px #00000026;margin-bottom:.9rem;overflow-wrap:break-word;padding:.9rem 1.1rem;transition:transform .2s ease,box-shadow .2s ease}.journal-entry:hover{box-shadow:0 6px 16px #00000038;transform:translateY(-2px)}@keyframes journalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.journal-entry.sunrise{background:#ffb36b2e}.journal-entry.day{background:#ffffff26}.journal-entry.sunset{background:#ff7a7a2e}.journal-entry.night{background:#6a7cff26}.journal-entry.lateNight{background:#c27cff2e}.journal-entry.earlyMorning{background:#a8d8ff2e}.journal-text{color:#ffffffeb;font-family:Inter,Segoe UI,sans-serif;font-size:.95rem;line-height:1.45;white-space:pre-wrap}.journal-input{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:none;border-radius:1rem;color:#fff5e6f2;font-size:1rem;line-height:1.4;min-height:3.5rem;outline:none;padding:.8rem 1rem;resize:none;transition:background .3s ease,box-shadow .3s ease;width:100%}.journal-input:focus{background:#ffffff2e;box-shadow:0 0 .4rem #ffffff40}.add-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:none;border-radius:.8rem;color:#fff5e6f2;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .25s ease,transform .15s ease}.add-button:hover{background:#ffffff47;transform:scale(1.05)}.clear-journal{animation:fadeIn .4s ease-out forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:14px;opacity:0;padding:8px 16px;transition:all .25s ease}.clear-journal:hover{opacity:1;transform:translateY(-2px)}.clear-journal.sunrise{box-shadow:0 0 10px #ff965059}.clear-journal.day{box-shadow:0 0 10px #ffe67859}.clear-journal.sunset{box-shadow:0 0 10px #ff787859}.clear-journal.night{box-shadow:0 0 10px #7896ff59}.clear-journal.lateNight{box-shadow:0 0 10px #c878ff59}.clear-journal.earlyMorning{box-shadow:0 0 10px #b4dcff59}.journal-empty:before{animation:shimmer 4s ease-in-out infinite;border-radius:inherit;content:"";inset:0;opacity:.6;pointer-events:none;position:absolute}.journal-empty.day:before{background:linear-gradient(135deg,#ffe97a40,#ffd84d40)}.journal-empty.sunset:before{background:linear-gradient(135deg,#ff7a7a40,#ff525240)}.journal-empty.night:before{background:linear-gradient(135deg,#6a7cff40,#4a5bd440)}.journal-empty.lateNight:before{background:linear-gradient(135deg,#c27cff40,#9e52ff40)}.journal-empty.earlyMorning:before{background:linear-gradient(135deg,#a8d8ff40,#7bbcff40)}.delete-entry{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:4px 8px;transition:all .25s ease}.delete-entry:hover{opacity:1;transform:scale(1.1)}.delete-entry.sunrise{box-shadow:0 0 8px #ff965066}.delete-entry.day{box-shadow:0 0 8px #ffe67866}.delete-entry.sunset{box-shadow:0 0 8px #ff787866}.delete-entry.night{box-shadow:0 0 8px #7896ff66}.delete-entry.lateNight{box-shadow:0 0 8px #c878ff66}.delete-entry.earlyMorning{box-shadow:0 0 8px #b4dcff66}.journal-empty{animation:fadeIn .4s ease-out forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid #0000;border-radius:14px;color:#fff;font-size:.95rem;margin-bottom:14px;opacity:0;overflow:hidden;padding:16px 20px;position:relative;text-align:center}.journal-empty.sunrise{color:#ffb36b}.journal-empty.day{color:#ffd84d}.journal-empty.sunset{color:#ff7a7a}.journal-empty.night{color:#6a7cff}.journal-empty.lateNight{color:#c27cff}.journal-empty.earlyMorning{color:#7bbcff}.journal-empty.sunrise:before{background:linear-gradient(135deg,#ffb36b40,#ff8e5340)}@keyframes shimmer{0%{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}to{opacity:.4;transform:scale(1)}}.site-footer{color:#555;font-size:.9rem;margin-top:auto;padding:40px 0;text-align:center;width:100%}.back-to-top{color:#ffd1dc;display:block;font-weight:500;margin-top:2rem;text-decoration:none;transition:opacity .25s ease,transform .25s ease}.back-to-top:hover{opacity:.8;transform:translateY(-2px)}.social-icons{height:40px;margin-top:15px}.social-links{display:flex;gap:1rem;margin-top:1.5rem}.social-icon{-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);background:#ffffff26;border-radius:10px;color:#fffaf3;font-weight:500;padding:8px 14px;text-decoration:none;transition:transform .2s ease,background .2s ease}.social-icon:hover{background:#ffffff40;transform:translateY(-2px)}.social-icon.instagram{border-left:4px solid #e1306c}.social-icon.facebook{border-left:4px solid #1877f2}@media (max-width:768px){.app-header{align-items:stretch;flex-direction:column}.app-shell{padding:12px}.weather-card{max-width:100%}@media (max-width:768px){.container{margin:0 auto;max-width:900px;padding:1.2rem}.main-grid{grid-template-columns:1fr}}}.weather-icon-wrapper{filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.weather-main-row{align-items:center;height:auto;min-height:200px;width:100%}.weather-meta-block{height:auto;justify-content:center;min-height:150px}.weather-meta-top{justify-content:space-between;margin-bottom:12px;padding:0 14px;width:100%}.weather-header{align-items:center;animation:cosyFade .7s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border-radius:14px;box-shadow:0 4px 12px #ffffff40,0 2px 6px #00000014;display:flex;gap:14px;margin:16px 0 22px;padding:10px 14px}.weather-header-label{color:#fffdf8;font-size:1.25rem;font-weight:600;letter-spacing:.4px;text-shadow:0 0 6px #ffffff80,0 0 12px #ffdcb466}.weather-header svg{filter:drop-shadow(0 0 6px rgba(255,255,255,.6)) drop-shadow(0 0 12px rgba(255,200,150,.4))}@keyframes cosyFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.weather-icon{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:14px;box-shadow:0 4px 12px #ffffff4d,0 2px 6px #0000001a;display:inline-flex;justify-content:center;padding:12px}.weather-icon svg{height:100%;width:100%}.weather-temp-block.cloudy,.weather-temp-block.rainy{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border-radius:10px;padding:6px 10px}.temperature{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;color:#fff7ed;font-size:3.4rem;font-weight:700;margin-bottom:6px;text-shadow:0 0 8px #fffaf08c,0 2px 6px #0000004d,0 0 18px #ffe6c859}.temperature,.weather-temp{padding:4px 12px;transition:all .3s ease}.weather-temp{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border-radius:10px;box-shadow:0 2px 6px #ffffff40,0 1px 3px #00000026;color:#fffaf3;font-size:1.25rem;text-shadow:0 1px 3px #00000059,0 0 8px #ffdcb473}.weather-temp-sunrise{color:#ffd1a1;text-shadow:0 0 6px #ffd1a166}.weather-temp-day{color:#fff;text-shadow:0 0 8px #fff9}.weather-temp-sunset{color:#ffb6b9;text-shadow:0 0 6px #ffb6b966}.weather-temp-night{color:#d6e4f0;text-shadow:0 0 6px #d6e4f066}.condition{color:#fffaf3;font-size:1.1rem;opacity:.85;text-shadow:0 1px 3px #00000059}.weather-card:hover{background:#fffffff2}.weather-panel *{text-shadow:0 0 6px #00000040,0 0 10px #ffffff26}.weather-panel.rain{background:linear-gradient(135deg,#6ea8d9,#4d7aa6)}.weather-panel.clouds{background:linear-gradient(135deg,#bfcad6,#9aa5b1)}.weather-panel.clear,.weather-panel.sunny{background:linear-gradient(135deg,#ffd27f,#ffb347)}.weather-panel.snow{background:linear-gradient(135deg,#f0f6ff,#dce7f7)}.time-of-day-icon{animation:shimmerPulse 3s ease-in-out infinite;font-size:1.4rem;margin-top:8px;opacity:.85;text-align:center;text-shadow:0 0 6px #fff0dc80}@keyframes shimmerPulse{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.weather-panel.sunrise{background:linear-gradient(135deg,#ffcf9f,#ffb38a 40%,#ffd9b3)}.weather-panel.day{background:linear-gradient(135deg,#aee6ff,#6ec6ff 40%,#c8f1ff)}.weather-panel.sunset{background:linear-gradient(135deg,#ffb3c6,#ff8fa3 40%,#ffb8a8)}.weather-panel.night{background:linear-gradient(135deg,#1a1f3b,#2a2f55 40%,#3b3f6b)}.weather-panel.sunrise .weather-temp{color:#ffb38a;text-shadow:0 0 12px #ffb47899}.weather-panel.day .weather-temp{color:#6ec6ff;text-shadow:0 0 12px #6ec6ff99}.weather-panel.sunset .weather-temp{color:#ff8fa3;text-shadow:0 0 12px #ff8ca099}.weather-panel.night .weather-temp{color:#c8d6ff;text-shadow:0 0 12px #b4c8ff80}.weather-panel.thunderstorm{background:linear-gradient(135deg,#3a3f66,#2e3358 40%,#1f223a)}.weather-panel.thunderstorm:after{background:radial-gradient(circle at 50% 40%,#e6e9ff40,#0000 70%)}@keyframes lightningPulse{0%{opacity:.15}45%{opacity:.18}48%{opacity:.32}52%{opacity:.18}to{opacity:.15}}.weather-panel.thunderstorm:after{animation:lightningPulse 6s ease-in-out infinite;background:radial-gradient(circle at 50% 40%,#d2c8ff47,#0000 70%)}@keyframes cloudDrift{0%{transform:translateX(0)}to{transform:translateX(-12px)}}.weather-panel.early.morning:before,.weather-panel.night:before{animation:twinkle 3s ease-in-out infinite alternate;background-image:radial-gradient(2px 2px at 20% 30%,#ffffffe6,#0000),radial-gradient(2px 2px at 70% 20%,#fffc,#0000),radial-gradient(2px 2px at 40% 70%,#ffffffd9,#0000),radial-gradient(2px 2px at 80% 60%,#ffffffbf,#0000);content:"";inset:0;pointer-events:none;position:absolute}.weather-panel{overflow:hidden;position:relative;z-index:0}.weather-panel.early.morning:before,.weather-panel.night:before{animation:constellationTwinkle 4s ease-in-out infinite alternate;background-image:radial-gradient(2px 2px at 20% 30%,#fffffff2,#0000),radial-gradient(3px 3px at 22% 33%,#fffc,#0000),radial-gradient(1.5px 1.5px at 18% 28%,#ffffffb3,#0000),radial-gradient(2px 2px at 70% 20%,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 72% 23%,#ffffffbf,#0000),radial-gradient(2.5px 2.5px at 68% 18%,#ffffffd9,#0000),radial-gradient(2px 2px at 40% 75%,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 42% 78%,#ffffffb3,#0000),radial-gradient(2.5px 2.5px at 38% 72%,#ffffffd9,#0000),radial-gradient(2px 2px at 85% 60%,#fffc,#0000),radial-gradient(1.5px 1.5px at 55% 40%,#ffffffbf,#0000),radial-gradient(2px 2px at 14% 66%,#ffffffd1,#0000),radial-gradient(1.5px 1.5px at 62% 52%,#ffffffb8,#0000),radial-gradient(2.5px 2.5px at 88% 26%,#ffffffe0,#0000);opacity:.9;z-index:-1}.weather-panel.early.morning:after,.weather-panel.night:after{animation:shootingStar 8s linear infinite;background:linear-gradient(90deg,#fff0,#ffffffeb 45%,#cfe8ffa6 70%,#fff0);box-shadow:0 0 8px #ffffffbf,0 0 18px #b5d6ff66;content:"";height:2px;left:-18%;opacity:0;pointer-events:none;position:absolute;top:22%;transform:rotate(-16deg) translateX(0);width:42%;z-index:0}@keyframes constellationTwinkle{0%{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:.5;transform:scale(.98)}}@keyframes twinkle{0%{opacity:.4}to{opacity:.8}}@keyframes shootingStar{0%{opacity:0;transform:rotate(-16deg) translateX(0)}8%{opacity:0;transform:rotate(-16deg) translateX(0)}16%{opacity:.95;transform:rotate(-16deg) translateX(170%)}24%{opacity:0;transform:rotate(-16deg) translateX(250%)}to{opacity:0;transform:rotate(-16deg) translateX(250%)}}.weather-city,.weather-condition,.weather-date,.weather-meta-block,.weather-meta-top,.weather-panel,.weather-temp,.weather-time{color:#fffaf3!important;text-shadow:0 0 6px #00000059}.weather-panel{-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);background:#ffffff40;border-radius:22px;color:#fffaf3;margin-left:auto;padding:20px;width:260px}.fade-scale{animation:fadeScaleIn .45s ease forwards;opacity:0;transform:scale(.95)}@keyframes fadeScaleIn{to{opacity:1;transform:scale(1)}}.weather-location-row{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.weather-city,.weather-condition,.weather-date,.weather-description,.weather-detail,.weather-feels,.weather-temp,.weather-time{color:#f9fafb}span.weather-detail{color:#f9fafb;font-size:1rem;opacity:.85}.weather-meta-top{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.weather-datetime{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:18px;display:inline-block;font-family:Nunito,sans-serif;padding:10px 18px;text-align:center}.weather-time{color:var(--moodTextStrong);font-size:2.2rem;font-weight:700;letter-spacing:.5px;text-shadow:0 0 6px #0000002e}.weather-date{color:var(--moodTextSoft);font-size:1rem;font-weight:500;margin-top:2px;opacity:.85}.mood-night .weather-time{color:#cfe1ff;text-shadow:0 0 10px #8caaff73}.mood-dawn .weather-time{color:#ffd8c2}.mood-day .weather-time{color:#fff}.mood-evening .weather-time{color:#ffe4f2}.weather-time:before{content:"🕒";margin-right:6px;opacity:.8}.weather-main-row{align-items:stretch;display:flex;flex-direction:column;gap:18px;justify-content:flex-start;margin-top:14px}.weather-temp-block{align-items:center;background:#09142c33;border-radius:16px;box-shadow:0 8px 22px #0f172a1f,inset 0 0 0 1px #ffffff24;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:14px 16px;text-align:center;width:100%}.weather-temp{color:#111827;font-size:1.4rem;font-weight:600}.weather-feelslike{animation:detailFade .45s ease-out;color:#fff;display:block;font-size:1.22rem;font-weight:700;letter-spacing:.3px;line-height:1.35;margin-top:0;opacity:1;text-shadow:0 2px 7px #0000006b,0 0 18px #fffceb80;width:100%}@keyframes detailFade{0%{opacity:0;transform:translateY(4px)}to{opacity:.95;transform:translateY(0)}}.weather-meta-block{align-items:center;background:#09142c2e;border-radius:16px;box-shadow:0 8px 22px #0f172a1f,inset 0 0 0 1px #ffffff1f;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;margin-top:0;padding:14px 16px;width:100%}.weather-condition{color:#fffaf3!important;font-size:.85rem;font-weight:500;text-shadow:0 1px 3px #00000059}.weather-icon{display:inline-block;transform:translateY(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.weather-icon:hover{transform:translateY(-6px)}.weather-icon svg{stroke-width:2.5px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.15));@keyframes floatCloud{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.weather-header svg,.weather-icon svg{animation:floatCloud 3s ease-in-out infinite}@keyframes shimmerGlow{0%{box-shadow:0 0 12px #ffffff4d}50%{box-shadow:0 0 18px #ffffff80}to{box-shadow:0 0 12px #ffffff4d}}.weather-header,.weather-icon{animation:shimmerGlow 4s ease-in-out infinite}}.weather-description{color:#4b5563;font-size:.8rem;margin:4px 0 0}.weather-card{border:1px solid #0000;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.weather-card:hover{box-shadow:0 22px 55px #0f172a38,0 0 0 1px #94a3b838;transform:translateY(-2px)}.weather-card.day:hover{background:rgba(var(--day-color-rgb),.25)}.weather-card.evening:hover{background:rgba(var(--evening-color-rgb),.25)}.weather-card.night:hover{background:rgba(var(--night-color-rgb),.25)}
/*# sourceMappingURL=main.5f6b2bcd.css.map*/