/* css version 3.13 */body{margin:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:center;align-items:center;text-align:center;height:100vh;overflow:hidden;transition:background 1s ease,box-shadow 1s ease;color:#fff;user-select:none;-webkit-user-select:none;cursor:default;-webkit-font-smoothing:antialiased}#debug-banner{position:fixed;top:0;width:100%;background:rgb(0 0 0 / .6);color:#fff;font-size:.9em;padding:6px 0;text-align:center;z-index:10000;opacity:1;display:none}body.debug #debug-banner{display:block}.refresh-container,.return-container{position:fixed;top:40px;width:100%;text-align:center;z-index:10001}.refresh-container button,.return-container button{background:rgb(0 0 0 / .35);border:none;padding:10px 16px;color:#fff;font-weight:700;font-size:1em;cursor:pointer;border-radius:6px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background 0.3s ease}.refresh-container button:hover,.return-container button:hover{background:rgb(0 0 0 / .5)}.refresh-container button i{margin-right:6px}.refresh-container.hidden{display:none}.return-container button i{margin-right:6px}.return-container.hidden{display:none}body.night .refresh-container button,body.night .return-container button{background:rgb(255 255 255 / .2);color:#fff}body.night .refresh-container button:hover,body.night .return-container button:hover{background:rgb(255 255 255 / .3)}#top-links{position:fixed;top:38.5px;right:30px;z-index:10002;display:none}body.ready #top-links{display:block}#top-links a{color:#fff;margin-left:12px;font-size:1.8em;text-decoration:none;opacity:.8;transition:opacity 0.3s ease}#top-links a:hover{opacity:1}.tooltip-container{position:relative;display:inline-block}.tooltip-container .tooltip{opacity:0;transform:translateY(-10px);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none;background-color:rgb(0 0 0 / .8);color:#fff;text-align:center;padding:6px 10px;border-radius:6px;font-size:.75em;position:absolute;top:130%;right:0;z-index:10003;cursor:pointer;white-space:nowrap;max-width:200px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.tooltip-container:hover .tooltip,.tooltip-container:focus-within .tooltip{opacity:1;transform:translateY(0);pointer-events:auto}.container{position:relative;z-index:2;padding:40px 20px;opacity:0;transition:opacity 0.4s ease}body.ready .container{opacity:1}h1{font-size:2em;margin:0 0 20px 0}#sri-lanka-time{white-space:nowrap;display:inline-block;font-size:4em;font-weight:700;line-height:1.2;margin-bottom:20px}.ampm{font-size:.3em;position:relative;top:-.2em;margin-left:-1px;opacity:.75}.diff{font-size:1.2em;opacity:.85;margin-top:20px}body.day{background:linear-gradient(to top,#87ceeb,#f9d976);background-color:#f9d976}body.night{background:linear-gradient(to top,#0f2027,#203a43,#2c5364);background-color:#0f2027}body.day #sri-lanka-time,body.day h1{color:#fcfcfc}#sky-object{width:80px;height:80px;z-index:2;border-radius:50%;margin:0 auto 20px auto;position:relative;animation:float 3s ease-in-out infinite;transition:background 1s ease,box-shadow 1s ease}body.day #sky-object{background:radial-gradient(circle at center,#FFD700,#FFA500);box-shadow:0 0 30px 10px rgb(255 223 0 / .5)}body.night #sky-object{background:radial-gradient(circle at 60% 40%,#f0f0f0 60%,#dcdcdc 100%);overflow:hidden;animation:float 3s ease-in-out infinite,moonGlow 6s ease-in-out infinite}body.night #sky-object::before,body.night #sky-object::after{content:'';position:absolute;background:rgb(200 200 200 / .4);border-radius:50%}body.night #sky-object::before{width:18px;height:18px;top:20%;left:25%;box-shadow:30px 10px 0 0 rgb(200 200 200 / .3),50px 40px 0 0 rgb(200 200 200 / .35),10px 50px 0 0 rgb(200 200 200 / .2)}body.night #sky-object::after{width:10px;height:10px;top:60%;left:50%;box-shadow:-20px -10px 0 0 rgb(200 200 200 / .25),25px -5px 0 0 rgb(200 200 200 / .2)}#sky-effects{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 2.5s infinite ease-in-out alternate;opacity:.6;transition:opacity 0.5s ease}.shooting-star{position:absolute;width:2px;height:2px;background:#fff;box-shadow:0 0 6px 2px #fff;transform:rotate(45deg);opacity:0;animation:shoot 1s ease-out forwards}@keyframes shoot{0%{transform:translate(0,0) rotate(45deg);opacity:1}100%{transform:translate(-400px,400px) rotate(45deg);opacity:0}}@keyframes twinkle{0%{opacity:.2}50%{opacity:1}100%{opacity:.3}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes moonGlow{0%{box-shadow:inset -6px -6px 20px rgb(0 0 0 / .2),0 0 10px 4px rgb(255 255 255 / .2)}50%{box-shadow:inset -6px -6px 20px rgb(0 0 0 / .2),0 0 30px 10px rgb(255 255 255 / .4)}100%{box-shadow:inset -6px -6px 20px rgb(0 0 0 / .2),0 0 10px 4px rgb(255 255 255 / .2)}}.loader{position:fixed;top:0;left:0;background:#f9d976;z-index:9999;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity 0.5s ease,visibility 0.5s ease}.loader.hidden{opacity:0;pointer-events:none;visibility:hidden}.earth{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at center,#3ca4dc 60%,#2a7ebd);position:relative;animation:spin 6s linear infinite;box-shadow:0 0 10px rgb(0 0 0 / .3)}.land{position:absolute;background:#6fba6f;border-radius:50%;opacity:.9}.land1{width:20px;height:20px;top:20%;left:15%}.land2{width:25px;height:15px;top:50%;left:40%}.land3{width:18px;height:18px;top:30%;left:60%}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#footer{position:fixed;bottom:10px;width:100%;text-align:center;font-size:.9em;color:#fff;z-index:100}#footer i.fas.fa-heart{color:#FF007F;font-size:1.2em;vertical-align:middle}#footer a{color:#8E94F2;text-decoration:none;font-weight:700}@media (hover:none) and (pointer:coarse){.tooltip-container .tooltip{display:none!important}}