@import"https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;transition:all .15s ease-in-out;font-size:24px;font-weight:500;font-family:Darker Grotesque,sans-serif;font-optical-sizing:auto;color-scheme:light dark;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{--accent: 185, 98, 12;--white: 24, 31, 31;--black: 226, 218, 208;--blue-accent: 9, 88, 177;--red-accent: 202, 24, 68;--green-accent: 29, 135, 97}:root{color:rgb(var(--white));background-color:rgb(var(--black))}}@media (prefers-color-scheme: dark){:root{--accent: 185, 98, 12;--black: 24, 31, 31;--white: 202, 194, 185;--blue-accent: 9, 88, 177;--red-accent: 202, 24, 68;--green-accent: 29, 135, 97}:root{color:rgb(var(--white));background-color:rgb(var(--black))}}.filter{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);filter:url(#lensFilter) saturate(120%) brightness(1.15);position:absolute;top:0;left:0;height:100%;width:100%}div:has(>.filter):not(.not-relative){position:relative}.no-blur .filter{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.rounded .filter{border-radius:50%;overflow:hidden}.flip-y{transform:scaleY(-1)}.flip-x{transform:scaleX(-1)}.filter.rounded{border-radius:5rem;overflow:hidden}.body{padding:30px;margin-top:-50px}.animate-wrapper:hover .wobble,.animate-wrapper:hover .jello,.animate-wrapper:hover .heartbeat,.animate-wrapper:hover .bounce,.animate-wrapper:hover .vibrate{animation-play-state:running}.animate-wrapper:not(:hover) .wobble,.animate-wrapper:not(:hover) .jello,.animate-wrapper:not(:hover) .heartbeat,.animate-wrapper:not(:hover) .bounce,.animate-wrapper:not(:hover) .vibrate{animation-play-state:paused}.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both;animation-play-state:paused}.wobble{-webkit-animation:wobble-hor-bottom .8s infinite both;animation:wobble-hor-bottom .8s infinite both;animation-play-state:paused}.jello{-webkit-animation:jello-vertical .9s infinite both;animation:jello-vertical .9s infinite both;animation-play-state:paused}.bounce{-webkit-animation:bounce-top .9s infinite both;animation:bounce-top .9s infinite both;animation-play-state:paused}.vibrate{-webkit-animation:vibrate-2 .3s linear infinite both;animation:vibrate-2 .3s linear infinite both;animation-play-state:paused}@-webkit-keyframes wobble-hor-bottom{0%,to{-webkit-transform:translateX(0%);transform:translate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30%) rotate(-6deg);transform:translate(-30%) rotate(-6deg)}30%{-webkit-transform:translateX(15%) rotate(6deg);transform:translate(15%) rotate(6deg)}45%{-webkit-transform:translateX(-15%) rotate(-3.6deg);transform:translate(-15%) rotate(-3.6deg)}60%{-webkit-transform:translateX(9%) rotate(2.4deg);transform:translate(9%) rotate(2.4deg)}75%{-webkit-transform:translateX(-6%) rotate(-1.2deg);transform:translate(-6%) rotate(-1.2deg)}}@keyframes wobble-hor-bottom{0%,to{-webkit-transform:translateX(0%);transform:translate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30%) rotate(-6deg);transform:translate(-30%) rotate(-6deg)}30%{-webkit-transform:translateX(15%) rotate(6deg);transform:translate(15%) rotate(6deg)}45%{-webkit-transform:translateX(-15%) rotate(-3.6deg);transform:translate(-15%) rotate(-3.6deg)}60%{-webkit-transform:translateX(9%) rotate(2.4deg);transform:translate(9%) rotate(2.4deg)}75%{-webkit-transform:translateX(-6%) rotate(-1.2deg);transform:translate(-6%) rotate(-1.2deg)}}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@-webkit-keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@-webkit-keyframes bounce-top{0%{-webkit-transform:translateY(-45%);transform:translateY(-45%);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24%);transform:translateY(-24%);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12%);transform:translateY(-12%);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6%);transform:translateY(-6%);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4%);transform:translateY(-4%);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0%);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:translateY(0%);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}@keyframes bounce-top{0%{-webkit-transform:translateY(-45%);transform:translateY(-45%);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24%);transform:translateY(-24%);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12%);transform:translateY(-12%);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6%);transform:translateY(-6%);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4%);transform:translateY(-4%);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0%);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:translateY(0%);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}@-webkit-keyframes vibrate-2{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(2%,-2%);transform:translate(2%,-2%)}40%{-webkit-transform:translate(2%,2%);transform:translate(2%,2%)}60%{-webkit-transform:translate(-2%,2%);transform:translate(-2%,2%)}80%{-webkit-transform:translate(-2%,-2%);transform:translate(-2%,-2%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-2{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(2%,-2%);transform:translate(2%,-2%)}40%{-webkit-transform:translate(2%,2%);transform:translate(2%,2%)}60%{-webkit-transform:translate(-2%,2%);transform:translate(-2%,2%)}80%{-webkit-transform:translate(-2%,-2%);transform:translate(-2%,-2%)}to{-webkit-transform:translate(0);transform:translate(0)}}.header-component{display:flex;gap:20px;position:sticky;top:0;padding:30px;z-index:100000000;align-items:center}.header-component .btns{display:flex;gap:10px}.header-component .counter{position:absolute;top:-5%;font-size:.6rem;font-weight:600;right:-2%;background-color:rgb(var(--accent),1);border-radius:50%;height:.8rem;line-height:.39rem;width:.8rem;display:grid;place-items:center}.header-button{position:relative;z-index:10;display:grid;place-items:center;padding:10px;border:1px solid rgb(var(--white),.2);background-color:rgb(var(--white),.1);cursor:pointer}.header-button:not(.text){min-height:1.5rem;aspect-ratio:1/1;min-width:1.5rem;border-radius:50%}.header-button.text{border-radius:2rem;padding-inline:1.5rem;padding-block:8px}.header-button:active{opacity:.6;transform:scale(.95)}.header-button:active img{transform:rotate(2deg)}.header-button:hover{background-color:rgb(var(--white),.2);border:1px solid rgb(var(--white),.3)}.header-button.deactived{opacity:.4;cursor:not-allowed}.header-button.deactived:hover{background-color:rgb(var(--white),.1);border:1px solid rgb(var(--white),.2)}.header-button.deactived:active{transform:none;opacity:.4}.header-button.deactived:active img{transform:none}@media (prefers-color-scheme: light){img.switch-light-mode{filter:invert(100%)}}.header-button-wrapper{position:relative;z-index:1000}.header-button-wrapper.selected .header-button{position:relative;background-color:rgb(var(--white),.2);border:1px solid rgb(var(--white),.4)}.header-button-wrapper.selected .header-button:after{content:"";position:absolute;bottom:-35%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:rgb(var(--accent),1);border-radius:50%;z-index:2}.settings-menu{position:absolute;top:90%;right:1rem;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:15rem;border:1px solid rgb(var(--white),.2);border-radius:1rem;background-color:rgb(var(--white),.4);display:flex;flex-direction:column}.settings-menu>.title{padding-inline:.5rem;font-size:.9rem;padding-block:.5rem}.settings-menu .settings-menu-content{padding:.75rem;cursor:pointer;border-bottom:1px solid rgb(var(--white),.2);background-color:rgb(var(--black),.8)}.settings-menu .settings-menu-content:has(.coming-soon){cursor:not-allowed}.settings-menu .settings-menu-content:has(.coming-soon):hover{background-color:rgb(var(--black),.8)}.settings-menu .settings-menu-content:has(.coming-soon):active{opacity:1}.settings-menu .settings-menu-content:has(.coming-soon):active .title{transform:none}.settings-menu .settings-menu-content .coming-soon{position:relative;pointer-events:none}.settings-menu .settings-menu-content .coming-soon *{opacity:.5}.settings-menu .settings-menu-content .coming-soon:after{content:"coming soon!";position:absolute;color:red;pointer-events:none;top:50%;right:1rem;font-size:.75rem;transform:translateY(-50%)}.settings-menu .settings-menu-content.disabled{cursor:not-allowed;opacity:.5}.settings-menu .settings-menu-content.disabled:hover{background-color:rgb(var(--black),.8)}.settings-menu .settings-menu-content.disabled:active{opacity:.5}.settings-menu .settings-menu-content.disabled:active .title{transform:none}.settings-menu .settings-menu-content:last-child{border-bottom:none}.settings-menu .settings-menu-content:hover{background-color:rgb(var(--black),.5)}.settings-menu .settings-menu-content:active{opacity:.6}.settings-menu .settings-menu-content:active .title{transform:scale(.95)}.settings-menu .settings-menu-content .title{display:flex;font-size:.9rem;align-items:center;gap:.5rem}.menu-notes{position:absolute;top:70%;right:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:15rem;border:1px solid rgb(var(--white),.2);border-radius:1rem;background-color:rgb(var(--white),.4);display:flex;flex-direction:column;gap:.15rem}.menu-notes>.title{padding-inline:.5rem;font-size:.9rem;padding-block:.5rem}.menu-notes.notes-container{padding:.25rem}.menu-notes.notes-container .note-card{border-radius:1rem;background-color:rgb(var(--black),.75)}.menu-notes.notes-container .note-card:hover{background-color:rgb(var(--black),.9)}.menu-notes.notes-container .note-card .title{font-size:.9rem}.menu-notes.notes-container .note-card .text{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-notes.notes-container .note-card .timestamp{display:none}.menu-notes.notes-container .note-card .location img{height:.6rem}.notes-container{padding-inline:2rem;margin-top:1rem;padding-bottom:2rem}.notes-container .notes{margin-top:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.25rem}.notes-container .note-card{padding-inline:1rem;padding-block:1rem;border-radius:1rem;display:flex;flex-direction:column;gap:.25rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgb(var(--white),.2);background-color:rgb(var(--white),.05);cursor:pointer}.notes-container .note-card:hover{background-color:rgb(var(--white),.1);border:1px solid rgb(var(--white),.3);box-shadow:0 0 10px rgb(var(--white),.1),inset 0 0 5px rgb(var(--white),.1),0 0 25px rgb(var(--white),.05)}.notes-container .note-card:active{opacity:.4;transform:scale(.95)}.notes-container .note-card .title{font-size:1.1rem;font-weight:600}.notes-container .note-card .row{display:flex;justify-content:space-between;align-items:center}.notes-container .note-card .text{opacity:.6;font-size:.9rem;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.notes-container .note-card:hover .icon{color:rgb(var(--accent))}.notes-container .note-card .timestamp{opacity:.4;font-size:.8rem}.notes-container .note-card .location{display:flex;gap:.5rem;align-items:center;flex-direction:row-reverse}.notes-container .note-card .location span{font-size:.8rem;opacity:.4}.notes-container .note-card .location img{height:1rem}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:99999999999999;display:grid;place-items:center}.modal-container .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container .note{position:relative;z-index:1;padding-block:1rem;padding-inline:2rem;box-shadow:0 5px 10px rgb(var(--white),.25);border-radius:2rem;background-color:rgb(var(--white),1);color:rgb(var(--black));width:30rem;display:flex;flex-direction:column;gap:.25rem}.modal-container .note .timestamp{font-size:.9rem;font-weight:600;color:rgb(var(--accent));cursor:not-allowed}.modal-container .note .title{display:flex;align-items:center;gap:.5rem;padding-block:.5rem;border-bottom:1px solid rgb(var(--black),.2)}.modal-container .note .title input{flex:1;background:transparent;border:none;font-weight:600;font-size:1.5rem;color:rgb(var(--black));outline:none}.modal-container .note .title .delete-icon{cursor:pointer;opacity:.5}.modal-container .note .title .delete-icon:hover{opacity:1;color:rgb(var(--red-accent));transform:scale(1.15)}.modal-container .note .title .delete-icon:active{opacity:.4;transform:scale(.9) rotate(2deg)}.modal-container .note .note-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.modal-container .note .note-content textarea{flex:1;resize:none;background:transparent;border:none;font-weight:600;color:rgb(var(--black));field-sizing:content;line-height:1.1;max-height:10rem;min-height:5rem;outline:none}.modal-container .note .btns{display:flex;gap:.5rem;padding-block:.5rem 0;justify-content:space-between}.modal-container .note .btns .btn{padding-block:.5rem;padding-inline:2rem;border-radius:5rem;border:1px solid rgb(var(--black),.2);cursor:pointer}.modal-container .note .btns .btn.disabled{opacity:.4;pointer-events:none}.modal-container .note .btns .btn:active{opacity:.4;transform:scale(.98)}.modal-container .note .btns .btn.outline{border:1px solid rgb(var(--black),.5);background-color:transparent;color:rgb(var(--black));outline:2px solid;outline-color:transparent}.modal-container .note .btns .btn.outline:focus{outline-color:rgb(var(--accent))}.modal-container .note .btns .btn.outline:hover{background-color:rgb(var(--black));color:rgb(var(--white))}.modal-container .note .btns .btn.outline:hover:focus{outline-color:rgb(var(--accent))}.modal-container .note .btns .btn.bad{border:1px solid rgb(var(--black),.5);background-color:transparent;color:rgb(var(--black));outline:2px solid;outline-color:transparent}.modal-container .note .btns .btn.bad:focus{outline-color:rgb(var(--accent))}.modal-container .note .btns .btn.bad:hover:focus{outline-color:rgb(var(--accent))}.modal-container .note .btns .btn.good{background-color:rgb(var(--accent));color:rgb(var(--white));outline:2px solid;outline-color:transparent}.modal-container .note .btns .btn.good:focus{outline-color:rgb(var(--black))}.modal-container .note .btns .btn.good:hover{outline-color:rgb(var(--accent));background-color:rgb(var(--black))}.search-wrapper{position:relative;z-index:1000;border-radius:5rem;flex:1}.search-component{background:rgb(var(--white),.1);padding-inline:2rem;padding-block:.6rem;position:relative;border:1px solid rgb(var(--white),.2);border-radius:5rem;display:flex;align-items:center;gap:10px}.search-component:has(input:focus){-webkit-backdrop-filter:grayscale(50%) brightness(75%);backdrop-filter:grayscale(50%) brightness(75%)}.search-component .shortcut-tip{position:absolute;right:6px;opacity:.8;padding-inline:1rem;height:80%;background-color:rgb(var(--white),.1);border:1px solid rgb(var(--white),.2);pointer-events:none;border-radius:5rem;display:grid;place-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer}.search-component .shortcut-tip span{font-size:.8rem;font-weight:600;display:flex;align-items:center}.search-component .shortcut-tip span .cmd{margin-bottom:-4px;margin-right:2px}.search-component:has(input:focus) .shortcut-tip,.search-component:has(input:not(:placeholder-shown)) .shortcut-tip{opacity:0}.search-component input{flex:1;background:transparent;border:none;font-weight:600;color:rgb(var(--white));outline:none}.search-component .loader{width:2.5rem;position:absolute;right:5px}.search-component .icon{opacity:.4}.search-component:has(input:focus){border:1px solid rgb(var(--white),.4)}.search-component:has(input:focus) .icon{opacity:1}.search-suggestions{position:absolute;z-index:1000;top:calc(100% + 5px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);left:0;right:0;background:rgb(var(--black),.9);border:1px solid rgb(var(--white),.2);border-radius:1.5rem;display:flex;flex-direction:column;max-height:300px;overflow-y:auto}.search-suggestions .suggestion{padding-block:.6rem;padding-inline:2rem;cursor:pointer;border-bottom:1px solid rgb(var(--white),.2);display:flex;background:rgb(var(--white),.1);align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.search-suggestions .suggestion img{height:20px;object-fit:contain;margin-bottom:-2px}.search-suggestions .suggestion:last-child{border-bottom:none}.search-suggestions .suggestion:active{opacity:.6}.search-suggestions .suggestion:active span,.search-suggestions .suggestion:active img{transform:scale(.95)}.search-suggestions .suggestion:hover{background-color:rgb(var(--white),.2)}.container{display:flex;padding-inline:2.5rem;padding-block:2.5rem;border:1px solid rgb(var(--white),.1);border-radius:1.5rem;align-items:center;margin-top:1rem;background-image:linear-gradient(to bottom,transparent,rgb(var(--blue-accent),.3))}.container .error{color:rgb(var(--red-accent));font-size:.9rem;text-align:right}.details{margin-left:1rem;margin-right:5rem;flex:1}.details>p{opacity:.4}.details h1{cursor:pointer}.details h1 p{font-size:2.25rem;line-height:.9;position:relative;width:fit-content}.details h1 p span{position:relative;color:rgb(var(--accent));transform:rotate(-45deg);transform-origin:left}.details h1:hover{color:rgb(var(--accent))}.details h1:hover span{color:rgb(var(--white))}.details h1:active span{transform:rotate(45deg) scale(.9)}.stats{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:end}.loading-stat-card{padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(var(--white),.2);border-radius:1.25rem;height:7rem;width:10rem;display:flex;flex-direction:column;gap:.75rem;background-color:rgb(var(--white),.05);animation:loading 1s infinite alternate}@keyframes loading{0%{background-color:rgb(var(--white),.1);border:1px solid rgb(var(--white),.3);transform:scale(1)}50%{background-color:rgb(var(--white),.2);border:1px solid rgb(var(--white),.4);transform:scale(1.025)}to{background-color:rgb(var(--white),.1);border:1px solid rgb(var(--white),.3);transform:scale(1)}}.stat-card{padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(var(--white),.2);border-radius:1.25rem;display:flex;flex-direction:column;gap:.75rem;background-color:rgb(var(--white),.05)}.stat-card:hover{background-color:rgb(var(--white),.1);border:1px solid rgb(var(--white),.3);box-shadow:0 0 10px rgb(var(--white),.1),inset 0 0 5px rgb(var(--white),.1),0 0 25px rgb(var(--white),.05)}.stat-card .title{color:rgb(var(--accent))}.stat-card .title sup{font-size:.8rem;margin-left:.15rem}.stat-card .row{display:flex;align-items:center;gap:2rem}.stat-card .info{display:flex;align-items:start;gap:.5rem}.stat-card .info .icon{height:2.5rem;width:2.5rem;border-radius:50%;background-color:rgb(var(--white),.1);border:1px solid rgb(var(--white),.2);display:grid;place-items:center}.stat-card .info .icon.bad{color:rgb(var(--red-accent))}.stat-card .info .icon.good{color:rgb(var(--green-accent))}.stat-card .info .stat{display:flex;margin-right:5px;flex-direction:column}.stat-card .info .stat span{line-height:.625}.stat-card .info .stat span.label{opacity:.4}.stat-card .info .stat span.value{letter-spacing:-2px;font-size:2.5rem;margin-top:5px}.stat-card .info .stat span.value span{font-size:1rem;opacity:.4;margin-left:5px}.stat-card .info .stat span sup{position:absolute}.home{display:flex;flex-direction:column;gap:20px}.cities-container{display:flex;flex-direction:column;gap:.5rem;padding-inline:.25rem;margin-top:1.5rem}.cities-container .title span{opacity:.4}.cities-container .cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:10px}.city-wrapper{position:relative}.city-wrapper:hover .trash{opacity:1;pointer-events:all}.city-wrapper .city:after{content:"DELETE?";position:absolute;top:50%;transition:opacity .25s ease;left:50%;color:rgba(var(--red-accent));filter:drop-shadow(0,3px,5px,rgba(0,0,0,1));font-size:2rem;transform:translate(-50%,-50%);opacity:0}.city-wrapper:has(.trash:hover) .city{border:1px solid rgb(var(--red-accent),.3);box-shadow:0 0 10px rgb(var(--red-accent),.1),inset 0 0 5px rgb(var(--red-accent),.1),0 0 25px rgb(var(--red-accent),.05)}.city-wrapper:has(.trash:hover) .city *{opacity:50%;filter:saturate(25%) blur(1px)}.city-wrapper:has(.trash:hover) .city:after{opacity:1}.city-wrapper:has(.trash:active) .city:after{content:"DELETING"}.trash{pointer-events:none;opacity:0;position:absolute;top:-.75rem;left:-.75rem;background-color:rgb(var(--white),.05);border:1px solid rgb(var(--white),.2);border-radius:50%;height:2rem;width:2rem;display:grid;place-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background-color:rgb(var(--white),.1);border:1px solid rgb(var(--white),.3);box-shadow:0 0 10px rgb(var(--white),.1),inset 0 0 5px rgb(var(--white),.1),0 0 25px rgb(var(--white),.05)}.trash .icon{font-size:.75rem}.trash:hover .icon{color:rgb(var(--red-accent))}.trash:active{opacity:.4;transform:scale(.9)}.trash:active .icon{transform:rotate(10deg)}.city{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(var(--white),.2);border-radius:1.5rem;background-color:rgb(var(--white),.05);padding:1.25rem;position:relative;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;gap:.75rem}.city .city-arrow{transform-origin:left;transform:rotate(-45deg)}.city:hover{background-color:rgb(var(--white),.1);border:1px solid rgb(var(--white),.3);box-shadow:0 0 10px rgb(var(--white),.1),inset 0 0 5px rgb(var(--white),.1),0 0 25px rgb(var(--white),.05)}.city:hover .city-arrow{color:rgb(var(--accent))}.city:active{opacity:.4;transform:scale(.98)}.city:active .city-arrow{transform:rotate(10deg)}.city .top{display:flex;align-items:center;justify-content:space-between}.city .top span{font-size:2.5rem;font-weight:600;line-height:.9;position:relative}.city .top span sup{font-size:1.25rem;position:absolute;top:2px}.city .top img{height:4rem;object-fit:contain;position:absolute;right:.25rem}.city .bottom{display:flex;flex-direction:column}.city .bottom .label{opacity:.4;font-size:.9rem}.city .bottom .state-wrapper{display:flex;align-items:center;gap:10px}.city .bottom .state-wrapper .state{display:flex;align-items:center;gap:10px;flex:1}.city .bottom .state-wrapper .state p{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city .bottom .state-wrapper .state img{height:1rem}.top-card{margin-top:-20px;padding-inline:4rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:1rem}.top-card .top-card-content{display:flex;flex-direction:column;flex:1}.top-card .top-card-content h1{font-size:2rem;line-height:1;margin-bottom:10px;max-width:50%}.top-card .top-card-content .label{opacity:.4}.top-card .top-card-content h3{opacity:.8}.top-card .top-card-content .row{display:flex;align-items:center;gap:.5rem}.top-card .top-card-content .row img{height:1rem;margin-bottom:-2px}.top-card .top-card-content .row .btns{display:flex;gap:.5rem;align-items:center}.top-card .top-card-content .row:has(.btns){gap:1rem}.top-card .top-card-content .weather-icon{height:10rem}.top-card .top-card-content.right{flex-direction:row;align-items:center;flex:0}.top-card .top-card-content .data{flex:1;margin-top:-25px}.top-card .top-card-content .data h2{font-size:6rem;line-height:1}.stats-tray{padding-inline:2rem;padding-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.25rem}.stats-tray .loading-stat-card{flex:1}.stats-tray .failed{color:rgb(var(--red-accent));text-align:center;max-width:70%;margin-inline:auto;margin-top:1rem}.forecast-container{padding-inline:2rem;margin-top:1rem;padding-bottom:2rem}.forecast-container .title{font-size:1.1rem;font-weight:600}.forecast-container .forecasts{margin-top:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.25rem}.forecast-container .forecasts .card{padding-inline:1rem;padding-block:1rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(var(--white),.2);background-color:rgb(var(--white),.05)}.forecast-container .forecasts .card:hover{background-color:rgb(var(--white),.1);border:1px solid rgb(var(--white),.3);box-shadow:0 0 10px rgb(var(--white),.1),inset 0 0 5px rgb(var(--white),.1),0 0 25px rgb(var(--white),.05)}.forecast-container .forecasts .card img{height:5rem}.forecast-container .forecasts .card .label{display:flex;flex-direction:column;align-items:center}.forecast-container .forecasts .card .label span{line-height:1;font-size:1.25rem;color:rgb(var(--accent))}.forecast-container .forecasts .card .label .lite{opacity:.6;color:rgb(var(--white));font-size:.8rem;position:relative;top:-.25rem}.forecast-container .forecasts .card .feelslike{font-size:1.25rem}.forecast-container .forecasts .card .feelslike sup{font-size:.8rem;opacity:.8}