:root{--clock-fg:#fff;--clock-fg-secondary:#ffffffb3}html{scroll-behavior:smooth}body{background:#fff;margin:0}#snackbar-container{z-index:200;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;top:80px;right:20px}.snackbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;pointer-events:auto;background:#1e1e1ed9;border-radius:14px;align-items:center;gap:10px;max-width:320px;padding:14px 18px;font-family:Unbounded,sans-serif;font-size:.8rem;animation:.3s forwards snackbarIn;display:flex;box-shadow:0 10px 30px #00000040}.snackbar.leaving{animation:.3s forwards snackbarOut}.snackbar.success{border:4px solid #4ade80}.snackbar.error{border:4px solid #f87171}.snackbar-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:900;display:flex}.snackbar.success .snackbar-icon{color:#4ade80;background:#4ade8033}.snackbar.error .snackbar-icon{color:#f87171;background:#f8717133}.snackbar-message{line-height:1.4}@keyframes snackbarIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes snackbarOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}#app{background-color:#111;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}#app:before{content:"";background-image:inherit;filter:blur();background-position:50%;background-repeat:no-repeat;background-size:cover;transition:filter .6s,transform .6s;position:absolute;inset:-20px;transform:scale(1)}#app.blurred:before{filter:blur(25px);transform:scale(1.1)}#app>*{z-index:1;position:relative}#clock{text-align:center;font-optical-sizing:auto;font-family:Unbounded,sans-serif;font-style:normal;font-weight:900}#clock>p#time{color:var(--clock-fg);margin:0;padding:0;font-size:5rem;transition:color .4s}#clock>p#date{color:var(--clock-fg);margin:0;padding:0;font-size:1rem;transition:color .4s}#mini-clock{z-index:150;text-align:left;opacity:0;pointer-events:none;font-family:Unbounded,sans-serif;transition:opacity .4s,transform .4s;position:fixed;top:20px;left:20px;transform:translateY(-10px)}#mini-clock.visible{opacity:1;transform:translateY(0)}#weather-widget.on-white #weather-temp{color:#111}#weather-widget.on-white #weather-place{color:#111111bf}#weather-widget.on-white .forecast-day .day-name{color:#1111118c}#weather-widget.on-white .forecast-day .day-temp .max{color:#111}#weather-widget.on-white .forecast-day .day-temp .min{color:#11111173}#mini-clock p#mini-time{margin:0;padding:0;font-size:1.4rem;font-weight:900;transition:color .4s}#mini-clock p#mini-date{margin:2px 0 0;padding:0;font-size:.7rem;font-weight:400;transition:color .4s}#weather-overlay{z-index:250;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#00000059;transition:opacity .3s;position:fixed;inset:0}#weather-overlay.visible{opacity:1;pointer-events:auto}#weather-widget{z-index:260;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;background:#fff3;border-radius:14px;flex-direction:column;width:80px;padding:10px 16px;font-family:Unbounded,sans-serif;transition:background .2s,box-shadow .2s,padding .3s,border-radius .3s,width .3s;display:flex;position:fixed;top:20px;right:20px;overflow:hidden;box-shadow:0 10px 24px #0003}#weather-widget:hover{background:#ffffff4d;box-shadow:0 12px 28px #00000040}#weather-widget.expanded{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);cursor:default;background:#ffffff2e;border-radius:20px;width:260px;padding:20px}#weather-summary{align-items:center;gap:8px;font-size:.9rem;display:flex}#weather-icon{font-size:1.2rem;line-height:1}#weather-details{opacity:0;max-height:0;transition:max-height .35s,opacity .25s,margin-top .35s;overflow:hidden}#weather-widget.expanded #weather-details{opacity:1;max-height:320px;margin-top:16px}#weather-place{color:#ffffffd9;text-align:left;margin:0 0 14px;font-size:.78rem;font-weight:400;transition:color .4s}#weather-forecast{justify-content:space-between;gap:6px;display:flex}.forecast-day{flex-direction:column;flex:1;align-items:center;gap:4px;font-size:.75rem;display:flex}.forecast-day .day-name{color:#ffffffb3;font-size:.68rem;transition:color .4s}.forecast-day .day-icon{font-size:1.1rem}.forecast-day .day-temp{font-size:.7rem;font-weight:400}.forecast-day .day-temp .max{color:#fff;transition:color .4s}.forecast-day .day-temp .min{color:#ffffff8c;margin-left:3px;transition:color .4s}#search-bar{margin:20px 20px 70px;display:inline-block;position:relative}#search-input{color:#fff;box-sizing:border-box;background:#fff3;border:none;border-radius:20px;width:60vh;height:50px;margin:0;padding:15px 15px 15px 48px;font-family:Unbounded,sans-serif;transition:background .2s,transform .2s,box-shadow .2s}#search-input:hover{background:#ffffff47;box-shadow:0 8px 24px #00000040}#search-input:focus{background:#ffffff52;outline:none;box-shadow:0 0 0 2px #ffffff4d,0 8px 24px #0000004d}#search-logo{pointer-events:none;z-index:1;width:20px;height:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}#shortcuts{cursor:pointer;flex-wrap:wrap;justify-content:center;align-items:center;margin:20px;display:flex}.shortcut{background:#fff3;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;margin:10px;padding:10px;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.shortcut:hover{background:#ffffff47;transform:translateY(-4px)scale(1.05);box-shadow:0 10px 24px #00000040}.shortcut:active{transform:translateY(-2px)scale(.98)}.shortcut>img{width:50px;height:50px;margin-bottom:20px}.shortcut>p{color:#fff;text-align:center;margin:0;padding:0;font-family:Unbounded,sans-serif;font-size:.8rem;font-weight:400}#modal-overlay{-webkit-backdrop-filter:blur();will-change:backdrop-filter, opacity;opacity:0;visibility:hidden;pointer-events:none;z-index:100;background:#00000059;justify-content:center;align-items:center;transition:opacity .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s,visibility .25s;display:flex;position:fixed;inset:0}#modal-overlay.visible{-webkit-backdrop-filter:blur(10px);opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s,visibility .25s}#modal{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#fff;background:#ffffff26;border-radius:20px;width:350px;padding:30px;font-family:Unbounded,sans-serif;animation:.25s modalShow;box-shadow:0 20px 50px #0000004d}@keyframes modalShow{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes modalHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}#modal.closing{animation:.2s forwards modalHide}#modal h2{text-align:center;margin-top:0}#modal input{box-sizing:border-box;color:#fff;background:#fff3;border:none;border-radius:12px;outline:none;width:100%;margin-top:15px;padding:12px;font-family:Unbounded,sans-serif}#modal input::placeholder{color:#ffffffb3}#modal-buttons{gap:10px;margin-top:25px;display:flex}#modal button{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:12px;flex:1;padding:12px;font-family:Unbounded,sans-serif;transition:all .2s}#modal button:hover{background:#ffffff59;transform:translateY(-2px)}#info-button{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:15px;align-items:center;gap:8px;padding:12px 20px;font-family:Unbounded,sans-serif;font-size:.85rem;transition:background .2s,transform .2s;display:flex;position:fixed;bottom:25px;left:25px}#info-button:hover{background:#ffffff59}#info-arrow{transition:transform .3s}#info-section{box-sizing:border-box;background:#fff;justify-content:center;padding:100px 24px 120px;display:flex}#weather-temp{line-height:1;transition:color .4s}#info-button-label{transition:color .4s}#info-arrow path{transition:stroke .4s}#image-info{color:#111;opacity:0;width:100%;max-width:640px;height:fit-content;transition:opacity .5s,transform .5s;transform:translateY(24px)}#image-info.visible{opacity:1;transform:translateY(0)}#image-info h2{color:#111;margin:0 0 8px;font-family:Unbounded,sans-serif;font-size:2rem;font-weight:900}#image-info #info-date{color:#666;margin:0 0 32px;font-family:Unbounded,sans-serif;font-size:.85rem}#image-info #info-description{color:#222;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;line-height:1.7}#image-info #info-description a{color:#111;text-underline-offset:2px;font-weight:600;-webkit-text-decoration:underline #11111159;text-decoration:underline #11111159;transition:text-decoration-color .2s}#image-info #info-description a:hover{text-decoration-color:#111c}#image-info #info-copyright{color:#888;margin-top:32px;font-family:sans-serif;font-size:.85rem}#loading-screen{z-index:500;opacity:1;background:#111;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .5s;display:flex;position:fixed;inset:0}#loading-screen.hidden{opacity:0;pointer-events:none}#loading-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{color:#ffffffb3;margin:0;font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:400}#hero-video,#hero-embed{object-fit:cover;pointer-events:none;filter:blur();width:calc(100% + 40px);height:calc(100% + 40px);transition:filter .6s,transform .6s;display:none;position:absolute;inset:-20px;transform:scale(1)}#app.blurred #hero-video,#app.blurred #hero-embed{filter:blur(25px);transform:scale(1.1)}#app>#hero-video,#app>#hero-embed{z-index:0}