@import"https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bungee&display=swap";:root{--primary: #f5f5f5;--primary-soft: rgba(229, 229, 229, .8);--secondary: #0a2647;--secondary-soft: rgba(10, 38, 71, .8);--accent-color: #2196f3;--success: #2ecc71;--warning: #f1c40f;--error: #e74c3c;--error-rgba: rgb(231, 76, 60, .6);--error-secondary: #f5f5f5;--bg-rgba: rgba(255, 255, 255, .4);--primary-font: "Manrope", sans-serif;--secondary-font: "Urbanist", sans-serif;--heavy-font: "Rubik", sans-serif;--txt-clr: #333;--muted-text: #666666;--disabled-text: #999999;--default-radius: 1rem;--transition-800-ease: all .8s ease-in-out;--header-height: 0;--options-width: 0;--toastify-icon-color-error: var(--error);--background-img: url(/assets/default-jIbBB_dT.jpg)}[data-theme=dark]{--primary: #1a1a1a;--primary-soft: rgba(30, 30, 30, .8);--secondary: #e8f0ff;--secondary-soft: rgba(232, 240, 255, .8);--accent-color: #64b5f6}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--primary-font)}body{background:var(--background-img) no-repeat center center / cover fixed;transition:background .8s ease-in-out color .8s ease-in-out}.hide{display:none!important}.show{display:block!important}section{margin:2rem 0;overflow:auto}section.overflow-unset{overflow:unset}.section-title{font-family:var(--heavy-font);font-size:2.9rem;font-weight:800;color:var(--primary);margin:.5rem 0;border-radius:.8rem;width:fit-content}.section-sub-title{font-family:var(--secondary-font);font-size:1.3rem;font-weight:800;color:var(--secondary);margin:.8rem 0;border-radius:.5rem;width:fit-content}.section-title,.section-sub-title{transition:all .8s ease-in-out}.scroll{scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-rgba)}button{border:none;cursor:pointer}@media screen and (min-width:1080px){section{margin:.5rem 0;overflow:auto}}.login-section{display:flex;flex-direction:column;height:100vh;margin:2rem;align-items:center;justify-content:center}.form-wrap{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;justify-content:center;background:var(--bg-rgba);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:1rem}.form-wrap>div{display:flex;flex-direction:row;gap:1rem}.form-icon{align-self:center;margin:2rem 0;border-radius:100%}.form-icon svg{width:8rem;height:8rem;background:var(--bg-rgba);border-radius:100%;padding:.5rem;margin:-1rem 0;color:var(--primary);border:3px solid var(--primary)}.login-title{color:var(--primary);font-size:2rem;font-weight:300}.form-wrap input{padding:.5rem;border-radius:.5rem;border:1px solid #ccc}.location-grp-wrap{display:flex;flex-direction:column;gap:.6rem}.location-input-wrap{display:flex;flex-direction:column}.location-btn-wrap{display:flex;align-items:center}.settings-wrap{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20}.settings-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;z-index:20;width:80%;background:var(--primary-soft);border-radius:var(--default-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a;border:1px solid rgba(255,255,255,.3)}.settings-close-btn{align-self:flex-end}.settings-content input{all:unset;padding:.4rem .5rem;background:#fff;width:100%;border:2px solid var(--txt-clr);border-radius:10px;box-sizing:border-box}.settings-content button{background:var(--primary);color:var(--secondary);padding:.5rem .9rem;border:1px solid var(--primary);border-radius:var(--default-radius);transition:all .7s ease-in-out;width:100%}.settings-content button:hover{background:var(--secondary);color:var(--primary)}.btn-wrap{margin:1rem 0;display:flex;gap:.5rem}.settings-content .log-out-user{background:var(--error)}@media screen and (min-width:1080px){.settings-content{width:fit-content}}.header{display:flex;padding:1rem 1.5rem 0;position:fixed;top:0;left:0;z-index:99}.header-logo-wrap{background:var(--primary);border-radius:100%;font-size:1.2rem;font-weight:700;transition:all .5s ease-in-out}.header-logo-wrap a{display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;color:var(--secondary)}.logo-img{border-radius:100%}.header-logo-wrap:hover{background:var(--secondary)}.header-logo-wrap:hover a{color:var(--primary)}.user-header-wrap{display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:0 var(--default-radius) var(--default-radius) 0;padding:.5rem;background:transparent;position:absolute;top:0;right:0;margin:.5rem -1.1rem;z-index:-1}.user-header-wrap svg{color:var(--primary)}.icon-header-wrap{padding:.5rem;background:var(--accent-color);border-radius:100%}.username-header-wrap,.icon-header-wrap{display:flex;align-items:center;justify-content:center}.username-header-wrap p{font-size:1.5rem;font-weight:600;text-transform:capitalize}.network-indicator{position:absolute;bottom:0;right:0;margin:.1rem 1.2rem;z-index:-1;background:transparent;border-radius:100%;width:12px;height:12px;transition:all .8s ease-in-out}.network-indicator.online{background:var(--success)}.network-indicator.offline{background:var(--error)}@media scree and (min-width:1080px){.header{position:absolute}}.quick-wrap{display:flex;flex-direction:column;align-self:center;justify-content:center;gap:10px;margin:0 0 1rem;padding:1.5rem 2rem;background:#ffffff12;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(90px);-webkit-backdrop-filter:blur(90px);border:1px solid rgba(255,255,255,.3);border-radius:2rem;position:absolute;z-index:10}.quick-links{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:row;gap:1rem}.quick-links a{text-decoration:none;color:var(--primary);transition:all .8s ease-in-out}.quick-links a:hover{color:var(--accent-color)}@media screen and (min-width:1080px){.quick-wrap{height:fit-content;padding:1.5rem 1rem;margin:1.5rem;position:relative}.quick-links{flex-direction:column;gap:1.5rem}}:root{--optionTop: 0px;--optionLeft: 0px}.options-wrap{position:absolute;top:var(--optionTop);left:var(--optionLeft);z-index:5}.options-wrap ul{display:flex;flex-direction:column;align-items:baseline;gap:.5rem;padding:1rem;background:#fff;border-radius:1rem 4rem 1rem 1rem;box-shadow:0 0 10px #0000001a;list-style-type:none}.options-wrap button{all:unset;padding:.5rem 1rem;border-radius:2rem;background-color:#f0f0f0;cursor:pointer;transition:all .3s ease-in-out}.options-wrap button:hover{background-color:#333;color:#f0f0f0}.edit-task-form{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10}input.task-edit{all:unset;padding:.4rem .5rem;background:#fff;width:100%;border:2px solid var(--txt-clr);border-radius:10px;box-sizing:border-box}.edit-task-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:1rem;background:var(--secondary);border-radius:var(--default-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;z-index:10}.edit-task-content .btn-wrap{display:flex;justify-content:center;width:100%;gap:.9rem}.edit-note-form{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10}input.note-edit{all:unset;padding:.4rem .5rem;background:#fff;width:100%;border:2px solid var(--txt-clr);border-radius:10px;box-sizing:border-box}.confirm-btn,.cancel-btn{padding:.5rem 1rem;border:1px solid var(--primary);border-radius:var(--default-radius);transition:all .7s ease-in-out}.confirm-btn{background-color:var(--success)}.cancel-btn{background-color:var(--error)}.confirm-btn:hover,.cancel-btn:hover{background-color:var(--primary-hover-soft)}.edit-note-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:1rem;background:var(--secondary);border-radius:var(--default-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;z-index:10}.edit-note-content .btn-wrap{display:flex;justify-content:center;width:100%;gap:.9rem}.main-wrap{display:flex;flex-direction:column-reverse;min-height:100vh}.dashboard-section{flex:1;padding:1rem;width:100vw;height:100vh}.main-outlet-wrap{background:#ffffff12;backdrop-filter:blur(90px);-webkit-backdrop-filter:blur(90px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1rem 2rem;margin:1rem 0;min-height:max-content}.Toastify{margin:0}.Toastify__toast-theme--light{background:var(--primary-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.Toastify__toast--error{background:var(--primary-soft);color:var(--primary);font-weight:500}.Toastify__progress-bar--error{background:var(--error-secondary)}.Toastify__close-button>svg{color:var(--primary)}@media screen and (min-width:1080px){.main-wrap{flex-direction:row}.main-outlet-wrap{height:90vh}.dashboard-section{margin:0 1rem}.dashboard-section .inner-route-section{padding:0 1rem}}.task-wrap{display:flex;align-items:center;justify-content:space-between;position:relative;margin:1rem 0;padding:.5rem;border-bottom:1px solid #333}.task-btn{display:flex;align-items:baseline;justify-content:right}.task-edit{display:none}.tasks-main-wrap{display:flex;flex-direction:column;padding:1rem;height:35vh;background:var(--bg-rgba);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--secondary);border-radius:16px;overflow:auto}.tasks-main-title{font-family:var(--primary-font);font-size:1.2rem;font-weight:700;text-align:center;color:var(--secondary);border-radius:.3rem}.tasks-wrap{overflow:auto}@media screen and (min-width:1080px){.tasks-main-wrap{height:55vh}.grid-item .tasks-main-wrap{height:100%}.tasks-main-title{font-size:1.5rem}}.pomo-main-wrap{height:100%;width:100%;display:flex;align-items:center;justify-content:center;container-type:inline-size}.circle{display:block;float:left;width:auto;height:auto;padding:clamp(7.5rem,20cqw,8rem);border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;background:var(--primary);border:3px solid var(--secondary);box-shadow:0 4px 30px #0003;text-align:center;position:relative}.pomo-txt{position:absolute;width:100%;left:0;top:0;font-size:100%;overflow:hidden;margin:25% 0}.pomo-time{font-size:clamp(3rem,10cqw,3.5rem);font-weight:800;font-family:var(--heavy-font);color:var(--secondary)}.pomo-btn{background:var(--accent-color);color:var(--primary);border:1px solid;border-radius:10px;margin:.5rem;padding:.5rem;width:unset;transition:var(--transition-800-ease)}.pomo-btn svg{width:clamp(25px,5cqw,35px);height:clamp(25px,5cqw,35px)}.pomo-btn:hover{background:var(--primary);color:var(--accent-color)}.notes-form-wrap{min-width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.notes-form-wrap .notes-textarea{height:20vh}.note-edit-area,.notes-textarea{width:100%;height:100%;padding:12px;border:1px solid var(--primary);border-radius:16px;box-sizing:border-box;background-color:var(--bg-rgba);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.delete-btn-wrap{align-self:flex-end}.delete-notes-btn{background:var(--error);color:var(--primary);outline:none;border:1px solid;border-radius:1rem;padding:1rem;transition:var(--transition-800-ease)}.delete-notes-btn:hover{background:var(--primary);color:var(--error)}.notes-main-wrap{columns:250px;column-gap:1rem;margin:2rem 0}.note-wrap{background:var(--bg-rgba);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--primary);border-radius:var(--default-radius);padding:1rem;margin:1rem 0;break-inside:avoid-column;display:flex;flex-direction:column}.note-wrap p{word-wrap:break-word}.note-content{padding:1rem}.note-wrap .btn-wrap{position:absolute;align-self:flex-end;margin:-.2rem}.note-edit-btn button,.note-del-btn button{background:transparent;outline:none;font-size:.8rem;border-radius:10px;transition:all .6s ease-in-out}.note-edit-btn button:hover{color:var(--warning)}.note-del-btn button:hover{color:var(--error)}.weather-card{background:var(--secondary);color:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border:1px solid var(--primary);border-radius:16px;height:100%}.weather-date{font-size:1.2rem;font-weight:300}.weather-temp{display:grid;grid-template-columns:70% auto;align-items:center;container-type:inline-size;border-bottom:1px solid var(--primary)}.weather-temp .temp{font-size:clamp(1rem,15cqw,8rem)}.weather-info-wrap{display:flex;gap:1rem;width:100%}.weather-info{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.1rem;font-weight:300}.weather-aqui{display:flex;align-items:center;justify-content:space-between;margin:.5rem 0;container-type:inline-size}.aqi-txt{font-size:clamp(.9rem,5cqw,8rem)}@media screen and (min-width:1080px){.weather-temp{grid-template-columns:75% auto}.weather-info{font-size:1.2rem;font-weight:300}}.link-pen{background:var(--bg-rgba);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;height:35vh;display:grid;grid-template-rows:30% auto 20%;gap:.5rem;border:1px solid var(--primary);border-radius:1rem}.link-input{width:100%;padding:.5rem;margin:.5rem 0;outline:none;border:1px solid var(--primary);border-radius:5px}.linkpen-list-wrap{overflow:auto;display:flex;flex-direction:column;gap:.5rem}.link-pen-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-rgba);padding:.2rem .5rem;border-radius:5px}.favIcon-wrap,.url-title-wrap,.exp-hour-wrap{display:flex;align-items:center}.url-title-wrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:10ch}.linkpen-footer-wrap{display:flex;align-items:center;justify-content:space-between;margin:0 1rem}.link-clear-btn{background:var(--error);color:var(--primary);width:fit-content;padding:.5rem .8rem;border-radius:1rem;border:1px solid;text-decoration:none;transition:var(--transition-800-ease)}.link-clear-btn:hover{background:var(--primary);color:var(--error)}@media screen and (min-width:1080px){.link-pen{height:100%}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fav-links{background:var(--bg-rgba);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border:1px solid var(--primary);border-radius:var(--default-radius);height:100%}.search-link input{width:100%;padding:.5rem;outline:none;border:1px solid var(--primary);border-radius:5px}.fav-links-btns{display:flex;gap:1.5rem;margin:.5rem 0;padding:1rem .5rem;overflow:auto}.fav-link-label{padding:.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.fav-link-img{width:40px;height:40px;border:2px solid transparent;border-radius:100%;transition:all .7s ease}.fav-link-img img{border-radius:100%;width:100%;height:100%}.fav-link-label input[type=radio]{display:none}.fav-link-label:hover .fav-link-img{border-color:#ccc}.fav-link-label input[type=radio]:checked+.fav-link-img{border-color:var(--primary);background-color:var(--primary-soft);box-shadow:0 0 0 1px var(--primary-hover)}.bento-grid-layout{display:grid;grid-template-columns:100%;grid-template-rows:auto;gap:1rem}.grid-item{min-height:auto;height:100%;overflow:unset;border-radius:var(--default-radius)}.grid-item.no-border-radius{border-radius:unset}.welcome-greet-wrap{margin:2rem 0}.welcome-greet-wrap h1{font-size:2.5rem;font-weight:700}@media screen and (min-width:1080px){.bento-grid-layout{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,minmax(0,1fr));height:70vh}.grid-item{min-height:0;overflow:hidden;border-radius:var(--default-radius)}.span-row{grid-row:span 2}.span-column{grid-column:span 2}}.tasks-grid-wrap{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;margin:1rem 0;container-type:inline-size}form{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem}form input{all:unset;padding:.4rem .5rem;background:var(--primary);width:80%;border:2px solid var(--txt-clr);border-radius:10px}form button{all:unset;padding:.4rem .8rem;font-size:1rem;background:var(--accent-color);color:var(--primary);border:1px solid;text-align:center;border-radius:10px;cursor:pointer;transition:all .7s ease}form button:hover{background:transparent;color:var(--accent-color)}@media screen and (min-width:1080px){.tasks-grid-wrap{grid-template-columns:repeat(3,1fr)}.tasks-grid-wrap form{flex-direction:row}}.pomo-wrapper{display:flex;align-items:center;justify-content:center;height:70vh}.background-txt{position:absolute;font-size:12rem;font-weight:900;font-family:var(--heavy-font);color:var(--primary-soft);word-wrap:anywhere;text-align:center}@media screen and (min-width:1080px){.pomo-wrapper{height:100%}.background-txt{font-size:20rem}}.weather-hourly-wrap{display:flex;gap:1rem;overflow:auto}.hour-wrap{display:flex;flex-direction:column;background:var(--bg-rgba);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;justify-content:space-between;flex-grow:1;flex-basis:0;min-width:0;padding:1rem;border:1px solid var(--secondary);border-radius:16px;height:10rem;cursor:pointer}.hourly-content{display:flex;flex-direction:column}.hour-det{font-size:1rem;font-weight:300;text-align:center;border-bottom:1px solid #000}.hour-temp{font-size:1rem;font-weight:600}.hour-anime{width:3rem}.weather-daily-wrap{display:flex;gap:1rem;overflow:auto;border-radius:var(--default-radius)}.daily-main-wrap{background:var(--bg-rgba);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--secondary);border-radius:16px;padding:1rem;gap:1rem;cursor:pointer}.daily-weather-wrap{display:grid;align-items:center;justify-content:space-between;grid-template-columns:repeat(2,1fr);padding:1rem;border-radius:16px;gap:1rem}.daily-date{font-size:1.4rem}.daily-temp{font-size:2rem}.daily-anime div{display:flex;align-items:center;justify-content:flex-end}.daily-anime svg{width:5rem!important;height:5rem!important}.daily-sun-wrap{display:flex;flex-direction:column;gap:.1rem}.daily-sun{display:flex;gap:.2rem}@media screen and (min-width:1080px){.daily-weather-wrap{display:grid;align-items:center;justify-content:space-between;border-radius:16px;gap:1rem}.daily-sun-wrap{flex-direction:row;justify-content:space-between;font-size:.9rem}.daily-date{font-weight:200}}.weather-tile-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.weather-tile{background:var(--bg-rgba);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--secondary);border-radius:var(--default-radius);font-size:1rem}.weather-tile svg{width:2rem;height:2rem}@media screen and (min-width:1080px){.weather-tile-wrap{grid-template-columns:repeat(4,1fr)}.weather-tile{padding:0}}.weather-main-wrap{display:flex;flex-direction:column;gap:1rem;border-radius:10px}.weather-grid-item{min-height:0;overflow:hidden}.top-row.weather-grid-item{display:grid;grid-template-columns:auto;gap:1rem}@media screen and (min-width:1080px){.span-column{grid-column:span 2}.top-row.weather-grid-item{grid-template-columns:repeat(3,1fr)}}.news-main-wrap{display:flex;flex-direction:column;gap:1.5rem;max-height:50vh;overflow:auto}.news-feed-wrap{display:flex;flex-direction:column;gap:.9rem;overflow:auto;max-height:100%;scroll-snap-type:y mandatory}.category-navbar{display:flex;align-items:center;gap:1rem;margin:1.5rem 0 .5rem}.nav-btn{background:transparent;color:var(--secondary);border-radius:.8rem;border:1px solid;font-weight:600;padding:.5rem 1.5rem;transition:var(--transition-800-ease)}.nav-btn:hover,.nav-btn.active{background:var(--secondary);color:var(--primary)}.news-details-wrap{background:var(--primary);color:var(--txt-clr);padding:1rem;border:1px solid var(--secondary);border-radius:16px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);display:flex;flex-direction:column-reverse;gap:1rem;scroll-snap-align:start}.news-content{display:flex;flex-direction:column;gap:.5rem;width:100%}.news-title{font-size:1rem;font-weight:500}.news-para{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-btn{width:fit-content;padding:.5rem .8rem;border-radius:16px;border:1px solid var(--accent-color);text-decoration:none;font-size:.8rem;align-self:flex-end;transition:var(--transition-800-ease);background:var(--accent-color);color:var(--primary)}.news-btn:hover{background:transparent;color:var(--accent-color)}.news-image img{width:100%;border-radius:10px}@media screen and (min-width:1080px){.news-details-wrap{flex-direction:row}}#root{display:flex;flex-direction:column;max-height:100vh;max-width:100vw}.loader-section{position:absolute;inset:0;margin:0}.loader-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.section-full{height:100vh;width:100vw}.error-section{display:flex;flex-direction:column;align-items:center}.error-wrapper{background:#ffffff12;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(90px);-webkit-backdrop-filter:blur(90px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1rem 2rem;margin:2rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.expiry-time{position:absolute;top:0;right:0;margin:1rem;padding:.1rem .3rem;border-radius:.3rem;background:var(--error);color:var(--primary);font-family:var(--secondary-font);font-weight:600}