:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;background-color:#fffaf0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.notfound-frosted-glass{background:#ffffffb3;box-shadow:0 8px 32px #ff99002e;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:28px;border:1.5px solid rgba(255,153,0,.18);padding:48px 32px;max-width:420px;text-align:center;margin:10vh auto;transition:box-shadow .2s}.notfound-frosted-glass:hover{box-shadow:0 12px 40px #ff990038}.notfound-frosted-glass h1{font-size:4rem;margin:0 0 16px;color:#f90;letter-spacing:2px;font-weight:700;text-shadow:0 2px 8px #ffb84d55}.notfound-frosted-glass p{font-size:1.2rem;color:#334155;margin-bottom:32px}.notfound-frosted-glass a{display:inline-block;padding:12px 28px;background:linear-gradient(90deg,#f90,#ffb84d);color:#fff;border-radius:10px;text-decoration:none;font-weight:600;box-shadow:0 2px 8px #ff99001f;transition:background .2s,box-shadow .2s;border:none;cursor:pointer}.notfound-frosted-glass a:hover{background:linear-gradient(90deg,#ffb84d,#f90);box-shadow:0 4px 16px #ff99002e}.locsearch{margin-top:16px;text-align:left}.locsearch-label{display:block;font-size:14px;color:#666;margin-bottom:6px}.locsearch-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:10px;font-size:15px}.locsearch-status{margin-top:8px;font-size:13px;color:#666}.locsearch-error{margin-top:8px;font-size:13px;color:#b00020}.locsearch-list{list-style:none;margin:8px 0 0;padding:0;max-height:220px;overflow-y:auto;border:1px solid #eee;border-radius:10px}.locsearch-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f3f3f3}.locsearch-item:last-child{border-bottom:none}.locsearch-item:hover{background:#fff4e6}.locsearch-name{font-size:14px;color:#333}.locsearch-type{font-size:12px;color:#999}.permission-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:calc(env(safe-area-inset-top) + 16px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 16px) calc(env(safe-area-inset-left) + 16px)}.permission-modal{background:#fffaf0;border-radius:24px;padding:24px;width:min(92vw,420px);max-height:80vh;overflow:auto;box-shadow:0 10px 30px #0003;text-align:center;animation:modalFadeIn .4s ease forwards}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.permission-icon{font-size:48px;margin-bottom:15px}.permission-modal h2{font-size:24px;margin-bottom:15px;color:#ff8c00;font-weight:700}.permission-modal p{font-size:16px;line-height:1.5;margin-bottom:25px;color:#555}.permission-button{background:linear-gradient(135deg,#ff8c00,orange);color:#fff;border:none;padding:14px 28px;font-size:16px;font-weight:600;border-radius:30px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ff8c004d}.permission-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff8c0066}.permission-button:active{transform:translateY(0)}.permission-note{font-size:13px;margin-top:20px;color:#888;font-style:italic}@media (max-width: 480px){.permission-modal{width:92vw;padding:22px}.permission-modal h2{font-size:22px}.permission-modal p{font-size:15px}}.sun-timer{width:100%;margin:0 auto;display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;color:#333;border-radius:16px;padding:16px;max-width:360px;background:#fff;box-shadow:0 2px 8px #0000000d}.sun-path{height:120px;position:relative;margin-bottom:16px;border-radius:16px;overflow:hidden;background:linear-gradient(to bottom,#87ceeb,#e0f7ff);box-shadow:inset 0 1px 3px #0000001a;transition:all .3s ease}.sun-arc{position:absolute;width:100%;height:160px;bottom:-80px;border-radius:50%;border-top:2px solid rgba(255,255,255,.6);border-left:2px solid transparent;border-right:2px solid transparent}.horizon{position:absolute;bottom:0;left:0;width:100%;height:20px;background:linear-gradient(to top,#8bc34acc,#8bc34a33);border-top-left-radius:2px;border-top-right-radius:2px}.sun{position:absolute;width:24px;height:24px;background:#ffc107;border-radius:50%;box-shadow:0 0 12px #ffc107b3;transform:translate(-50%,-50%);z-index:1;transition:left .5s ease,top .5s ease}.sun-glow{position:absolute;width:38px;height:38px;background:radial-gradient(circle,#ffc10766,#ffc10700 70%);border-radius:50%;transform:translate(-50%,-50%);z-index:1;transition:left .5s ease,top .5s ease}.time-markers{position:absolute;bottom:6px;width:100%;display:flex;justify-content:space-between;padding:0 16px;font-size:10px;color:#ffffffe6;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2);z-index:3}.cloud{position:absolute;background:#ffffffe6;border-radius:10px;z-index:3}.cloud-1{width:30px;height:12px;top:15px;left:20%;animation:driftCloud 35s linear infinite}.cloud-2{width:40px;height:15px;top:25px;left:60%;animation:driftCloud 45s linear infinite;animation-delay:-20s}.cloud:before,.cloud:after{content:"";position:absolute;background:#ffffffe6;border-radius:50%}.cloud-1:before{width:15px;height:15px;top:-6px;left:5px}.cloud-1:after{width:12px;height:12px;top:-5px;left:15px}.cloud-2:before{width:18px;height:18px;top:-8px;left:8px}.cloud-2:after{width:14px;height:14px;top:-6px;left:22px}@keyframes driftCloud{0%{transform:translate(-100%)}to{transform:translate(400%)}}.timer-display{font-size:2.6rem;font-weight:600;text-align:center;margin-bottom:20px;color:#333;display:flex;justify-content:center;align-items:center;height:60px}.timer-controls{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.timer-button{flex:1;padding:12px 18px;border-radius:12px;font-size:1.1rem;border:none;cursor:pointer;font-weight:500;transition:background-color .2s ease,transform .1s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 3px #0000001a;max-width:120px}.start-button{background:#4caf50;color:#fff}.start-button:active{background:#43a047}.pause-button{background:#ff5722;color:#fff}.pause-button:active{background:#e64a19}.reset-button{background:#f1f1f1;color:#555}.reset-button:active:not(:disabled){background:#e0e0e0}.timer-button:disabled{opacity:.5;cursor:not-allowed}.stats{display:flex;margin-bottom:20px;gap:10px}.stat{flex:1;text-align:center;padding:12px 8px;background:#f8f9fa;border-radius:12px;transition:transform .2s ease}.stat:hover{transform:translateY(-2px)}.stat-value{font-weight:600;font-size:1.3rem;color:#ff9800}.stat-label{font-size:.85rem;color:#777;margin-top:3px}.history-toggle{margin-bottom:10px;padding:10px;background:transparent;color:#4caf50;border:none;font-weight:500;cursor:pointer;border-radius:8px;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent}.history-toggle:active{background-color:#4caf501a}.history{overflow:hidden}.history-title{font-size:1rem;font-weight:600;margin-bottom:10px;color:#555}.history-list{max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:5px}.history-item{padding:10px;border-radius:8px;background-color:#f8f9fa;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.history-time{font-size:.9rem}.history-duration{font-weight:600;color:#ff9800}.history-empty{text-align:center;color:#999;padding:15px 0}@supports (-webkit-touch-callout: none){.timer-button{padding-top:14px;padding-bottom:14px}.sun-timer{padding-bottom:calc(16px + env(safe-area-inset-bottom,0))}}.history-item{animation:fadeIn .3s ease}.compact-history-section{margin-top:14px;background:#f8f9fa;border-radius:14px;padding:10px 16px;box-shadow:0 1px 3px #0000000a;width:100%}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.85rem;color:#666;font-weight:500}.history-badge{font-size:.7rem;background:#ff980026;color:#ff9800;padding:2px 6px;border-radius:10px;font-weight:500}.compact-history-content{display:flex;flex-direction:column;gap:5px;margin-bottom:6px}.compact-history-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:6px 10px;border-radius:8px;font-size:.85rem;box-shadow:0 1px 2px #00000008}.session-time{color:#555;font-weight:500}.session-duration{color:#ff9800;font-weight:600}.history-empty{text-align:center;color:#999;padding:8px 0;font-size:.85rem}.history-summary{display:flex;align-items:center;gap:6px;padding-top:6px;border-top:1px dashed rgba(0,0,0,.06)}.summary-dot{width:8px;height:8px;border-radius:50%;background:#4caf50}.summary-text{font-size:.8rem;color:#555}.sun-path{height:110px}.timer-display,.timer-controls{margin-bottom:16px}.timer-button{padding:10px 16px}.stats{margin-bottom:12px}@keyframes driftCloud{0%{transform:translate(-100%)}to{transform:translate(300%)}}.reset-alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.reset-alert{background:#fff;width:85%;max-width:320px;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #00000026;border:1px solid rgba(0,0,0,.1)}.reset-alert-content{display:flex;flex-direction:column}.reset-alert-header{font-size:16px;font-weight:600;color:#333;padding:16px;text-align:center;border-bottom:1px solid rgba(0,0,0,.08)}.reset-options{display:flex;flex-direction:column;gap:1px;background:#f5f5f5}.reset-option{display:flex;align-items:center;padding:14px 16px;background:#fff;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease;border-bottom:1px solid rgba(0,0,0,.04)}.reset-option:hover{background-color:#f9f9f9}.reset-option-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:50%;margin-right:14px;flex-shrink:0}.reset-option-reset .reset-option-icon{background:#4caf501a;color:#4caf50}.reset-option-rest .reset-option-icon{background:#ff98001a;color:#ff9800}.reset-option-text{flex:1}.reset-option-title{font-weight:600;font-size:15px;margin-bottom:2px;color:#333}.reset-option-desc{font-size:13px;color:#777}.reset-cancel-button{padding:14px;width:100%;background:transparent;border:none;font-size:15px;font-weight:500;cursor:pointer;color:#0078d7;transition:background-color .2s ease}.reset-cancel-button:hover{background-color:#0078d70d}.temp-indicator{display:flex;flex-direction:column;gap:16px;background:transparent;padding:0 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0));width:100%;transition:all .3s cubic-bezier(.2,.8,.2,1);max-width:100%;overflow:hidden;height:100%}.temp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;height:100%;color:#8e8e93;gap:16px}.loading-spinner{width:24px;height:24px;border:2px solid rgba(0,0,0,.1);border-top-color:#007aff;border-radius:50%;animation:spinner .8s linear infinite}.loading-text{font-size:16px;font-weight:500}.temp-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;height:100%;text-align:center;gap:12px}.error-icon{width:48px;height:48px;background:#ff3b30;border-radius:24px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px}.error-message{font-size:17px;font-weight:600;color:#1c1c1e}.error-detail{font-size:14px;color:#8e8e93;max-width:280px}.temp-main{display:flex;gap:24px;align-items:center;background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.temp-circle-container{position:relative;flex-shrink:0;width:80px;height:80px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.temp-circle{width:80px;height:80px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.temp-circle.hot{background:linear-gradient(135deg,#ff9500,#ff3b30);box-shadow:0 6px 16px #ff3b3040}.temp-circle.warm{background:linear-gradient(135deg,#ff9500,#ff6b22);box-shadow:0 6px 16px #ff950040}.temp-circle.cool{background:linear-gradient(135deg,#5ac8fa,#007aff);box-shadow:0 6px 16px #007aff40}.temp-circle.cold{background:linear-gradient(135deg,#5ac8fa,#0a84ff);box-shadow:0 6px 16px #5ac8fa40}.temp-rays{position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:conic-gradient(transparent 0deg,transparent 20deg,rgba(255,255,255,.12) 20deg,rgba(255,255,255,.12) 25deg,transparent 25deg,transparent 40deg,rgba(255,255,255,.12) 40deg,rgba(255,255,255,.12) 45deg,transparent 45deg);border-radius:50%;animation:rotateRays 25s linear infinite;opacity:.7}.temp-inner-circle{width:60px;height:60px;border-radius:50%;background:#fff;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a}.temp-number{font-size:28px;font-weight:700;color:#1c1c1e}.temp-unit{font-size:16px;font-weight:500;color:#8e8e93;margin-left:1px;margin-top:2px}.temp-info{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.temp-desc{font-size:20px;font-weight:600;color:#1c1c1e;display:flex;align-items:center;gap:8px}.weather-icon{width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center}.temp-feels{font-size:15px;color:#636366;font-weight:500}.temp-metrics{display:flex;gap:16px;margin-top:6px}.metric{display:flex;flex-direction:column;align-items:center}.metric-icon{width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center;display:block}.humidity-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%235ac8fa' d='M12 3.571c3.658 5.437 6 9.223 6 12.571 0 3.866-2.686 7-6 7s-6-3.134-6-7c0-3.348 2.342-7.134 6-12.571z'/%3E%3C/svg%3E")}.wind-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff9500' d='M3 12h9.59a5 5 0 0 0 0-2H3a1 1 0 0 0 0 2zm11 0h7a1 1 0 0 0 0-2h-7a3 3 0 0 1 0 6h9a1 1 0 0 0 0-2h-9a1 1 0 0 1 0-2z'/%3E%3C/svg%3E")}.uv-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff9500' d='M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1s-1-.45-1-1V3c0-.55.45-1 1-1zm0 17c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1z'/%3E%3C/svg%3E")}.metric-value{font-size:15px;font-weight:600;color:#1c1c1e;margin-top:4px}.metric-label{font-size:12px;color:#8e8e93}.temp-forecast{background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 12px #0000000d}.temp-forecast h3{margin:0 0 12px;font-size:17px;font-weight:600;color:#1c1c1e}.forecast-items{display:flex;gap:24px;overflow-x:auto;padding-bottom:8px;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.forecast-items::-webkit-scrollbar{display:none}.forecast-item{display:flex;flex-direction:column;align-items:center;min-width:60px}.forecast-time{font-size:13px;color:#8e8e93;margin-bottom:8px}.forecast-icon{width:32px;height:32px;margin:4px 0;background-size:contain;background-repeat:no-repeat;background-position:center}.sun\.max\.fill{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='%23ff9500' cx='12' cy='12' r='5'/%3E%3Cpath fill='%23ff9500' d='M12 2v2M12 20v2M2 12h2M20 12h2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E")}.cloud\.sun\.fill{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff9500' d='M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM4 10.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45 3.91l-1.41-1.41-1.79 1.79 1.41 1.41 1.79-1.79zm-3.21 13.7l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM20 10.5v2h3v-2h-3zm-8-5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm-1 16.95h2V19.5h-2v2.95zm-7.45-3.91l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8z'/%3E%3C/svg%3E")}.cloud\.fill{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3C/svg%3E")}.forecast-temp{font-size:15px;font-weight:600;color:#1c1c1e}.forecast-precipitation{display:flex;align-items:center;gap:2px;margin-top:4px;font-size:12px;color:#5ac8fa}.precipitation-icon{width:10px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath fill='%235ac8fa' d='M5 0l4.5 7A4.5 4.5 0 0 1 5 12 4.5 4.5 0 0 1 .5 7L5 0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.temp-additional-info{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.temp-additional-info::-webkit-scrollbar{display:none}.info-card{flex:1;min-width:100px;background:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 12px #0000000d}.info-title{font-size:13px;color:#8e8e93;margin-bottom:8px}.info-value-container{display:flex;align-items:center;gap:6px}.info-icon{width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center}.uv-icon-large{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff9500' d='M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1s-1-.45-1-1V3c0-.55.45-1 1-1zm0 17c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1z'/%3E%3C/svg%3E")}.visibility-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M12 6c-3.79 0-7.17 2.13-8.82 5.5C4.83 14.87 8.21 17 12 17s7.17-2.13 8.82-5.5C19.17 8.13 15.79 6 12 6zm0 10c-2.48 0-4.5-2.02-4.5-4.5S9.52 7 12 7s4.5 2.02 4.5 4.5S14.48 16 12 16z'/%3E%3Ccircle fill='%238e8e93' cx='12' cy='11.5' r='2.5'/%3E%3C/svg%3E")}.pressure-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z'/%3E%3C/svg%3E")}.info-value{font-size:20px;font-weight:600;color:#1c1c1e}.info-desc{font-size:12px;color:#8e8e93;margin-top:6px;text-align:center}@keyframes rotateRays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[class^=icon-]{width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block}.forecast-icon{width:32px;height:32px}.icon-clear-day{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='%23ff9500' cx='12' cy='12' r='5'/%3E%3Cpath fill='%23ff9500' d='M12 2v2M12 20v2M2 12h2M20 12h2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E")}.icon-mostly-clear-day{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='%23ff9500' cx='12' cy='12' r='5'/%3E%3Cpath fill='%23ff9500' d='M12 2v2M12 20v2M2 12h2M20 12h2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E")}.icon-partly-cloudy-day{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff9500' d='M12.74 5.47c2.36 1.03 3.61 3.56 3.18 5.99A6.002 6.002 0 0 1 18 16v.17a3 3 0 0 1 0 5.83H6a4 4 0 0 1-.17-7.99A6.002 6.002 0 0 1 12 4c.37 0 .74.03 1.1.09a5.01 5.01 0 0 1-.36 1.38M19 18h-1.5v.5a2.5 2.5 0 1 1-5 0V18H6a3 3 0 1 1 0-6h1.5v-.5a4.5 4.5 0 0 1 1.17-3 5 5 0 0 1 8.66 3.5v.5H19a1.5 1.5 0 0 1 0 3z'/%3E%3C/svg%3E")}.icon-cloudy{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3C/svg%3E")}.icon-fog{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M3 15h18v2H3v-2zm0 4h18v2H3v-2zm0-8h18v2H3v-2zm0-6h18v2H3V5z'/%3E%3C/svg%3E")}.icon-drizzle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3Cpath fill='%235ac8fa' d='M10 17l-2 4h2l1-2h2l-2-2h-1z'/%3E%3C/svg%3E")}.icon-rain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3Cpath fill='%235ac8fa' d='M12 19v3M8 19v2M16 19v2'/%3E%3C/svg%3E")}.icon-heavy-rain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3Cpath fill='%235ac8fa' d='M7.5 16.67v2.5M12 17v5M16 16.67v3.5M9.5 17v3'/%3E%3C/svg%3E")}.icon-freezing-drizzle,.icon-freezing-rain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3Cpath fill='%239ef0ff' d='M16.92 17.16l-1.41 1.42-2.12-2.12-2.12 2.12-1.41-1.42L12 15.04l2.92 2.12zM8 18.16h8v2H8z'/%3E%3C/svg%3E")}.icon-snow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3Cpath fill='%239ef0ff' d='M7.5 18l-1.5 2.5h3L7.5 18zm9 0l-1.5 2.5h3L16.5 18zm-4.5 0l-1.5 2.5h3L12 18z'/%3E%3C/svg%3E")}.icon-heavy-snow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3Cpath fill='%239ef0ff' d='M12 17v2m-2-2h4m-2-2v8m4-5l-1.5 1.5M8 18l1.5 1.5'/%3E%3C/svg%3E")}.icon-snow-grains{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3Ccircle fill='%239ef0ff' cx='8.5' cy='17' r='1'/%3E%3Ccircle fill='%239ef0ff' cx='12' cy='19.5' r='1'/%3E%3Ccircle fill='%239ef0ff' cx='15.5' cy='17' r='1'/%3E%3Ccircle fill='%239ef0ff' cx='10.5' cy='17' r='1'/%3E%3C/svg%3E")}.icon-rain-showers{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3Cpath fill='%235ac8fa' d='M9.99 17l.63 1.37 1.37.63-1.37.63L10 21l-.62-1.37L8 19l1.36-.63L9.99 17zm5 0l.63 1.37 1.37.63-1.37.63L15 21l-.62-1.37L13 19l1.36-.63L14.99 17z'/%3E%3C/svg%3E")}.icon-heavy-showers{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3Cpath fill='%235ac8fa' d='M7.99 17.5l.63 1.37 1.37.63-1.37.63L8 22l-.62-1.37L6 20l1.36-.63L7.99 17.5zm4 0l.63 1.37 1.37.63-1.37.63L12 22l-.62-1.37L10 20l1.36-.63L11.99 17.5zm4 0l.63 1.37 1.37.63-1.37.63L16 22l-.62-1.37L14 20l1.36-.63L15.99 17.5z'/%3E%3C/svg%3E")}.icon-snow-showers{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3Cpath fill='%239ef0ff' d='M12 16.5v5M9.5 19h5M8.5 17l7 3M15.5 17l-7 3'/%3E%3C/svg%3E")}.icon-thunderstorm{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3Cpath fill='%23ffcc00' d='M12 16l-3 4h4l-1 4 3-4h-4l1-4z'/%3E%3C/svg%3E")}.icon-thunderstorm-hail{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3Cpath fill='%23ffcc00' d='M14.5 14l-2 3h3l-.75 3L17 17h-3l.5-3z'/%3E%3Ccircle fill='%239ef0ff' cx='9' cy='17' r='1.25'/%3E%3Ccircle fill='%239ef0ff' cx='7' cy='19.5' r='1.25'/%3E%3C/svg%3E")}.icon-unknown{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238e8e93' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-4h2v2h-2zm2-1.99V11c0-.55-.45-1-1-1s-1 .45-1 1v3c0 .55.45 1 1 1s1-.45 1-.99z'/%3E%3C/svg%3E")}.mini-daily-forecast{background:#fff;border-radius:16px;padding:8px 12px;box-shadow:0 4px 12px #0000000d;margin-top:12px;height:10vh;display:flex;flex-direction:column;overflow:hidden}.mini-daily-header{display:flex;justify-content:space-between;height:20%;margin-bottom:4px}.mini-daily-header h3{margin:0;font-size:13px;font-weight:600;color:#1c1c1e}.mini-daily-list{display:flex;flex-direction:row;justify-content:space-between;height:80%}.mini-daily-row{display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:1;position:relative;padding:0 4px}.mini-daily-day{font-size:12px;font-weight:600;color:#1c1c1e;margin-bottom:2px}.mini-daily-icon{width:20px;height:20px;margin-bottom:2px}.mini-daily-precip{position:absolute;top:12px;right:0;color:#5ac8fa;font-size:10px;font-weight:500;background:#fffc;border-radius:8px;padding:0 3px}.mini-daily-temp-wrap{display:flex;flex-direction:column;align-items:center;width:100%}.mini-daily-min{color:#8e8e93;font-size:11px;order:2}.mini-daily-max{color:#1c1c1e;font-weight:600;font-size:13px;order:1;margin-bottom:2px}.mini-daily-bar{width:80%;height:3px;background:linear-gradient(to right,#8e8e93,#ff9500);border-radius:1.5px;order:3;margin-top:3px}.back-button{position:fixed;top:calc(15px + env(safe-area-inset-top));left:calc(15px + env(safe-area-inset-left));z-index:1000;border-radius:20px;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:0 4px 16px #00000014;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:45px;height:45px;transition:all .12s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:none;padding:0;outline:none;-webkit-tap-highlight-color:transparent}.back-button.day-mode{background-color:#fffefad9;border:1px solid rgba(255,230,170,.4)}.back-button.night-mode{background-color:#212a3ed9;border:1px solid rgba(136,164,190,.25)}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.back-button:active{transform:scale(.96);transition:transform .03s}.back-icon-container{width:24px;height:24px;position:relative;display:flex;align-items:center;justify-content:center;transition:all .12s cubic-bezier(.34,1.56,.64,1)}.back-button:hover .back-icon-container{transform:translate(-3px)}.back-icon{width:10px;height:10px;border-left:2.5px solid;border-bottom:2.5px solid;transform:rotate(45deg);margin-right:-2px;transition:border-color .08s ease}.back-button.day-mode .back-icon{border-color:#3c3c41e6}.back-button.day-mode:hover .back-icon{border-color:#28282d}.back-button.night-mode .back-icon{border-color:#e6e6ebe6}.back-button.night-mode:hover .back-icon{border-color:#fff}.back-button:focus-visible{box-shadow:0 0 0 2px #007fff80,0 6px 20px #0000001f}@media (max-width: 480px){.back-button{width:48px;height:48px}.back-icon-container{width:24px;height:24px}.back-icon{width:11px;height:11px}}@keyframes backButtonAppear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.back-button{animation:backButtonAppear .15s ease-out forwards}.back-button.clicking{transform:scale(.92)!important;opacity:.9;transition:all .12s cubic-bezier(.25,.46,.45,.94)!important}.back-button.clicking .back-icon-container{transform:translate(1px)!important}.back-button:active{transform:scale(.96);box-shadow:0 2px 8px #0000001a;transition:transform .03s,box-shadow .03s}.progress-container{width:100%;height:4px;background-color:#0000000d;position:relative;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(to right,#ff9800,#ffb74d);transition:width .4s ease}.typeform-view.enter{transform:translate(-20px);opacity:0}.typeform-view.exit{transform:translate(20px);opacity:0}.question-section{font-size:14px;color:#ff9800;text-transform:uppercase;letter-spacing:.7px;font-weight:600;animation:fadeIn .8s ease-out;display:inline-block;position:relative}.question-number{color:#00000080;font-size:14px;font-weight:500}.question-text{font-size:22px;font-weight:600;color:#333;line-height:1.5;margin-top:6px;margin-bottom:20px}.options-list{display:flex;flex-direction:column;gap:12px;margin:5px 0 25px;width:100%;padding-bottom:10px;flex:1}.option-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000f;border-color:#ff98004d}.option-button:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 2px #ff980033}.option-button.selected{background-color:#ff980017;border-color:#ff9800;font-weight:500;transform:translateY(-2px);box-shadow:0 4px 10px #ff980026}.nav-button{background:none;border:none;padding:10px 16px;font-size:15px;color:#666;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.3,0,.3,1)}.nav-button:disabled{opacity:.4;cursor:not-allowed}.nav-button:not(:disabled):hover{background-color:#0000000d;color:#333}.nav-button.primary{background-color:#ff9800;color:#fff;padding:10px 18px;border-radius:8px;box-shadow:0 3px 6px #ff980033;font-weight:600;letter-spacing:.3px}.nav-button.primary:not(:disabled):hover{background-color:#f57c00;transform:translateY(-1px);box-shadow:0 4px 8px #ff980040}.progress-dots{display:flex;gap:8px;align-items:center}.progress-dot.active{background-color:#ff9800;transform:scale(1.3)}.results-container.enter{transform:translateY(20px);opacity:0}.results-container.exit{transform:translateY(-20px);opacity:0}.results-header{font-size:28px;font-weight:700;color:#333;margin-bottom:16px}.skin-type-badge{display:inline-block;margin:24px 0;background:linear-gradient(135deg,#fff8e1,#ffcc80);color:#e65100;font-size:38px;font-weight:700;padding:20px 36px;border-radius:16px;box-shadow:0 6px 20px #ff980033;position:relative;overflow:hidden;animation:badgeAppear .8s cubic-bezier(.2,.7,.4,1) forwards;transform:translateY(20px);opacity:0}.result-score{font-size:16px;color:#666;margin:16px 0 28px;line-height:1.6}.result-info-box{background-color:#fff;border-radius:14px;padding:22px;margin:20px 0;box-shadow:0 5px 15px #0000000f;text-align:left;border:1px solid rgba(0,0,0,.05);transform:translateY(20px);opacity:0;animation:slideUp .6s cubic-bezier(.2,.7,.4,1) forwards;width:100%;box-sizing:border-box;position:relative;overflow:hidden}.result-info-box:nth-child(3){animation-delay:.1s}.result-info-box:nth-child(4){animation-delay:.2s}.result-info-box:nth-child(5){animation-delay:.3s}.result-info-title{font-size:18px;font-weight:600;color:#333;margin-bottom:16px;position:relative}.result-info-title:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background-color:#ffcc80;border-radius:3px}.characteristics-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}.characteristic-item{position:relative;padding-left:24px;line-height:1.5;font-size:15px}.characteristic-item:before{content:"•";color:#ff9800;position:absolute;left:8px;font-size:18px}.recommendation-text{font-size:15px;line-height:1.7;color:#333;opacity:0;animation:fadeIn .8s ease-out .8s forwards}.restart-button{margin-top:30px;background-color:#fff;color:#ff9800;border:1px solid #ff9800;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.3,0,.3,1);position:relative;overflow:hidden;opacity:0;animation:fadeIn .8s ease-out 1s forwards;box-shadow:0 2px 6px #ff98001a}.restart-button:hover{background-color:#ff9800;color:#fff;box-shadow:0 4px 10px #ff980033}.ripple{position:absolute;border-radius:50%;background-color:#ffffffb3;transform:scale(0);animation:ripple .6s linear;pointer-events:none}.confetti{position:absolute;background:linear-gradient(135deg,#ff9800,#ffcc80);border-radius:2px;z-index:5;animation:confettiFall 3s linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(1000px) rotate(720deg);opacity:0}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes optionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes badgeAppear{to{transform:translateY(0);opacity:1}}@keyframes slideUp{to{transform:translateY(0);opacity:1}}@keyframes resultsAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 576px){.typeform-view{padding:24px 20px 90px}.question-text{font-size:20px}.option-button{padding:15px 16px;font-size:15px}.skin-type-badge{font-size:32px;padding:16px 30px}.results-container{padding:24px 20px 90px}.result-info-box{padding:18px}}@media (max-width: 360px){.question-text{font-size:18px}.option-button{padding:14px;font-size:14px}.nav-button{padding:8px 14px;font-size:14px}.result-info-title{font-size:16px}.recommendation-text,.characteristic-item{font-size:14px}}.option-button{width:100%;background-color:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px 18px 16px 48px;text-align:left;font-size:16px;color:#333;transition:all .28s cubic-bezier(.3,0,.3,1);cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;animation:optionFadeIn .5s ease-out backwards;box-shadow:0 2px 5px #00000008}.option-button:before{content:"";position:absolute;left:18px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.15);transition:all .25s cubic-bezier(.3,0,.3,1)}.option-button.selected:before{background-color:#ff9800;border-color:#ff9800;box-shadow:0 0 0 2px #ff980033}.option-button.selected:after{content:"";position:absolute;left:24px;width:8px;height:8px;border-radius:50%;background-color:#fff}.nav-button.primary{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 3px 10px #ff980040;font-weight:600;letter-spacing:.3px;border:none;position:relative;overflow:hidden}.nav-button.primary:not(:disabled):hover{background:linear-gradient(135deg,#ff9800,#ef6c00);transform:translateY(-2px);box-shadow:0 6px 12px #ff98004d}.nav-button.primary:not(:disabled):active{transform:translateY(0);box-shadow:0 3px 6px #ff980040}.progress-dots{display:flex;gap:8px;align-items:center;padding:0 12px;background-color:#00000008;border-radius:12px;height:24px}.progress-dot{width:8px;height:8px;border-radius:50%;background-color:#e0e0e0;transition:all .3s cubic-bezier(.3,0,.3,1)}.progress-dot.active{background-color:#ff9800;transform:scale(1.3);box-shadow:0 0 0 3px #ff980026}.progress-dot.completed{background-color:#ffcc80}.skin-type-badge{display:inline-block;margin:24px 0;background:linear-gradient(135deg,#fff8e1,#ffcc80);color:#e65100;font-size:38px;font-weight:700;padding:24px 44px;border-radius:16px;box-shadow:0 8px 25px #ff980040;position:relative;overflow:hidden;animation:badgeAppear .8s cubic-bezier(.2,.7,.4,1) forwards,badgePulse 2s ease-in-out 1s infinite alternate;transform:translateY(20px);opacity:0}@keyframes badgePulse{0%{box-shadow:0 8px 25px #ff980040}to{box-shadow:0 12px 30px #ff980059}}.confetti{position:absolute;z-index:5;animation:confettiFall 3.5s linear forwards;opacity:.9}.confetti-1{background:linear-gradient(135deg,#ff9800,#ffcc80);border-radius:2px}.confetti-2{background:linear-gradient(135deg,#ffb74d,#ffd54f);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.confetti-3{background:linear-gradient(135deg,#fff8e1,#ffe0b2);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.restart-button{margin-top:36px;background-color:#fff;color:#ff9800;border:1px solid #ff9800;border-radius:8px;padding:14px 28px;font-size:15px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.3,0,.3,1);position:relative;overflow:hidden;opacity:0;animation:fadeIn .8s ease-out 1s forwards;box-shadow:0 2px 6px #ff98001a}.restart-button:hover{background-color:#ff9800;color:#fff;box-shadow:0 4px 12px #ff980040;transform:translateY(-2px)}.restart-button:active{transform:translateY(0)}.results-container:before{content:"";position:absolute;top:0;left:0;right:0;height:180px;background:linear-gradient(180deg,#fff3e066,#fff3e000);z-index:0;opacity:0;animation:fadeIn 1s ease-out .2s forwards}.result-info-box{background-color:#fff;border-radius:14px;padding:22px;margin:20px 0;box-shadow:0 5px 15px #0000000f;text-align:left;border:1px solid rgba(0,0,0,.05);transform:translateY(20px);opacity:0;animation:slideUp .6s cubic-bezier(.2,.7,.4,1) forwards;width:100%;box-sizing:border-box;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.result-info-box:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 20px #00000014}.question-text{font-size:clamp(16px,4vw,22px);font-weight:600;color:#333;line-height:1.4;margin-top:6px;margin-bottom:16px}.options-list{display:flex;flex-direction:column;gap:10px;margin:0;width:100%;padding-bottom:10px;flex:1}.option-button{width:100%;background-color:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:clamp(12px,2vw,16px) 18px clamp(12px,2vw,16px) 48px;text-align:left;font-size:clamp(14px,3.5vw,16px);color:#333;transition:all .28s cubic-bezier(.3,0,.3,1);cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;animation:optionFadeIn .5s ease-out backwards;box-shadow:0 2px 5px #00000008;min-height:50px}@supports (-webkit-touch-callout: none){.quiz-navigation{position:sticky}.typeform-view,.results-container{padding-bottom:120px}}.progress-dots{display:flex;gap:6px;align-items:center;padding:0 10px;background-color:#00000008;border-radius:12px;height:24px;overflow-x:auto;max-width:calc(100% - 160px);justify-content:center;-ms-overflow-style:none;scrollbar-width:none}.progress-dots::-webkit-scrollbar{display:none}@media (max-width: 360px){.nav-button{padding:8px 12px;font-size:14px}.nav-button.primary{padding:8px 14px}.progress-dots{max-width:calc(100% - 140px);padding:0 5px}}.skin-type-container{position:relative;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;width:100%;margin:0 auto;min-height:500px;max-height:calc(100vh - 40px);height:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.06)}.typeform-view{display:flex;flex-direction:column;padding:24px 24px 100px;transition:all .4s cubic-bezier(.3,0,.3,1);position:relative;z-index:1;width:100%;box-sizing:border-box;height:auto;min-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch}.results-container{padding:24px 24px 100px;text-align:center;width:100%;box-sizing:border-box;overflow-y:auto;animation:resultsAppear .6s cubic-bezier(.3,0,.3,1);height:auto;min-height:300px;transition:all .4s cubic-bezier(.3,0,.3,1);max-height:none}.quiz-navigation{display:flex;position:fixed;bottom:0;left:0;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid rgba(0,0,0,.06);background-color:#fffffffa;width:100%;box-sizing:border-box;z-index:100;min-height:60px;max-height:80px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -4px 10px #00000008}.results-container-noscroll{display:flex;flex-direction:column;height:100%;padding:16px 20px 80px;box-sizing:border-box;justify-content:space-between;overflow:hidden;animation:fadeIn .5s ease-out;position:relative;background:linear-gradient(180deg,#fff8e74d,#fff)}.results-container-noscroll:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ff9800' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;z-index:0}.results-content{position:relative;z-index:1}.results-top{display:flex;align-items:center;padding:14px 0;position:relative}.results-top:after{content:"";position:absolute;top:-10px;left:-20px;right:-20px;height:180px;background:linear-gradient(135deg,#fff6,#fff0,#fff0);transform:rotate(5deg);z-index:-1}.skin-badge{position:relative;width:72px;height:72px;background:linear-gradient(135deg,#ffe0b2,#ffb74d);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 16px #ff980047;margin-right:18px;flex-shrink:0;animation:badgeEnter .6s cubic-bezier(.17,.67,.22,1.4)}@keyframes badgeEnter{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.badge-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px dashed rgba(255,255,255,.7);animation:rotate 12s linear infinite}.badge-ring:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;border:1px solid rgba(255,152,0,.2);animation:pulse 2s ease-in-out infinite alternate}.badge-number{font-size:38px;font-weight:700;color:#e65100;text-shadow:0 2px 3px rgba(0,0,0,.1);animation:numberPop .8s cubic-bezier(.17,.67,.22,1.4) .3s backwards}@keyframes numberPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.skin-summary{flex:1;animation:slideRight .6s cubic-bezier(.22,.61,.36,1) .2s backwards}@keyframes slideRight{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.skin-title{font-size:20px;font-weight:600;margin:0 0 10px;color:#333;position:relative;display:inline-block}.skin-title:after{content:"";position:absolute;bottom:-4px;left:0;width:40%;height:3px;background:linear-gradient(to right,#ff9800,#ff98004d);border-radius:3px}.skin-tags{display:flex;flex-wrap:wrap;gap:8px}.skin-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:5px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;transition:transform .2s ease;position:relative;overflow:hidden}.skin-tag:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#ffffff1a,#fff6,#ffffff1a);transform:translate(-100%);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skin-tag:hover{transform:translateY(-2px)}.skin-tag.sensitive{background-color:#ffecb3;color:#e65100}.skin-tag.burn{background-color:#ffccbc;color:#d84315}.skin-tag.moderate{background-color:#e8f5e9;color:#2e7d32}.skin-tag.average{background-color:#dcedc8;color:#558b2f}.skin-tag.resistant{background-color:#bbdefb;color:#1565c0}.skin-tag.tan{background-color:#d7ccc8;color:#4e342e}.skin-features{margin:24px 0 18px;animation:fadeUp .6s ease-out .4s backwards}@keyframes fadeUp{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.feature-gauge{margin-bottom:16px;position:relative}.gauge-title{font-size:14px;font-weight:500;color:#444;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.gauge-title span{display:inline-block;font-size:13px;font-weight:600;color:#ff9800;background:#ff98001a;padding:2px 8px;border-radius:4px}.gauge-meter{position:relative;height:12px;margin-bottom:10px}.gauge-track{position:absolute;top:0;left:0;right:0;height:100%;background-color:#f0f0f0;border-radius:6px;overflow:hidden}.gauge-fill{position:absolute;top:0;left:0;height:100%;border-radius:6px;transition:width 1.5s cubic-bezier(.33,1,.68,1);background-size:15px 15px;background-image:linear-gradient(135deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);animation:stripesAnimation 20s linear infinite}@keyframes stripesAnimation{0%{background-position:0 0}to{background-position:50px 50px}}.burn-gauge .gauge-fill{background-color:#f57c00}.tan-gauge .gauge-fill{background-color:#8d6e63}.gauge-labels{display:flex;justify-content:space-between;font-size:11px;color:#888;margin-top:2px}.protection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;animation:fadeUp .6s ease-out .6s backwards}.protection-card{background-color:#fff;border-radius:14px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 12px #00000014;transform:translateY(30px);opacity:0;animation:cardPop .5s forwards cubic-bezier(.2,.85,.4,1.2);position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.protection-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:#ff9800}@keyframes cardPop{0%{transform:translateY(30px) scale(.9);opacity:0}70%{transform:translateY(-4px) scale(1.02)}to{transform:translateY(0) scale(1);opacity:1}}.protection-card:nth-child(1){animation-delay:.2s}.protection-card:nth-child(2){animation-delay:.35s}.protection-card:nth-child(3){animation-delay:.5s}.protection-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f;transition:all .3s cubic-bezier(.25,.8,.25,1)}.protection-icon{width:40px;height:40px;margin-bottom:12px;position:relative;display:flex;justify-content:center;align-items:center}.icon-highlight{position:absolute;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#ff98001f,#ff980000 70%);animation:pulseHighlight 2s infinite alternate}@keyframes pulseHighlight{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.1);opacity:1}}.protection-value{font-size:14px;font-weight:600;color:#333;text-align:center;line-height:1.3}.protection-label{font-size:11px;color:#888;margin-top:4px}.result-actions{display:flex;justify-content:center;margin-top:15px;animation:fadeUp .6s ease-out .8s backwards}.retake-button{background-color:#fff;border:1px solid #ff9800;color:#ff9800;padding:11px 22px;border-radius:30px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .25s cubic-bezier(.25,.8,.25,1);box-shadow:0 3px 8px #ff980026;position:relative;overflow:hidden}.retake-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:translate(-100%);transition:transform .6s}.retake-button:hover{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 6px 12px #ff98004d;transform:translateY(-3px);border-color:transparent}.retake-button:hover:after{transform:translate(100%)}.retake-button:active{transform:translateY(-1px);box-shadow:0 3px 6px #ff980033}.button-icon{font-size:18px;animation:rotateButton 6s linear infinite;display:inline-block}@keyframes rotateButton{0%{transform:rotate(0)}20%{transform:rotate(0)}30%{transform:rotate(180deg)}40%{transform:rotate(180deg)}50%{transform:rotate(360deg)}60%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.spf-icon{position:relative}.spf-icon:before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:#ff9800;top:0;left:8px;z-index:1;animation:sunPulse 2.5s infinite alternate}.spf-icon:after{content:"";position:absolute;width:20px;height:25px;background:#fff;border:2px solid #ff9800;border-radius:6px;bottom:0;left:8px;z-index:2}.time-icon{position:relative}.time-icon:before{content:"";position:absolute;width:30px;height:30px;border:2px solid #ff9800;border-radius:50%;top:5px;left:5px}.time-icon:after{content:"";position:absolute;height:12px;width:2px;background:#ff9800;top:11px;left:19px;transform-origin:bottom center;transform:rotate(-90deg);animation:clockTick 4s infinite linear}.time-icon .clock-minute{position:absolute;height:8px;width:2px;background:#ff9800;top:15px;left:19px;transform-origin:bottom center;animation:clockMinute 24s infinite linear}.sun-icon{position:relative}.sun-icon:before{content:"";position:absolute;width:20px;height:20px;background:#ff9800;border-radius:50%;top:10px;left:10px;animation:sunPulse 3s infinite alternate}.sun-icon .sun-ray{position:absolute;width:2px;height:6px;background:#ff9800;top:17px;left:19px;transform-origin:center 15px;box-shadow:0 0 3px #ff980066}.sun-icon .sun-ray:nth-child(1){transform:rotate(0) translateY(-15px)}.sun-icon .sun-ray:nth-child(2){transform:rotate(45deg) translateY(-15px)}.sun-icon .sun-ray:nth-child(3){transform:rotate(90deg) translateY(-15px)}.sun-icon .sun-ray:nth-child(4){transform:rotate(135deg) translateY(-15px)}.sun-icon .sun-ray:nth-child(5){transform:rotate(180deg) translateY(-15px)}.sun-icon .sun-ray:nth-child(6){transform:rotate(225deg) translateY(-15px)}.sun-icon .sun-ray:nth-child(7){transform:rotate(270deg) translateY(-15px)}.sun-icon .sun-ray:nth-child(8){transform:rotate(315deg) translateY(-15px)}@keyframes sunPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.15);opacity:.8}}@keyframes clockTick{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes clockMinute{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.more-info-button{background-color:#fff;border:1px solid #2196F3;color:#2196f3;padding:11px 22px;border-radius:30px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .25s cubic-bezier(.25,.8,.25,1);box-shadow:0 3px 8px #2196f326;position:relative;overflow:hidden;margin-left:12px;text-decoration:none}.more-info-button:hover{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 6px 12px #2196f34d;transform:translateY(-3px);border-color:transparent}.uv-index-container{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#333;background:#fff;border-radius:24px;padding:20px;box-shadow:0 10px 30px #00000014;overflow:hidden;position:relative;max-width:100%;transition:all .3s ease}.uv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.uv-header h3{margin:0;font-size:18px;font-weight:700;color:#2d3748}.uv-index-value{font-size:20px;font-weight:700;color:#fff;background-color:#4cd964;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:background-color .3s ease}.uv-skin-effect{background-color:#4cd9641a;border-radius:16px;padding:16px;margin-bottom:16px;display:flex;align-items:stretch;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.uv-skin-effect:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.uv-skin-effect:after{content:"Tap for protection tips";position:absolute;bottom:6px;right:10px;font-size:10px;opacity:.7;color:#555}.uv-effect-icon{font-size:24px;margin-right:14px;display:flex;align-items:center}.uv-effect-content{flex:1}.uv-category-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.uv-category-badge{font-size:14px;font-weight:700;color:#fff;background-color:#4cd964;padding:4px 10px;border-radius:8px;box-shadow:0 2px 5px #0000001a;transition:background-color .3s ease}.uv-time-to-effect{display:flex;flex-direction:column;align-items:flex-end}.uv-time-label{font-size:11px;color:#666;margin-bottom:2px}.uv-time-value{font-size:16px;font-weight:700}.uv-skin-simulator{width:100%;border-radius:10px;overflow:hidden}.uv-skin-base{background-color:#ffddcf;height:60px;position:relative;border-radius:10px;margin-bottom:6px;overflow:hidden}.uv-skin-effect-visual{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,#ff00004d 25%,#ff64004d 25%,#ff64004d 50%,#ff00004d 50%,#ff00004d 75%,#ff64004d 75%);background-size:10px 10px;opacity:0;transition:opacity .3s ease}.uv-skin-effect-visual.stage-0{opacity:.2;transform:translate(-5%)}.uv-skin-effect-visual.stage-1{opacity:.4;transform:translate(0)}.uv-skin-effect-visual.stage-2{opacity:.6;transform:translate(5%)}.uv-skin-effect-visual.stage-3{opacity:.8;transform:translate(0)}.uv-exposure-meter{height:6px;background-color:#0000001a;border-radius:3px;overflow:hidden}.uv-exposure-progress{height:100%;background-color:#4cd964;transition:width .5s ease,background-color .3s ease}.uv-protection-tips-container{position:relative;height:0;overflow:visible;z-index:10}.uv-protection-tips{position:absolute;top:10px;left:0;right:0;background-color:#fff;border-radius:16px;padding:16px;border:2px solid;box-shadow:0 5px 15px #0000001a;z-index:10;opacity:1;transform:translateY(0) scale(1);transition:opacity .25s cubic-bezier(.2,.8,.2,1),transform .25s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform;backface-visibility:hidden}@keyframes fadeInTips{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.uv-protection-tips h4{margin-top:0;margin-bottom:12px;font-size:16px;color:#333}.uv-protection-icons{display:flex;gap:15px;margin-bottom:12px}.uv-protection-icon{font-size:24px;animation:fadeInIcon .5s forwards}@keyframes fadeInIcon{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.uv-protection-icon:nth-child(1){animation-delay:.1s}.uv-protection-icon:nth-child(2){animation-delay:.2s}.uv-protection-icon:nth-child(3){animation-delay:.3s}.uv-protection-icon:nth-child(4){animation-delay:.4s}.uv-protection-icon:nth-child(5){animation-delay:.5s}.uv-protection-tips p{margin:0;color:#555;font-size:14px}.uv-protection-close{position:absolute;top:10px;right:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#666;border-radius:50%}.uv-protection-close:hover{background-color:#0000000d}.uv-day-timeline-wrapper{margin-top:24px}.uv-day-timeline-wrapper h4{margin-top:0;margin-bottom:12px;font-size:16px;color:#333}.uv-day-timeline{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.uv-day-timeline::-webkit-scrollbar{height:4px}.uv-day-timeline::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.uv-day-timeline::-webkit-scrollbar-thumb{background-color:#0003;border-radius:2px}.uv-timeline-hour{display:flex;flex-direction:column;align-items:center;min-width:45px}.uv-timeline-time{font-size:12px;color:#666;margin-bottom:6px}.uv-timeline-bar-container{height:100px;width:100%;display:flex;align-items:flex-end;justify-content:center}.uv-timeline-bar{width:80%;min-height:5%;background-color:#4cd964;border-radius:6px 6px 0 0;position:relative;transition:height .5s cubic-bezier(.34,1.56,.64,1),background-color .3s ease}.uv-timeline-value{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:#333}.uv-max-today{margin-top:16px;display:flex;justify-content:flex-end}.uv-max-badge span{font-size:13px;color:#555}.uv-max-value{font-size:14px;font-weight:700;color:#fff;background-color:#4cd964;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center}.uv-index-loading{padding:30px;text-align:center;background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;position:relative;overflow:hidden}.uv-index-loading:before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background:#f8f9fa;animation:pulse 1.5s infinite alternate ease-in-out}.uv-index-loading:after{content:"";position:absolute;width:30px;height:30px;border:3px solid #f8f9fa;border-top-color:#4cd964;border-radius:50%;animation:spin 1s linear infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.3}to{transform:scale(1.2);opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 340px){.uv-skin-effect{flex-direction:column}.uv-effect-icon{margin-right:0;margin-bottom:10px}.uv-category-row{flex-direction:column;align-items:flex-start}.uv-time-to-effect{align-items:flex-start;margin-top:8px}.uv-timeline-hour{min-width:40px}}.custom-uv-icon{width:32px;height:32px;position:relative;display:flex;align-items:center;justify-content:center}.sun-center{width:16px;height:16px;background:#fc0;border-radius:50%;position:relative;z-index:2;box-shadow:0 0 10px #fc06}.sun-rays{position:absolute;width:32px;height:32px;border-radius:50%;background:conic-gradient(transparent 0deg,transparent 20deg,rgba(255,204,0,.7) 20deg,rgba(255,204,0,.7) 25deg,transparent 25deg,transparent 40deg,rgba(255,204,0,.7) 40deg,rgba(255,204,0,.7) 45deg,transparent 45deg,transparent 60deg,rgba(255,204,0,.7) 60deg,rgba(255,204,0,.7) 65deg,transparent 65deg,transparent 80deg,rgba(255,204,0,.7) 80deg,rgba(255,204,0,.7) 85deg,transparent 85deg,transparent 100deg,rgba(255,204,0,.7) 100deg,rgba(255,204,0,.7) 105deg,transparent 105deg,transparent 120deg,rgba(255,204,0,.7) 120deg,rgba(255,204,0,.7) 125deg,transparent 125deg,transparent 140deg,rgba(255,204,0,.7) 140deg,rgba(255,204,0,.7) 145deg,transparent 145deg,transparent 160deg,rgba(255,204,0,.7) 160deg,rgba(255,204,0,.7) 165deg,transparent 165deg,transparent 180deg,rgba(255,204,0,.7) 180deg,rgba(255,204,0,.7) 185deg,transparent 185deg,transparent 200deg,rgba(255,204,0,.7) 200deg,rgba(255,204,0,.7) 205deg,transparent 205deg,transparent 220deg,rgba(255,204,0,.7) 220deg,rgba(255,204,0,.7) 225deg,transparent 225deg,transparent 240deg,rgba(255,204,0,.7) 240deg,rgba(255,204,0,.7) 245deg,transparent 245deg,transparent 260deg,rgba(255,204,0,.7) 260deg,rgba(255,204,0,.7) 265deg,transparent 265deg,transparent 280deg,rgba(255,204,0,.7) 280deg,rgba(255,204,0,.7) 285deg,transparent 285deg,transparent 300deg,rgba(255,204,0,.7) 300deg,rgba(255,204,0,.7) 305deg,transparent 305deg,transparent 320deg,rgba(255,204,0,.7) 320deg,rgba(255,204,0,.7) 325deg,transparent 325deg,transparent 340deg,rgba(255,204,0,.7) 340deg,rgba(255,204,0,.7) 345deg,transparent 345deg);animation:spinRays 10s linear infinite}.uv-level-0 .sun-center,.uv-level-1 .sun-center,.uv-level-2 .sun-center{background:#4cd964}.uv-level-3 .sun-center,.uv-level-4 .sun-center,.uv-level-5 .sun-center{background:#fc0}.uv-level-6 .sun-center,.uv-level-7 .sun-center{background:#ff9500}.uv-level-8 .sun-center,.uv-level-9 .sun-center,.uv-level-10 .sun-center{background:#ff3b30}.uv-level-11 .sun-center{background:#af52de}.uv-level-0 .sun-rays,.uv-level-1 .sun-rays,.uv-level-2 .sun-rays{background:conic-gradient(transparent 0deg,transparent 20deg,rgba(76,217,100,.7) 20deg,rgba(76,217,100,.7) 25deg,transparent 25deg,transparent 340deg,rgba(76,217,100,.7) 340deg,rgba(76,217,100,.7) 345deg,transparent 345deg);animation:spinRays 14s linear infinite}@keyframes spinRays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-icon{width:36px;height:36px;position:relative;margin:0 auto 8px}.sunscreen-icon{position:relative}.sunscreen-icon:before{content:"";position:absolute;width:16px;height:22px;background:#ff9500;border-radius:8px 8px 4px 4px;top:8px;left:10px}.sunscreen-icon:after{content:"";position:absolute;width:20px;height:6px;background:#fc0;border-radius:3px;top:5px;left:8px;animation:sunscreenCap 3s ease-in-out infinite}@keyframes sunscreenCap{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.hat-icon{position:relative}.hat-icon:before{content:"";position:absolute;width:24px;height:8px;background:#8e8e93;border-radius:50%;bottom:8px;left:6px}.hat-icon:after{content:"";position:absolute;width:16px;height:12px;background:#8e8e93;border-radius:8px 8px 0 0;bottom:15px;left:10px;animation:hatBounce 3s ease-in-out infinite}@keyframes hatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px) scale(1.05)}}.sunglasses-icon{position:relative}.sunglasses-icon:before{content:"";position:absolute;width:12px;height:12px;background:#1c1c1e;border-radius:50%;top:12px;left:4px}.sunglasses-icon:after{content:"";position:absolute;width:12px;height:12px;background:#1c1c1e;border-radius:50%;top:12px;right:4px}.sunglasses-icon:before,.sunglasses-icon:after{animation:glassesGlow 3s ease-in-out infinite alternate}@keyframes glassesGlow{0%{box-shadow:0 0 #0000}to{box-shadow:0 0 4px #0000004d}}.clothing-icon:before{content:"";position:absolute;width:20px;height:18px;background:#5ac8fa;border-radius:4px 4px 10px 10px;top:10px;left:8px}.clothing-icon:after{content:"";position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;top:15px;left:14px;animation:buttonShine 3s ease-in-out infinite}@keyframes buttonShine{0%,to{opacity:.7}50%{opacity:1;transform:scale(1.1)}}.shelter-icon{position:relative}.shelter-icon:before{content:"";position:absolute;width:28px;height:16px;background:#8e8e93;clip-path:polygon(0% 100%,50% 0%,100% 100%);top:6px;left:4px}.shelter-icon:after{content:"";position:absolute;width:16px;height:10px;background:#fff;bottom:5px;left:10px;animation:doorSwing 4s ease-in-out infinite alternate}@keyframes doorSwing{0%{transform:scaleX(1)}50%{transform:scaleX(.8)}to{transform:scaleX(1)}}.uv-protection-icon{display:flex;flex-direction:column;align-items:center;width:60px;animation:fadeInIcon .5s forwards}.uv-protection-icon span{font-size:12px;color:#555;text-align:center}.uv-protection-tips{background-color:#fff;border-radius:16px;padding:16px;margin:-8px 0 16px;border:2px solid #4cd964;box-shadow:0 5px 20px #00000026;position:relative;z-index:10;animation:fadeInTips .35s ease-out forwards;transform-origin:top center;overflow:hidden}.uv-protection-tips.closing{opacity:0;animation:fadeOutTips .35s ease-in forwards;pointer-events:none}@keyframes fadeInTips{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutTips{0%{opacity:1;transform:translateY(0) scale(1);max-height:300px}to{opacity:0;transform:translateY(-8px) scale(.98);max-height:0}}.uv-protection-close{position:absolute;top:12px;right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#666;border-radius:50%;transition:all .2s ease;background-color:#0000000d}.uv-protection-close:hover{background-color:#0000001a;transform:scale(1.1)}.uv-protection-icons{display:flex;flex-wrap:wrap;justify-content:space-around;gap:15px;margin-bottom:16px}.uv-protection-icon{display:flex;flex-direction:column;align-items:center;width:60px;animation:fadeInIcon .4s forwards}.uv-protection-tips.closing .uv-protection-icon{animation:fadeOutIcon .25s forwards}.uv-protection-icon:nth-child(1){animation-delay:50ms}.uv-protection-icon:nth-child(2){animation-delay:.1s}.uv-protection-icon:nth-child(3){animation-delay:.15s}.uv-protection-icon:nth-child(4){animation-delay:.2s}.uv-protection-icon:nth-child(5){animation-delay:.25s}.uv-protection-tips.closing .uv-protection-icon:nth-child(1){animation-delay:0ms}.uv-protection-tips.closing .uv-protection-icon:nth-child(2){animation-delay:30ms}.uv-protection-tips.closing .uv-protection-icon:nth-child(3){animation-delay:60ms}.uv-protection-tips.closing .uv-protection-icon:nth-child(4){animation-delay:90ms}.uv-protection-tips.closing .uv-protection-icon:nth-child(5){animation-delay:.12s}.uv-index-container{position:relative;z-index:1}.uv-header,.uv-skin-effect{position:relative;z-index:2}.uv-protection-tips-container{z-index:10}.uv-day-timeline-wrapper{position:relative;z-index:2}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes fadeOutBackdrop{0%{opacity:1}to{opacity:0}}.uv-tabs{display:flex;margin:0 -3px 16px;border-radius:8px;background-color:#f8f9fa;padding:3px}.uv-tab-content p{margin:8px 0;font-size:13px;color:#4a5568}.uv-protection-disclaimer{padding:12px;margin:16px 0;background-color:#f8f9fa;border-radius:6px;font-size:11px;color:#718096;line-height:1.4}.uv-protection-disclaimer p{margin:0 0 6px;font-size:11px!important;color:#718096!important}.uv-protection-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000026;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1499!important;animation:simpleBackdropIn .15s ease-out forwards}.uv-protection-backdrop.closing{animation:simpleBackdropOut .15s ease-out forwards}@keyframes simpleBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes simpleBackdropOut{0%{opacity:1}to{opacity:0}}.uv-protection-contextual-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1500!important;background-color:#fff;border-radius:16px;padding:0;box-shadow:0 10px 30px #0003;max-width:380px;width:92%;max-height:85vh;overflow:hidden;animation:simplePopIn .2s ease-out forwards;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.uv-protection-contextual-popup.closing{animation:simplePopOut .15s ease-out forwards}@keyframes simplePopIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes simplePopOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.uv-protection-contextual-popup h4{margin:0 0 16px;font-size:18px;font-weight:700;color:#2d3748;text-align:center}.uv-protection-contextual-popup h5{margin:0 0 12px;font-size:15px;font-weight:600;color:#2d3748}.uv-index-scale{position:relative;height:55px;margin:0 0 20px;border-radius:18px;background:#f8f9fa;padding-top:16px;overflow:visible;box-shadow:0 4px 12px #0000000d}.scale-bar{display:flex;width:100%;height:38px;border-radius:0 0 18px 18px;overflow:hidden;position:relative}.scale-segment{flex:1;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;position:relative;z-index:1;transition:all .3s ease}.scale-segment.low{background-color:#4cd964}.scale-segment.moderate{background-color:#fc0}.scale-segment.high{background-color:#ff9500}.scale-segment.very-high{background-color:#ff3b30}.scale-segment.extreme{background-color:#af52de}.scale-segment.active{box-shadow:inset 0 -4px 8px #fff3}.scale-indicator{position:absolute;top:-8px;width:32px;height:32px;border-radius:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;box-shadow:0 3px 8px #00000026;z-index:3;border:2px solid white;transition:left .3s cubic-bezier(.4,0,.2,1)}@keyframes gentlePulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.scale-indicator{animation:gentlePulse 3s infinite ease-in-out}.scale-segment:not(:last-child):after{content:"";position:absolute;top:10px;bottom:10px;right:0;width:1px;background-color:#fff6}.scale-bar:before{content:"";position:absolute;top:0;left:20%;width:1px;height:4px;background-color:#0000001a;box-shadow:20% 0 0 #0000001a,40% 0 0 #0000001a,60% 0 0 #0000001a,80% 0 0 #0000001a;z-index:2}.uv-protection-category-badge{margin:0 auto;padding:4px 16px;color:#fff;font-size:14px;font-weight:600;border-radius:20px;text-align:center;display:table}.uv-protection-message{background-color:#f8f9fa;border-radius:8px;padding:12px 16px}.uv-protection-message p{margin:6px 0;font-size:14px;color:#4a5568;line-height:1.4}.uv-protection-message p strong{color:#2d3748}.uv-tabs{display:flex;margin:0 0 16px;border-radius:8px;background-color:#f8f9fa;padding:3px}.uv-tab{flex:1;text-align:center;padding:8px;font-size:13px;background:none;border:none;border-radius:6px;color:#4a5568;cursor:pointer;transition:all .2s;font-weight:500}.uv-tab-content{animation:fadeContent .25s ease-out}@keyframes fadeContent{0%{opacity:0}to{opacity:1}}.uv-protection-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:12px 0 8px}.uv-protection-icon{width:64px;text-align:center;animation:fadeInIcon .3s forwards;opacity:0}.uv-protection-contextual-popup.closing .uv-protection-icon{animation:fadeOutIcon .15s forwards}@keyframes fadeInIcon{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutIcon{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(5px)}}.uv-protection-icon:nth-child(1){animation-delay:60ms}.uv-protection-icon:nth-child(2){animation-delay:90ms}.uv-protection-icon:nth-child(3){animation-delay:.12s}.uv-protection-icon:nth-child(4){animation-delay:.15s}.uv-protection-icon:nth-child(5){animation-delay:.18s}.uv-tab-content ul{margin:8px 0;padding-left:20px}.uv-tab-content li{margin-bottom:8px;font-size:13px;color:#4a5568;line-height:1.4}.uv-tab-content p{margin:8px 0;font-size:13px;color:#4a5568;line-height:1.4}.uv-protection-disclaimer{padding:12px 14px;margin:16px 0;background-color:#f8f9fa;border-radius:6px;border-left:3px solid #e2e8f0}.uv-protection-disclaimer p{margin:0 0 6px;font-size:11px!important;color:#718096!important;line-height:1.4}.uv-protection-disclaimer p:last-child{margin-bottom:0}.uv-more-info{text-align:center;font-size:12px!important;color:#4a5568!important}.uv-more-info a{color:#4299e1;text-decoration:none;font-weight:500;display:inline-flex;align-items:center}.uv-more-info a:hover{text-decoration:underline}.external-link-icon{font-size:11px;margin-left:3px}.uv-protection-close-button{display:block;width:100%;padding:10px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.uv-protection-close-button:hover{opacity:.9}.uv-protection-corner-close{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background-color:#0000000d;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#4a5568;transition:background-color .2s}.uv-protection-corner-close:hover{background-color:#0000001a}.shade-icon{position:relative}.shade-icon:before{content:"";position:absolute;width:28px;height:14px;background:#5ac8fa;border-radius:14px 14px 0 0;top:6px;left:4px;z-index:1}.shade-icon:after{content:"";position:absolute;width:5px;height:16px;background:#8e8e93;bottom:6px;left:15px;border-radius:2px;z-index:0}.shade-icon:before{box-shadow:0 0 0 3px #ffcc0026}@keyframes umbrellaSway{0%{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}to{transform:rotate(0)}}.shade-icon:before{animation:umbrellaSway 4s infinite ease-in-out;transform-origin:bottom center}.clothing-icon{position:relative;overflow:visible}.clothing-icon:before{content:"";position:absolute;width:18px;height:20px;background:#8e8e93;border-radius:5px 5px 0 0;top:8px;left:9px;z-index:1}.clothing-icon:after{content:"";position:absolute;width:30px;height:6px;background:#8e8e93;top:12px;left:3px;border-radius:3px;z-index:0}.clothing-icon .uv-label{position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:10px;left:11px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#007aff;z-index:2;animation:uvLabelPulse 3s infinite ease-in-out}@keyframes uvLabelPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}body.uv-tips-visible .celestial-widget,body.uv-tips-visible .back-button{opacity:0!important;pointer-events:none!important;visibility:hidden!important;transition:opacity .2s ease,visibility .2s ease!important}.uv-protection-contextual-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1500;background-color:#fff;border-radius:24px;padding:0;box-shadow:0 16px 40px #00000026,0 4px 12px #00000014;max-width:380px;width:92%;max-height:85vh;overflow:hidden;animation:elegantPopIn .28s cubic-bezier(.22,1,.36,1) forwards;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;border:1px solid rgba(0,0,0,.03)}.uv-protection-contextual-popup.closing{animation:elegantPopOut .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes elegantPopIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96);box-shadow:0 8px 20px #00000014}to{opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 16px 40px #00000026,0 4px 12px #00000014}}@keyframes elegantPopOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-52%) scale(.96)}}.uv-protection-popup-content{padding:24px;position:relative;background:linear-gradient(to bottom,#ffffffb3,#fff 300px);overflow:visible;display:flex;flex-direction:column;min-height:90vh;max-height:90vh;box-sizing:border-box}.uv-protection-contextual-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1500;background-color:#fff;border-radius:24px;padding:0;box-shadow:0 16px 40px #00000026,0 4px 12px #00000014;max-width:380px;width:92%;max-height:80vh;border:1px solid rgba(0,0,0,.03);display:flex;flex-direction:column}.uv-protection-contextual-popup h4{margin:0 0 12px;font-size:17px;font-weight:700;color:#2d3748;text-align:center}.uv-protection-contextual-popup h5{margin:0 0 8px;font-size:14px;font-weight:600;color:#2d3748}.uv-index-scale{position:relative;height:45px;margin:0 0 16px;border-radius:16px;background:#f8f9fa;padding-top:12px;overflow:visible;box-shadow:0 3px 8px #0000000d}.scale-bar{display:flex;width:100%;height:33px;border-radius:0 0 16px 16px;overflow:hidden}.scale-segment{flex:1;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.uv-tabs{display:flex;flex-direction:column;gap:8px;margin:12px 0}.uv-tab{text-align:left;padding:8px 12px;font-size:13px;background:#f8f9fa;border:none;border-radius:8px;color:#4a5568;cursor:pointer;transition:all .2s;font-weight:500;display:flex;justify-content:space-between;align-items:center}.uv-tab.active{background-color:#fff;color:#2d3748;font-weight:600;box-shadow:0 2px 4px #0000000d}.uv-tab:after{content:"+";font-size:16px;font-weight:400}.uv-tab.active:after{content:"−"}.uv-tab-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0 2px}.uv-tab-content.active{max-height:200px;padding:8px 2px}.uv-tab-content ul{margin:4px 0;padding-left:18px}.uv-tab-content li{margin-bottom:4px;font-size:12px;line-height:1.3}.uv-tab-content p{margin:4px 0;font-size:12px;line-height:1.3}.uv-protection-close-button{margin-top:auto;padding:10px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.uv-protection-disclaimer{padding:8px 10px;margin:12px 0;background-color:#f8f9fa;border-radius:6px;border-left:3px solid #e2e8f0}.uv-protection-disclaimer p{margin:0 0 4px;font-size:10px!important;color:#718096!important;line-height:1.3}.uv-day-timeline-wrapper{margin-top:24px;margin-bottom:16px;padding-bottom:10px;overflow:visible}.uv-max-today{margin-top:16px;margin-bottom:8px;position:relative;z-index:3;display:flex;justify-content:flex-end;padding-right:5px}.uv-max-badge span{font-size:13px;font-weight:500;color:#4a5568}.uv-max-value{font-size:14px;font-weight:700;color:#fff;width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026}.uv-day-timeline-wrapper{margin-top:24px;position:relative;z-index:2;padding-bottom:30px}.uv-day-timeline{padding-bottom:16px;margin-bottom:10px}.uv-max-today{margin:12px 0;position:relative;z-index:3;display:flex;justify-content:end;padding:0 5px}.uv-max-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;white-space:nowrap;transition:all .2s ease}.uv-max-badge:hover{transform:translateY(-2px)}.uv-max-badge span{font-size:14px;font-weight:600}.uv-max-value{font-size:16px;font-weight:700;color:#fff;width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center}.uv-day-timeline-wrapper{position:relative;z-index:2;margin-top:0;padding-bottom:24px;overflow:visible}.uv-day-timeline{padding-bottom:10px;margin-bottom:5px}.kpi-grid-container{width:100%;display:flex;flex-direction:column;gap:16px;padding:16px;background:#fffcf5e6;border-radius:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.kpi-grid-wrapper{background:#fffcf5e6}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.kpi-header h2{font-size:20px;font-weight:600;color:#333;margin:0}.view-toggle{background:transparent;color:#06c;border:none;font-size:14px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:12px;transition:background-color .2s}.view-toggle:hover{background-color:#0066cc1a}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;width:100%}.kpi-grid.selected{display:none}.kpi-card{display:flex;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px;transition:all .2s ease;cursor:pointer;overflow:hidden;text-align:left;width:100%;box-shadow:0 2px 8px #0000000a;height:90px}.kpi-card:hover{box-shadow:0 4px 12px #00000014;border-color:#0000001f}.kpi-card.selected{background-color:#f0f7ff;border-color:#6af}.kpi-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;position:relative;overflow:hidden}.icon-temp{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid rgba(244,67,54,.3);position:relative;overflow:hidden}.icon-temp:before{content:"";position:absolute;width:20px;height:20px;background:conic-gradient(#f44336,#ff7043,#ffca28,#ff7043,#f44336 360deg);border-radius:50%;top:8px;left:8px;animation:tempRotate 4s linear infinite}.icon-temp:after{content:"";position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;top:13px;left:13px;box-shadow:0 0 5px #f4433680;animation:tempPulse 6s ease-in-out infinite alternate}@keyframes tempRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tempPulse{0%{transform:scale(.8);background:#ffecb3}to{transform:scale(1);background:#f44336}}.icon-uv{background-color:#ffccbc}.icon-uv:before{content:"";width:16px;height:16px;background:#ff7043;border-radius:50%;position:absolute}.icon-uv:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;border:2px solid #ff7043;opacity:.6;animation:uvPulse 2s infinite}@keyframes uvPulse{0%,to{transform:scale(.9);opacity:.3}50%{transform:scale(1.1);opacity:.6}}.icon-sun{background-color:#fff9c4}.icon-sun:before{content:"";width:16px;height:16px;background:#ffc107;border-radius:50%;position:absolute;box-shadow:0 0 10px #ffc10780;animation:sunGlow 4s infinite alternate}.icon-sun:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,transparent 8px,rgba(255,193,7,0) 10px,rgba(255,193,7,.15) 14px,rgba(255,193,7,0) 16px);animation:sunRays 8s linear infinite}@keyframes sunGlow{0%{box-shadow:0 0 8px #ffc10780}to{box-shadow:0 0 15px #ffc107b3}}@keyframes sunRays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 1024px){.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.kpi-card{height:100px}}.icon-air{background:linear-gradient(135deg,#e6f7ff,#bbdeff);border:1px solid rgba(33,150,243,.2);position:relative;overflow:hidden}.icon-air:before{content:"";position:absolute;width:22px;height:22px;background:conic-gradient(#2196f300,#2196f31a,#2196f333,#2196f31a,#2196f300 360deg);border-radius:50%;top:7px;left:7px;animation:airRotate 8s linear infinite}.icon-air:after{content:"";position:absolute;width:10px;height:10px;background:#2196f3;border-radius:50%;top:13px;left:13px;box-shadow:0 0 5px #2196f366;animation:airQualityPulse 3s ease-in-out infinite}@keyframes airRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes airQualityPulse{0%,to{transform:scale(.8);opacity:.8}50%{transform:scale(1);opacity:1}}.icon-forecast{background-color:#c8e6c9}.icon-forecast:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#4caf50;top:6px;left:6px}.icon-forecast:after{content:"";position:absolute;width:18px;height:5px;border-radius:5px;background:#4caf50b3;bottom:8px;animation:cloudMove 4s infinite ease-in-out}@keyframes cloudMove{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}.icon-humidity{background-color:#b3e5fc}.icon-humidity:before{content:"";position:absolute;width:12px;height:16px;background:#29b6f6;border-radius:6px 6px 6px 0;transform:rotate(-45deg)}.icon-humidity:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#29b6f666;top:20px;animation:dropFall 2s infinite}@keyframes dropFall{0%{transform:translateY(-10px);opacity:0}50%{opacity:1}to{transform:translateY(5px);opacity:0}}.icon-wind{background-color:#dcedc8}.icon-wind:before{content:"〰";position:absolute;font-size:18px;color:#7cb342;animation:windWave 3s infinite ease-in-out}@keyframes windWave{0%{transform:translate(-5px) scaleX(.9)}50%{transform:translate(5px) scaleX(1.1)}to{transform:translate(-5px) scaleX(.9)}}.icon-exposure{background-color:#ffe0b2}.icon-exposure:before{content:"";position:absolute;width:16px;margin-left:2px;height:16px;background:#ffb74d;border-radius:50%;animation:exposurePulse 4s infinite}.icon-exposure:after{content:"";position:absolute;width:24px;margin-left:2px;height:24px;border:2px dashed rgba(255,183,77,.4);border-radius:50%;animation:exposureRotate 10s linear infinite}@keyframes exposurePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.8}}@keyframes exposureRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-location{background-color:#d1c4e9}.icon-location:before{content:"";position:absolute;width:14px;height:14px;background:#9575cd;border-radius:50% 50% 50% 0;transform:rotate(-45deg);top:7px;animation:locationPulse 2s infinite}.icon-location:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;top:11px}@keyframes locationPulse{0%,to{transform:rotate(-45deg) scale(1)}50%{transform:rotate(-45deg) scale(1.1)}}.icon-vitamin{background-color:#c8e6c9}.icon-vitamin:before{content:"D";position:absolute;font-size:20px;font-weight:700;color:#4caf50}.icon-vitamin:after{content:"";position:absolute;width:26px;height:26px;border:2px solid rgba(76,175,80,.3);border-radius:50%;animation:vitaminRotate 6s linear infinite}@keyframes vitaminRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-popular{background-color:#f8bbd0}.icon-popular:before{content:"★";position:absolute;font-size:20px;color:#ec407a;animation:starPulse 3s infinite}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.icon-services{background-color:#b2dfdb}.icon-services:before{content:"☕";position:absolute;font-size:18px;color:#00897b}.icon-services:after{content:"~";position:absolute;font-size:14px;color:#00897b80;top:6px;left:12px;animation:steamRise 2s infinite ease-out}@keyframes steamRise{0%{transform:translateY(0) scale(1);opacity:0}50%{opacity:1}to{transform:translateY(-6px) scale(1.5);opacity:0}}.icon-access{background-color:#d7ccc8}.icon-access:before{content:"♿";position:absolute;font-size:18px;color:#795548}.icon-sunscreen{background-color:#ffccbc}.icon-sunscreen:before{content:"";position:absolute;width:10px;height:16px;background:#ff5722;border-radius:5px 5px 0 0;top:8px}.icon-sunscreen:after{content:"";position:absolute;width:14px;height:6px;background:#ff8a65;border-radius:3px;bottom:8px;animation:spfPump 3s infinite}@keyframes spfPump{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.2)}}.kpi-info{flex:1;min-width:0}.kpi-title{font-size:12px;color:#666;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-value{font-size:18px;font-weight:600;color:#333;display:flex;align-items:center;gap:6px}.kpi-detail{font-size:12px;color:#777;margin-top:2px;white-space:normal;overflow-wrap:break-word;max-height:2.4em;overflow:hidden;text-overflow:ellipsis}.trend{width:16px;height:16px;position:relative;display:flex;align-items:center;justify-content:center}.trend.up:after{content:"▲";color:#4caf50;font-size:12px;animation:trendUp 2s infinite}.trend.down:after{content:"▼";color:#f44336;font-size:12px;animation:trendDown 2s infinite}@keyframes trendUp{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes trendDown{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.kpi-detail-panel{max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.kpi-categories{margin-top:8px}.category-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.category-tab{background:transparent;border:none;padding:6px 12px;border-radius:16px;font-size:14px;cursor:pointer;white-space:nowrap;color:#666;transition:all .2s}.category-tab:hover{background-color:#0000000d}.category-tab.active{background-color:#eee;color:#333;font-weight:500}@media screen and (max-width: 640px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-card{height:84px;padding:10px}}.icon-skinType{background-color:#fff;position:relative;overflow:hidden}.icon-skinType:before{content:"";position:absolute;width:20px;height:20px;top:8px;left:8px;background:#ffcc80;border-radius:50%;box-shadow:0 1px 3px #0000001a;animation:skinPulse 3s infinite alternate cubic-bezier(.445,.05,.55,.95)}.icon-skinType:after{content:"";position:absolute;width:28px;height:28px;top:4px;left:4px;border-radius:50%;border:0px solid rgba(255,152,0,.15);box-shadow:0 0 0 2px #ffb74d33 inset;animation:scanAnimation 2.5s infinite}@keyframes skinPulse{0%{transform:scale(1);background:#ffe0b2}50%{background:#ffb74d}to{transform:scale(1.15);background:#ff9800}}@keyframes scanAnimation{0%{transform:scale(.8);opacity:.9;border-width:0px}50%{transform:scale(1.1);opacity:.5;border-width:1px}to{transform:scale(.8);opacity:.9;border-width:0px}}.weather-container{position:relative;width:100%;height:100%;border-radius:22px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header-container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(200,200,200,.25);position:relative;background:#fffcf5e6;z-index:1}.header-container h2{font-size:18px;font-weight:600;color:#555555e6;margin:0;text-shadow:0 1px 1px rgba(255,255,255,.8);letter-spacing:.02em}.info-attribution-button{position:relative;z-index:100;cursor:pointer}.info-icon{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#fff7d6 20%,#ffdd67 60%,#fa2 95%);box-shadow:0 0 12px #fc06,inset 0 -2px 3px #ffa00033;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,200,0,.3);position:relative;overflow:hidden}.info-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fffc,#fff0 60%);opacity:.4;transform:rotate(-45deg);pointer-events:none}.info-attribution-button:hover .info-icon{transform:rotate(20deg) scale(1.15);box-shadow:0 0 18px #fc09,inset 0 -2px 3px #ffa00033}.info-attribution-button:active .info-icon{transform:scale(.95);transition:transform .1s}.info-icon span{color:#985000e6;font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:14px;text-shadow:0 1px 1px rgba(255,255,255,.5)}.attribution-content{z-index:1000;position:absolute;top:calc(100% + 8px);right:0;width:180px;background-color:#fffcf5f7;border:1px solid rgba(255,226,150,.7);border-radius:18px;box-shadow:0 8px 28px #0000001f,0 2px 8px #0000000f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;max-height:0;overflow:hidden;padding:0;transform:translateY(-10px) scale(.97);transform-origin:top right;pointer-events:none;visibility:hidden;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.34,1.56,.64,1),max-height .2s ease-out,padding .2s ease,visibility 0s linear .2s}.info-attribution-button.expanded .attribution-content{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;padding:12px 0;max-height:180px;visibility:visible;transition:opacity .25s cubic-bezier(.2,.9,.4,1),transform .3s cubic-bezier(.16,1.36,.45,1),max-height .25s ease-in,padding .25s ease,visibility 0s linear 0s}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3px)}}.info-attribution-button.expanded .attribution-link{animation:fadeIn .2s forwards}.info-attribution-button:not(.expanded) .attribution-link{animation:fadeOut .15s forwards}.info-attribution-button.expanded .attribution-link:nth-child(1){animation-delay:.05s}.info-attribution-button.expanded .attribution-link:nth-child(2){animation-delay:.1s}.info-attribution-button.expanded .attribution-link:nth-child(3){animation-delay:.15s}@keyframes pulse-sun{0%{box-shadow:0 0 8px #fc06}50%{box-shadow:0 0 16px #ffcc00b3}to{box-shadow:0 0 8px #fc06}}.info-icon{animation:pulse-sun 4s infinite ease-in-out}.attribution-header{z-index:100;color:#555555e6;font-size:12px;font-weight:600;text-align:center;padding:10px 15px 9px;border-bottom:1px solid rgba(200,200,200,.2);position:relative;letter-spacing:.02em}.attribution-header:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(to right,#ffe29600,#fc09,#ffe29600)}.attribution-links{display:flex;flex-direction:column;padding:8px 0}.attribution-link{color:#555555d9;font-size:11px;text-decoration:none;padding:8px 16px;transition:all .25s ease;position:relative;overflow:hidden;display:flex;align-items:center}.attribution-link:before{content:"→";opacity:0;margin-right:0;transition:all .25s ease;transform:translate(-8px)}.attribution-link:hover{background-color:#ffe2964d;color:#3c3c3c;padding-left:30px}.attribution-link:hover:before{opacity:1;margin-right:6px;transform:translate(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.info-attribution-button.expanded .attribution-link{animation:fadeIn .4s forwards}.info-attribution-button.expanded .attribution-link:nth-child(1){animation-delay:.1s}.info-attribution-button.expanded .attribution-link:nth-child(2){animation-delay:.2s}.info-attribution-button.expanded .attribution-link:nth-child(3){animation-delay:.3s}@media (max-width: 768px){.header-container h2{font-size:16px}.attribution-content{width:min(80vw,220px);right:8px}.info-icon{width:22px;height:22px}.header-container{position:sticky;top:0;z-index:3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@media (min-width: 1024px){.weather-container{border-radius:0}.header-container{position:sticky;top:0;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kpi-grid-container{padding:20px}}.celestial-widget{position:fixed;top:calc(15px + env(safe-area-inset-top));right:calc(15px + env(safe-area-inset-right));z-index:1000;border-radius:18px;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:0 4px 20px #0000001f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:110px;height:auto;transition:all .4s cubic-bezier(.16,1,.3,1);max-width:240px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (min-width: 1024px){.celestial-widget{right:auto;left:20px}}.celestial-widget.day-mode{background-color:#fffcf5eb;border:1px solid rgba(255,226,150,.5)}.celestial-widget.night-mode{background-color:#1c263beb;border:1px solid rgba(136,164,190,.3)}.celestial-widget.expanded{width:220px;border-radius:22px;transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.celestial-widget:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.celestial-widget:active{transform:scale(.98)}.widget-main{display:flex;align-items:center;padding:10px 12px;transition:all .3s ease;position:relative}.widget-main:after{position:absolute;right:10px;font-size:12px;opacity:.6;transition:all .3s ease}.expanded .widget-main{border-bottom:1px solid rgba(200,200,200,.25);margin-bottom:0}.celestial-icon{width:22px;height:22px;border-radius:50%;margin-right:10px;position:relative;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.celestial-widget:hover .celestial-icon{transform:rotate(20deg) scale(1.1)}.date-display{padding:8px 15px 6px;text-align:center;font-size:11px;font-weight:500;animation:slideDown .3s cubic-bezier(.4,0,.2,1) forwards;border-bottom:1px solid rgba(200,200,200,.15)}.day-mode .date-display{color:#555}.night-mode .date-display{color:#d0d0d0}.celestial-widget:not(.expanded) .date-display{animation:slideUp .3s cubic-bezier(.4,0,.2,1) forwards;display:block}.celestial-widget.animating:not(.expanded) .date-display{animation:slideUp .3s cubic-bezier(.4,0,.2,1) forwards;display:block;pointer-events:none}.widget-main:before{content:"";font-size:9px;position:absolute;top:3px;left:36px;opacity:.7;font-weight:500}.sun-day{background:radial-gradient(circle,#fff7d6 20%,#ffdd67 60%,#fa2 95%);box-shadow:0 0 12px #fc06;animation:pulse-sun 3s infinite alternate;position:relative;transform:scale(.65);border:1px solid rgba(255,200,0,.3)}.sun-day:after{content:"";position:absolute;width:130%;height:130%;top:-15%;left:-15%;background:radial-gradient(circle,rgba(255,220,115,.4) 30%,transparent 70%);border-radius:50%;animation:gentle-pulse 4s ease-in-out infinite alternate}.sun-day:before{content:none}.sun-twilight{background:radial-gradient(circle,#ffe0c4 15%,#ff9f5a 60%,#ff6a3c 95%);box-shadow:0 0 12px #ff8f4280;animation:pulse-twilight 3s infinite alternate;transform:scale(.65)}.moon{background:radial-gradient(circle at 35% 35%,#f8f8f8 15%,#e6e6e6 60%,#c9c9c9 95%);box-shadow:0 0 12px #8ea9db73;animation:pulse-moon 4s infinite alternate;transform:scale(.65)}.moon-crater{position:absolute;width:5px;height:5px;border-radius:50%;background:#c8c8c840;box-shadow:5px 3px 0 -2px #c8c8c81a,-3px -4px 0 -2px #c8c8c81a;top:6px;left:7px}.time-display{font-size:15px;font-weight:500;transition:all .3s ease;margin-right:10px;max-width:75px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-mode .time-display{color:#333}.night-mode .time-display{color:#fff}.sunrise-info,.sunset-info{padding:12px 15px;display:flex;align-items:center;animation:slideDown .3s cubic-bezier(.4,0,.2,1) forwards;transform-origin:top center;opacity:1;overflow:hidden;position:relative}.sunrise-info:before{content:"Próximo amanecer";position:absolute;top:3px;left:12px;font-size:8.5px;letter-spacing:.2px;text-transform:uppercase;font-weight:600;color:#e69500cc;padding:1px 6px;border-radius:4px}.sunset-info:before{content:"Próximo atardecer";position:absolute;top:3px;left:12px;font-size:8.5px;letter-spacing:.2px;text-transform:uppercase;font-weight:600;color:#e67700cc;padding:1px 6px;border-radius:4px}.animating .sunrise-info,.animating .sunset-info{animation:slideDown .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px);max-height:0}to{opacity:1;transform:translateY(0);max-height:90px}}.celestial-widget:not(.expanded) .sunrise-info,.celestial-widget:not(.expanded) .sunset-info{animation:slideUp .3s cubic-bezier(.4,0,.2,1) forwards;display:flex}.celestial-widget.animating:not(.expanded) .sunrise-info,.celestial-widget.animating:not(.expanded) .sunset-info{animation:slideUp .3s cubic-bezier(.4,0,.2,1) forwards;display:flex;pointer-events:none}@keyframes slideUp{0%{opacity:1;transform:translateY(0);max-height:80px;padding:12px 15px}to{opacity:0;transform:translateY(-10px);max-height:0;padding:0 15px}}.horizon{position:absolute;bottom:8px;left:0;width:30px;height:1px;background:linear-gradient(90deg,transparent 10%,rgba(255,171,64,.6) 50%,transparent 90%)}.sunrise-animation,.sunset-animation{position:relative;width:30px;height:30px;margin-right:12px}.rising-sun{position:absolute;width:14px;height:14px;border-radius:50%;bottom:6px;left:8px;animation:risingSun 3s infinite alternate;background:linear-gradient(135deg,#ffeb3b,#ffc107);box-shadow:0 0 10px #ffc10780}.setting-sun{position:absolute;width:14px;height:14px;border-radius:50%;top:6px;left:8px;animation:settingSun 3s infinite alternate;background:linear-gradient(135deg,#ffeb3b,#ff9800);box-shadow:0 0 10px #ff980080}@keyframes risingSun{0%{transform:translateY(0);opacity:.7}to{transform:translateY(-8px);opacity:1}}@keyframes settingSun{0%{transform:translateY(-8px);opacity:1}to{transform:translateY(0);opacity:.7}}.countdown{display:flex;flex-direction:column;flex-grow:1}.countdown-value{display:flex;align-items:baseline;margin-top:8px}.countdown:before{content:"Tiempo restante";font-size:8.5px;letter-spacing:.2px;text-transform:uppercase;font-weight:600;opacity:.8;padding:1px 6px;border-radius:4px;margin-bottom:4px;display:inline-block}.hours,.minutes{font-size:16px;font-weight:600}.unit{font-size:12px;margin:0 4px 0 1px;opacity:.7}.sunrise-time,.sunset-time{margin-top:3px;font-size:11px;opacity:.8;font-weight:500}.night-mode .countdown-value,.night-mode .sunrise-time,.night-mode .countdown:before{color:#f5f5f5}.day-mode .countdown-value,.day-mode .sunset-time,.day-mode .countdown:before{color:#444}@keyframes gentle-pulse{0%{transform:scale(1);opacity:.4}to{transform:scale(1.1);opacity:.6}}@keyframes pulse-sun{0%{box-shadow:0 0 10px #ffc1074d;transform:scale(.63)}to{box-shadow:0 0 14px #ffc10780;transform:scale(.67)}}@keyframes pulse-twilight{0%{box-shadow:0 0 10px #ff6f0066;transform:scale(.63)}to{box-shadow:0 0 14px #ff6f0099;transform:scale(.67)}}@keyframes pulse-moon{0%{box-shadow:0 0 8px #789bdc4d;transform:scale(.63)}to{box-shadow:0 0 12px #789bdc80;transform:scale(.67)}}:root{--disc-bg: #fffefb;--disc-text: #2b2b2b;--disc-muted: #6b6b6b;--disc-accent: #e8c48f;--disc-accent-strong: #d8a55a;--disc-border: rgba(0,0,0,.08);--disc-shadow: 0 10px 30px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06)}.disclaimer{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:9999;pointer-events:none}.disclaimer-fab-container{display:flex;justify-content:flex-end;pointer-events:auto}.disclaimer-fab{width:48px;height:48px;padding:0;line-height:1;display:grid;place-items:center;font-size:20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.disclaimer-fab:hover{transform:translateY(-1px)}.disclaimer-fab:active{transform:translateY(0)}.disclaimer-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:10000;pointer-events:auto}.disclaimer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.disclaimer-dialog{position:relative;width:min(720px,calc(100vw - 24px));max-height:min(80vh,calc(var(--vh, 1vh) * 80));background:var(--disc-bg);color:var(--disc-text);border:1px solid var(--disc-border);border-radius:16px;box-shadow:var(--disc-shadow);overflow:hidden;display:flex;flex-direction:column;animation:disc-pop .18s ease}@keyframes disc-pop{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.disclaimer-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 8px 16px;border-bottom:1px solid var(--disc-border);background:linear-gradient(180deg,#fff,#fffaf4)}.disclaimer-title{font-size:18px;font-weight:700}.disclaimer-header-actions{display:flex;align-items:center;gap:6px}.disclaimer-tabs{display:inline-flex;background:#fff;border:1px solid var(--disc-border);border-radius:999px;padding:3px}.disclaimer-tab{padding:6px 10px;font-size:13px;border-radius:999px;border:none;background:transparent;color:var(--disc-muted);cursor:pointer}.disclaimer-tab.is-active{background:var(--disc-accent);color:#3f2e12}.disclaimer-link{font-size:12px;padding:6px 10px;border:1px solid var(--disc-border);background:#fff;border-radius:999px;cursor:pointer}.disclaimer-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--disc-border);background:#fff;cursor:pointer}.disclaimer-dialog-body{padding:12px 16px 8px;overflow:auto}.disclaimer-updated{color:var(--disc-muted);font-size:12px;margin-bottom:8px}.disclaimer-list{padding-left:18px;line-height:1.4}.disclaimer-list li{margin:6px 0}.disclaimer-consent{margin-top:10px;font-weight:600}.disclaimer-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--disc-border);background:#fff}.disclaimer-primary{padding:8px 14px;background:var(--disc-accent-strong);color:#2a1a05;border:none;border-radius:10px;cursor:pointer}.disclaimer .disclaimer-fab{pointer-events:auto}@media (max-width: 360px){.disclaimer-fab{width:44px;height:44px}.disclaimer-dialog{width:calc(100vw - 16px)}}.zoom-controls{position:absolute;right:calc(12px + env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));z-index:1000;background:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;overflow:hidden;box-shadow:0 2px 10px #0000001a;background-image:linear-gradient(#fff,#fff),linear-gradient(to top,var(--progress-color),var(--progress-color));background-origin:border-box;background-clip:padding-box,border-box;border:3px solid transparent;background-size:100% 100%,100% var(--zoom-percentage);background-position:0 0,0 100%;background-repeat:no-repeat}.zoom-button{width:44px;height:44px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:0;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease}.zoom-button svg{fill:#333;transition:transform .2s ease}.zoom-button:active{background-color:#f8f8f8}.zoom-button:hover svg{transform:scale(1.1)}.zoom-button.disabled{opacity:.4;cursor:default}.zoom-button.disabled:hover svg{transform:none}.zoom-divider{height:1px;width:24px;background-color:#eaeaea;margin:0}@media (max-width: 480px){.zoom-controls{right:calc(10px + env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));border-width:2px}.zoom-button{width:40px;height:40px}.zoom-button svg{width:16px;height:16px}}.ol-zoom{display:none!important}.location-button{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));right:calc(16px + env(safe-area-inset-right));width:44px;height:44px;border-radius:50%;background:#ff8c00e6;color:#fff;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 4px 12px #ff8c0066;cursor:pointer;z-index:1000;transition:all .2s ease;padding:0}.location-button:hover,.location-button:active{transform:scale(1.05);background:orange;box-shadow:0 6px 16px #ffa50080}.location-button svg{fill:#fff;width:22px;height:22px}.ol-control{background-color:#fffaf0d9;border-radius:10px;padding:4px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 4px 10px #f4a46026}.ol-zoom{top:15px;left:15px;border-radius:12px;padding:0;overflow:hidden}.ol-zoom-in,.ol-zoom-out{margin:0;width:36px;height:36px;line-height:36px;background:#fff;color:#ff8c00;font-weight:500;font-size:18px}.ol-attribution{display:none!important}.sun-indicator{position:absolute;top:calc(15px + env(safe-area-inset-top));right:calc(15px + env(safe-area-inset-right));display:flex;align-items:center;padding:8px 14px;background-color:#fffaf0d9;border-radius:18px;box-shadow:0 4px 12px #f4a46026;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1000}.sun-icon{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#ffef9e 20%,gold,#ff8c00);box-shadow:0 0 10px 3px #ffd70080}@media (min-width: 1024px){.ol-zoom{top:20px;left:20px}.location-button{right:24px;bottom:24px}.sun-indicator{right:20px}}@media (max-width: 380px){.location-button{width:48px;height:48px;right:calc(12px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom))}}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid rgb(179,197,219);background-color:#fff6}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:#003c884d;border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-singlebar-even{background-color:#000}.ol-scale-singlebar-odd{background-color:#fff}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-step-marker{width:1px;height:15px;background-color:#000;float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:12px;z-index:11;color:#000;text-shadow:-2px 0 #FFFFFF,0 2px #FFFFFF,2px 0 #FFFFFF,0 -2px #FFFFFF}.ol-scale-text{position:absolute;font-size:14px;text-align:center;bottom:25px;color:#000;text-shadow:-2px 0 #FFFFFF,0 2px #FFFFFF,2px 0 #FFFFFF,0 -2px #FFFFFF}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid black}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ol-viewport canvas{all:unset}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:#fff6;border-radius:4px;padding:2px}.ol-control:hover{background-color:#fff9}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:#fff;font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:#003c8880;border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;font-size:1.2em;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;background-color:#003c88b3}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:#003c88b3;text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:#000;text-shadow:0 0 2px #fff;font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:#fffc}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:2px;left:2px;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:#fffc}.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}*{margin:0;padding:0;box-sizing:border-box}#root{position:fixed;top:0;right:0;bottom:0;left:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;height:calc(var(--vh, 1vh) * 100);width:100%;background-color:#fffaf0;padding-top:max(env(safe-area-inset-top),0px);padding-bottom:max(env(safe-area-inset-bottom),0px)}.map-section{height:calc(var(--vh, 1vh) * 47);width:100%;z-index:9;position:relative;overflow:hidden;transition:height .5s cubic-bezier(.32,.72,0,1)}.map-section.collapsed{height:calc(var(--vh, 1vh) * 35)}.info-section{height:calc(var(--vh, 1vh) * 53);width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-top-left-radius:24px;border-top-right-radius:24px;margin-top:-20px;box-shadow:0 -6px 10px -6px #0000001a,0 0 0 0 transparent;position:relative;z-index:10;transition:height .5s cubic-bezier(.32,.72,0,1)}.info-section.expanded{height:calc(var(--vh, 1vh) * 65)}.info-section:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:5px;background-color:#e8c48f;border-radius:5px}html,body{touch-action:manipulation;overscroll-behavior:none}body{touch-action:pan-x pan-y}*{touch-action:manipulation}body{overscroll-behavior-y:none}@media (min-width: 1024px){.app{flex-direction:row;align-items:stretch;height:100vh;width:100vw;overflow:hidden}.map-section{width:60vw;height:100vh;transition:none}.map-section.collapsed{height:100vh}.info-section{width:40vw;height:100vh;margin-top:0;border-top-left-radius:0;border-top-right-radius:0;box-shadow:inset 6px 0 10px -8px #0000001f;overflow-y:auto}.info-section.expanded{height:100vh}.info-section:before{display:none}}