:root{--primary-color:#45a0f8;--primary-dark:#3a86d9;--error-color:#ff3b30;--success-color:#34c759;--warning-color:#ff9500;--dark-bg:#2c2c2e;--light-bg:#f2f2f7;--text-dark:#1c1c1e;--text-light:#fff;--gray-light:#e1e1e6;--gray-medium:#aeaeb2;--gray-dark:#8e8e93;--element-bg:#3a3a3c;--element-hover:#4c4c4e}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}body{background-color:var(--dark-bg);color:var(--text-light);line-height:1.6;padding:0 20px;margin:0;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.title{font-size:34px;font-weight:700;text-align:center;margin-top:10px;color:var(--primary-color)}.subtitle{font-size:26px}p{margin:15px 0;text-align:center}#splash{max-width:600px;margin:20px auto;padding:20px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);background-color:var(--element-bg)}.splash-ele-holder{margin:15px 0;text-align:center}#location-input{padding:12px;border:1px solid #4c4c4e;border-radius:5px;font-size:16px;width:100%;max-width:450px;transition:border-color .3s,box-shadow .3s;background-color:var(--text-dark);color:var(--text-light)}#location-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(69,160,248,.3);outline:0}#location-helper-text{margin-top:20px;padding:15px;border-radius:5px}button{padding:12px 20px;border:0;border-radius:5px;background-color:var(--primary-color);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s}button:hover{background-color:var(--primary-dark)}button:active{transform:scale(.98)}button:focus{outline:3px solid rgba(69,160,248,.5);outline-offset:2px}#resultsContainer{max-width:800px;margin:0 auto}#grid-mode{margin-bottom:20px;position:relative}.dropdown{position:relative;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);background-color:var(--element-bg)}.dropdown .select{padding:15px;cursor:pointer;display:flex;align-items:flex-start;font-size:25px;gap:10px}.dropdown .select span{font-weight:600}#select-title{flex:1;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;line-height:1.2}.dropdown .caret{display:inline-block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--text-light);transition:transform .3s;flex-shrink:0;margin-top:8px}.dropdown.active .caret{transform:rotate(180deg)}.dropdown .dropdown-menu{position:absolute;top:100%;left:0;right:0;border-radius:0 0 5px 5px;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:10;display:none;max-height:300px;overflow-y:auto;background-color:var(--element-bg);border:1px solid #04a1ff}.dropdown .dropdown-menu li{padding:12px 15px;list-style:none;cursor:pointer;transition:background-color .3s}.dropdown .dropdown-menu li:hover{background-color:var(--element-hover)}.placeHolder{padding:15px;border-radius:5px;margin-bottom:15px;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.1);background-color:var(--element-bg)}#nearestPlace.container{max-width:1200px;margin:10px auto 15px}#weather-container{border-radius:10px;margin-bottom:25px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);position:relative;border:1px solid #ccc;background-color:var(--element-bg)}.weather-header{display:flex;padding:12px;background-color:var(--primary-color);color:#fff;position:relative;align-items:center;cursor:pointer;user-select:none}.toggle-icon{transition:transform .3s ease;position:absolute;right:20px;bottom:5px}#weather-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin-right:15px}#weather-main{flex:1}.weather-large-text{font-size:18px;font-weight:600;margin-top:5px}#weather-title{font-weight:600;font-size:14px;opacity:.9}.weather-toggle{background-color:rgba(255,255,255,.2);color:#fff;border:0;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.weather-toggle:hover{background-color:rgba(255,255,255,.3)}#weather-details{padding:12px;max-height:500px;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;overflow:hidden;opacity:1}#weather-details.collapsed{max-height:0;opacity:0;padding:0}.weather-header.collapsed .toggle-icon{transform:rotate(-90deg)}#weather-description{padding:0 20px}.weather-row{display:flex;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--element-hover)}.weather-row:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.weather-icon-small{font-size:18px;margin-right:15px;width:24px;text-align:center}.grid-container{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:30px}.scrollable-row{position:relative;width:100%;margin-bottom:10px;overflow:hidden;min-height:120px}.scroll-wrapper{display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 0 5px;width:auto;margin-right:0}.scroll-wrapper::-webkit-scrollbar{display:none}.grid-item{flex:0 0 29%;margin-right:3%;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;cursor:pointer;background-color:var(--element-bg);aspect-ratio:1/1}.grid-item:last-child{margin-right:0}.scrollable-row{padding-right:calc(100% - (30% * 3 + 3% * 2 + 30% * .2))}.peek-item{position:relative;box-shadow:-5px 0 15px rgba(0,0,0,.3);border-left:2px solid rgba(4,161,255,.5)}@keyframes peekPulse{0%{transform:translateX(0)}50%{transform:translateX(-3px)}100%{transform:translateX(0)}}.peek-item{animation:peekPulse 3s ease-in-out infinite}.scrollable-row::after{content:"";position:absolute;top:0;right:0;height:100%;width:30px;z-index:2;pointer-events:none;background:linear-gradient(to left,rgba(44,44,46,.8),rgba(44,44,46,0))}.grid-item:hover,.grid-item:focus{transform:translateY(-2px);background-color:var(--element-hover);box-shadow:0 5px 15px rgba(0,0,0,.1)}.grid-item img{width:100%;height:75%;object-fit:cover}.icon-title{padding:1px;font-size:12px;font-weight:600;color:var(--text-light);background-color:var(--element-hover);margin-top:auto;height:25%;display:flex;align-items:center;justify-content:center;text-align:center}.scrollable-row.at-start::before{content:"";position:absolute;top:0;left:0;height:100%;width:30px;z-index:2;pointer-events:none;background:linear-gradient(to right,rgba(44,44,46,.9),rgba(44,44,46,0));opacity:1}.scrollable-row.at-end::after{opacity:0}.scrollable-row.no-peek::after,.scrollable-row.no-peek::before{display:none}@keyframes highlightPeek{0%{box-shadow:-5px 0 15px rgba(4,161,255,.2)}50%{box-shadow:-5px 0 25px rgba(4,161,255,.8)}100%{box-shadow:-5px 0 15px rgba(4,161,255,.2)}}.highlight-peek{animation:highlightPeek 2s ease-in-out}@keyframes scrollHint{0%{transform:translateX(0)}20%{transform:translateX(-15px)}40%{transform:translateX(0)}100%{transform:translateX(0)}}.scroll-hint{animation:scrollHint 2s ease-in-out}.peek-item::before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background-color:rgba(4,161,255,.6);z-index:1}.button-holder{position:fixed!important;border-top:0;position:relative;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:10px;box-shadow:0 -2px 5px rgba(0,0,0,.1);z-index:100;background-color:var(--element-bg)}.button-holder::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:#04a1ff;box-shadow:0 0 5px rgba(4,161,255,.5),0 0 10px rgba(4,161,255,.3),0 0 15px rgba(4,161,255,.2);filter:blur(1px)}.button{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:5px;text-decoration:none;transition:background-color .3s}.button:hover{background-color:#04a1ff}.coffee-holder{text-align:center;margin:20px 0}.visit{text-align:center;margin-bottom:100px;font-size:14px;color:var(--gray-dark)}.visit a{color:var(--primary-color);text-decoration:none}.visit a:hover{text-decoration:underline}.form-popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:rgba(0,0,0,.7);align-items:center;justify-content:center}.form-popup-content{padding:20px;border-radius:10px;width:90%;max-width:500px;max-height:90vh;overflow:auto;position:relative;display:flex;flex-direction:column;background-color:var(--element-bg)}#qr-img-holder{display:flex;justify-content:center;align-items:center;margin:15px 0;min-height:200px;width:100%}#qr-img-holder img{max-width:100%;max-height:60vh;height:auto;width:auto;object-fit:contain}.responsive-qr{display:block;max-width:100%;height:auto;margin:0 auto}.close-popup{position:absolute;top:10px;right:10px;background:0 0;border:0;font-size:24px;cursor:pointer;color:var(--text-light)}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:1000;display:none}.spinner{border:5px solid rgba(255,255,255,.3);border-top:5px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(100px);background-color:rgba(44,44,46,.9);color:#fff;padding:12px 20px;border-radius:5px;z-index:1001;opacity:0;transition:transform .3s,opacity .3s;width:85%;text-align:center}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast-success{background-color:rgba(52,199,89,.9)}.toast-error{background-color:rgba(255,59,48,.9)}.error-message{position:fixed;top:20px;left:50%;transform:translateX(-50%);background-color:var(--error-color);color:#fff;padding:15px 20px;border-radius:5px;z-index:1001;display:flex;align-items:center;box-shadow:0 4px 10px rgba(0,0,0,.2);width:80%;max-width:90%}.error-message svg{margin-right:10px;flex-shrink:0}.error-message p{margin:0;flex:1;text-align:left}.dismiss-error{background:0 0;border:1px solid #fff;color:#fff;padding:5px 10px;margin-left:10px;border-radius:3px;cursor:pointer;font-size:12px}.fade-out{opacity:0;transition:opacity .5s}.hash{display:flex;justify-content:center;margin:20px 0}.hash div{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--element-hover);border-radius:5px;margin:0 5px;font-size:24px;font-weight:700}.intro{margin-bottom:20px;text-align:left}.coord-label{display:block;margin-bottom:10px;font-weight:600;color:var(--primary-color)}@media (max-width:768px){.weather-header{flex-direction:column;text-align:center}#weather-icon{margin-right:0;margin-bottom:10px}.weather-toggle{margin-top:10px}.scrollable-row{padding-right:calc(100% - (30% * 3 + 3% * 2 + 30% * .2))}}@media (max-width:480px){.title{font-size:34px}.subtitle{font-size:26px;margin:0}.grid-item{min-height:120px}.hash div{width:40px;height:40px;font-size:18px}.scrollable-row{padding-right:calc(100% - (30% * 3 + 3% * 2 + 30% * .2))}.grid-item{min-height:100px}}@media (hover:none){.peek-item{animation:none;border-left:3px solid rgba(4,161,255,.8)}.scrollable-row::after{opacity:1}}