*{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{-webkit-appearance:none!important;appearance:none!important;-moz-appearance:none!important;background-color:#4a90e24d!important;background:#4a90e24d!important;color:#fff!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:none!important;outline:none!important}button:hover,button:focus,button:active,input:hover,input:focus,input:active,select:hover,select:focus,select:active,textarea:hover,textarea:focus,textarea:active{background-color:#4a90e266!important;background:#4a90e266!important;color:#fff!important;border-color:#ffffff80!important}button:disabled,input:disabled,select:disabled,textarea:disabled{background-color:#4a90e226!important;background:#4a90e226!important;color:#fff9!important;opacity:.6;cursor:not-allowed}@supports (-webkit-appearance: none){[class*=card],[class*=btn],[class*=input],[class*=select],[class*=dropdown],[class*=trigger],[class*=panel],[class*=forecast],[class*=recommendation],[class*=weather-card],[class*=travel],[class*=health],[class*=detail],button,input,select,textarea{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}}:root{--primary-color: #1C1C1E;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--bg-gradient-start: #4A90E2;--bg-gradient-end: #357ABD;--card-bg: rgba(255, 255, 255, .1);--card-bg-hover: rgba(255, 255, 255, .15);--border-color: rgba(255, 255, 255, .2);--shadow: 0 4px 20px rgba(0, 0, 0, .1);--border-radius: 16px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text-primary);background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}.card{background-color:#ffffff1a!important;background:#ffffff1a!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--border-color);transition:all .3s ease}.card:hover{background:var(--card-bg-hover)}.btn,button{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid rgba(255,255,255,.3)!important;border-radius:var(--border-radius);font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;background-color:#4a90e266!important;background:#4a90e266!important;color:#fff!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-appearance:none!important;appearance:none!important;-moz-appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important;box-shadow:none!important;outline:none!important}.btn-primary{background-color:#4a90e280!important;background:#4a90e280!important;color:#fff!important}.btn-primary:hover{background-color:#4a90e299!important;background:#4a90e299!important;transform:translateY(-1px)}.btn-secondary{background-color:#4a90e24d!important;background:#4a90e24d!important;color:#fff!important}.btn-secondary:hover{background-color:#4a90e266!important;background:#4a90e266!important}.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=checkbox],input[type=radio],textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid rgba(255,255,255,.3)!important;border-radius:var(--border-radius);font-size:16px;transition:all .3s ease;background-color:#4a90e24d!important;background:#4a90e24d!important;color:#fff!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-appearance:none!important;appearance:none!important;-moz-appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important;box-shadow:none!important;outline:none!important}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{background-color:#fffc!important;background:#fffc!important;color:#1c1c1e!important;cursor:pointer;opacity:1!important;padding:4px;border-radius:4px;margin-right:4px;filter:none!important;-webkit-filter:none!important}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{background-color:#fff!important;background:#fff!important}input[type=date]::-webkit-calendar-picker-indicator:active,input[type=time]::-webkit-calendar-picker-indicator:active{background-color:#4a90e2cc!important;background:#4a90e2cc!important}input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{background-color:#fffc!important;background:#fffc!important;color:#1c1c1e!important;opacity:1!important;cursor:pointer}input[type=date]::-webkit-clear-button:hover,input[type=time]::-webkit-clear-button:hover{background-color:#fff!important;background:#fff!important}input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:0;min-width:18px;min-height:18px;cursor:pointer}.input::placeholder{color:var(--text-tertiary)}.input:focus,input:focus,textarea:focus{outline:none!important;border-color:#ffffff80!important;background-color:#4a90e266!important;background:#4a90e266!important;color:#fff!important}select.input,select{-webkit-appearance:none!important;appearance:none!important;-moz-appearance:none!important;background-color:#4a90e24d!important;background:#4a90e24d!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important,linear-gradient(#4a90e24d,#4a90e24d)!important;background-repeat:no-repeat,repeat!important;background-position:right var(--spacing-md) center,0 0!important;background-size:12px,100% 100%!important;background-clip:padding-box,padding-box!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:var(--border-radius);width:100%;padding:var(--spacing-sm) calc(var(--spacing-md) * 2 + 12px) var(--spacing-sm) var(--spacing-md)!important;font-size:16px;color:#fff!important;cursor:pointer;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important;box-shadow:none!important;outline:none!important}select.input:focus,select:focus{background-color:#4a90e266!important;background:#4a90e266!important;border-color:#ffffff80!important;outline:none!important}select.input:disabled,select:disabled{background-color:#4a90e226!important;background:#4a90e226!important;opacity:.6;cursor:not-allowed}select.input option,select option{background-color:#141414fa!important;color:#fff!important;padding:var(--spacing-sm)}select.input option{background:#141414fa!important;color:#fff!important;padding:var(--spacing-sm);border:none;font-size:16px;min-height:40px;line-height:1.5}select.input option:checked{background:#4a90e2e6!important;color:#fff!important}select.input:hover,select:hover{background-color:#4a90e266!important;background:#4a90e266!important}select.input:focus option{background:#141414fa!important;color:#fff!important}select.input:focus option:checked{background:#4a90e2e6!important;color:#fff!important}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.flex{display:flex}.flex-column{flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-gray{color:var(--text-secondary)}.text-large{font-size:24px;font-weight:600}.text-xl{font-size:32px;font-weight:700}.text-xxl{font-size:48px;font-weight:700}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.recommendation-card{margin-bottom:var(--spacing-xl);background-color:#ffffff1a!important;background:#ffffff1a!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:var(--spacing-xl);border:1px solid var(--border-color)}.recommendation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--primary-light)}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.score-display{display:flex;align-items:baseline;gap:var(--spacing-sm)}.score-label{font-size:16px;color:var(--text-secondary)}.score-value{font-size:32px;font-weight:600}.score-number{font-size:18px;color:var(--text-secondary)}.btn-expand{padding:var(--spacing-xs) var(--spacing-md);background-color:#4a90e24d!important;background:#4a90e24d!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:var(--border-radius);cursor:pointer;font-size:14px;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important}.btn-expand:hover{background-color:#4a90e266!important;background:#4a90e266!important}.recommendation-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-md);flex-wrap:wrap}.recommendation-main h3{font-size:20px;margin:0;color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;flex:1}.btn-view-tomorrow{padding:var(--spacing-xs) var(--spacing-md);background-color:#4a90e24d!important;background:#4a90e24d!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important;white-space:nowrap;flex-shrink:0}.btn-view-tomorrow:hover{background-color:#4a90e266!important;background:#4a90e266!important;border-color:#ffffff80!important}@media (max-width: 768px){.recommendation-title-row{flex-direction:row;justify-content:space-between;align-items:center}.recommendation-main h3{font-size:18px}.btn-view-tomorrow{font-size:13px;padding:var(--spacing-xs) var(--spacing-sm)}}.total-score-inline{font-size:16px;font-weight:400;color:var(--text-secondary);opacity:.8}.layers-list{margin-bottom:var(--spacing-md)}.layer-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.layer-item:last-child{border-bottom:none}.layer-item-detailed{align-items:flex-start}.layer-content{display:flex;flex-direction:column;gap:4px;flex:1}.layer-reason{font-size:13px;color:var(--text-secondary);line-height:1.4}.layer-details{font-size:12px;color:var(--text-tertiary);line-height:1.4;font-style:italic}.layer-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff3;color:var(--text-primary);border-radius:50%;font-weight:600;font-size:14px;flex-shrink:0;border:1px solid var(--border-color)}.layer-text{font-size:16px;color:var(--text-primary)}.accessories{padding:var(--spacing-md);background:#ffffff1a;border-radius:var(--border-radius);font-size:15px;color:var(--text-primary);margin-top:var(--spacing-md);border:1px solid var(--border-color)}.accessories-detailed{display:flex;flex-direction:column;gap:var(--spacing-sm)}.accessories-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.accessory-item{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);background-color:#ffffff0d!important;background:#ffffff0d!important;border-radius:8px;border:1px solid var(--border-color)}.accessory-name{font-weight:500;color:var(--text-primary)}.accessory-reason{font-size:13px;color:var(--text-secondary);line-height:1.4}.accessory-details{font-size:12px;color:var(--text-tertiary);line-height:1.4;font-style:italic}.recommendation-details{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.notes,.reason-summary{margin-top:var(--spacing-sm);font-size:14px;color:var(--text-secondary);line-height:1.6}.notes strong,.reason-summary strong{color:var(--text-primary)}.urgency-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:12px;font-weight:600;white-space:nowrap}.urgency-需警惕{background:#f44336;color:#fff}.urgency-需注意{background:#ff5722;color:#fff}.urgency-需留意{background:#ff9800;color:#fff}.urgency-舒适{background:#4caf50;color:#fff}.confidence-info{margin-top:var(--spacing-sm);font-size:14px;color:var(--text-gray)}.confidence-value{color:#ff9800;font-weight:600;margin-left:var(--spacing-xs)}.score-breakdown{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.comfort-explanation{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#ffffff0d;border-radius:var(--border-radius);border:1px solid var(--border-color)}.explanation-text{margin:var(--spacing-sm) 0;font-size:14px;color:var(--text-secondary);line-height:1.6}.explanation-list{margin:var(--spacing-sm) 0 0 var(--spacing-md);padding:0;font-size:14px;color:var(--text-secondary);line-height:1.8}.explanation-list li{margin-bottom:var(--spacing-xs)}.breakdown-note{margin:var(--spacing-sm) 0;font-size:12px;color:var(--text-secondary);font-style:italic}.breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-sm);font-size:14px;color:var(--text-primary)}.breakdown-grid span{padding:var(--spacing-sm);background-color:#ffffff0d!important;background:#ffffff0d!important;border-radius:4px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xs);word-break:break-word}.score-impact{font-size:12px;color:var(--text-secondary);font-weight:400;margin-top:2px}@media (max-width: 480px){.breakdown-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.breakdown-grid span{padding:var(--spacing-xs);font-size:12px}.score-impact{font-size:11px}}.breakdown-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.breakdown-header strong{color:var(--text-primary)}.total-score{font-size:14px;color:var(--text-secondary);font-weight:500}.weather-card{margin-bottom:var(--spacing-xl);background-color:#ffffff1a!important;background:#ffffff1a!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-color)}.weather-main{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--spacing-lg);width:100%}.temperature-display{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-sm)}.temperature{font-size:48px;font-weight:300;color:var(--text-primary);line-height:1;letter-spacing:-2px}.temp-range{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.temp-max,.temp-min{font-size:16px;font-weight:400;color:var(--text-secondary);line-height:1.2}.temp-max{color:var(--text-primary)}.weather-details-row{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);flex:1;justify-content:flex-end;flex-wrap:nowrap}.weather-detail-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:#ffffff0d!important;background:#ffffff0d!important;border-radius:var(--border-radius);border:1px solid var(--border-color);flex-shrink:0;min-width:fit-content}.detail-label{color:var(--text-secondary);font-size:12px;font-weight:400;white-space:nowrap}.detail-value{color:var(--text-primary);font-weight:500;font-size:16px;white-space:nowrap}.detail-value.aqi-value{font-size:14px;font-weight:600}@media (max-width: 768px){.weather-main{gap:var(--spacing-md);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.temperature{font-size:40px;letter-spacing:-1px}.temp-max,.temp-min{font-size:14px}.weather-details-row{gap:var(--spacing-xs);flex-wrap:nowrap;min-width:fit-content}.weather-detail-item{padding:var(--spacing-xs);flex-shrink:0;min-width:fit-content}.detail-label{font-size:11px}.detail-value{font-size:14px}.detail-value.aqi-value{font-size:12px}}@media (max-width: 480px){.weather-main{flex-direction:row;gap:var(--spacing-md);flex-wrap:nowrap;overflow-x:auto}.temperature{font-size:36px}.temp-max,.temp-min{font-size:12px}.weather-details-row{flex-wrap:nowrap;gap:var(--spacing-xs);min-width:fit-content}.weather-detail-item{flex-shrink:0;min-width:fit-content;padding:var(--spacing-xs)}}.weather-detail{background-color:#ffffff1a!important;background:#ffffff1a!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-xl)}.weather-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.weather-detail-header h3{font-size:20px;font-weight:500;color:var(--text-primary)}.view-selector{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.view-btn{padding:var(--spacing-xs) var(--spacing-sm);background-color:#4a90e24d!important;background:#4a90e24d!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:8px;color:#fff!important;font-size:14px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important}.view-btn:hover{background-color:#4a90e266!important;background:#4a90e266!important}.view-btn.active{background-color:#4a90e280!important;background:#4a90e280!important;color:#fff!important;border-color:#ffffff80!important}.weather-chart{margin-top:var(--spacing-md)}.chart-wrapper{width:100%;overflow:hidden;overflow-y:visible;padding:10px 0;display:flex;justify-content:center}.chart-svg{width:100%;max-width:100%;height:auto;display:block;min-width:0}.chart-line{transition:all .3s ease}.chart-line-past{stroke:#ffc107}.chart-line-future{stroke:#00bcd4}.current-time-line,.current-time-dot{pointer-events:none}.current-value-label{pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.7)}.max-temp-marker,.min-temp-marker,.max-value-marker,.min-value-marker{pointer-events:none}.max-temp-marker text,.min-temp-marker text,.max-value-marker text,.min-value-marker text{text-shadow:0 2px 4px rgba(0,0,0,.7)}.chart-y-axis text,.chart-x-axis text{pointer-events:none;-webkit-user-select:none;user-select:none}.chart-legend{display:flex;justify-content:space-between;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);font-size:12px;color:var(--text-secondary)}@media (max-width: 768px){.weather-detail-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.view-selector{width:100%;justify-content:flex-start;flex-wrap:wrap}.chart-wrapper{padding:5px 0;overflow:hidden;width:100%}.chart-svg{width:100%;max-width:100%;min-width:0;height:auto;preserveAspectRatio:xMidYMid meet}.chart-y-axis text,.chart-x-axis text{font-size:18px}.current-value-label{font-size:24px}.max-temp-marker text,.min-temp-marker text,.max-value-marker text,.min-value-marker text{font-size:22px}}.daily-forecast{background-color:#ffffff1a!important;background:#ffffff1a!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-xl)}.forecast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.forecast-header h3{font-size:20px;font-weight:500;color:var(--text-primary);margin:0}.btn-toggle-forecast{padding:var(--spacing-xs) var(--spacing-md);background-color:#4a90e24d!important;background:#4a90e24d!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:var(--border-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important;white-space:nowrap}.btn-toggle-forecast:hover{background-color:#4a90e266!important;background:#4a90e266!important;border-color:#ffffff80!important}.forecast-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.forecast-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.1)}.forecast-row:last-child{border-bottom:none}.row-weekday{min-width:50px;font-size:14px;color:var(--text-primary);font-weight:500;text-align:left}.row-weather-icon{font-size:24px;min-width:32px;text-align:center;line-height:1}.row-temp-low{min-width:40px;font-size:14px;color:var(--text-secondary);text-align:right}.row-temp-bar-container{flex:1;position:relative;height:8px;background:#ffffff1a;background-color:#ffffff1a;border-radius:4px;overflow:hidden;margin:0 var(--spacing-sm)}.row-temp-bar{position:absolute;top:0;height:100%;border-radius:4px;transition:all .3s ease;min-width:2px}.row-temp-high{min-width:40px;font-size:14px;color:var(--text-primary);font-weight:500;text-align:left}@media (max-width: 768px){.forecast-header{flex-wrap:wrap;gap:var(--spacing-sm)}.forecast-header h3{font-size:18px}.btn-toggle-forecast{font-size:13px;padding:var(--spacing-xs) var(--spacing-sm)}.forecast-row{gap:var(--spacing-sm)}.row-weekday{min-width:45px;font-size:13px}.row-weather-icon{font-size:20px;min-width:28px}.row-temp-low,.row-temp-high{min-width:35px;font-size:13px}.row-temp-bar-container{margin:0 var(--spacing-xs)}}.info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.info-modal-content{background-color:#ffffff26!important;background:#ffffff26!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:var(--spacing-xl);max-width:400px;width:90%;text-align:center;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0003;animation:slideUp .3s ease-out;position:relative}.info-modal-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);animation:scaleIn .4s ease-out .1s both}.info-modal-icon svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.info-modal-message{color:var(--text-primary);font-size:16px;line-height:1.6;margin-bottom:var(--spacing-lg);font-weight:500}.info-modal-close{padding:var(--spacing-sm) var(--spacing-xl);background-color:#4a90e2cc!important;background:#4a90e2cc!important;border:1px solid rgba(74,144,226,.9)!important;border-radius:var(--border-radius);color:#fff!important;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important;min-width:100px}.info-modal-close:hover{background-color:#4a90e2!important;background:#4a90e2!important;border-color:#4a90e2!important;transform:translateY(-1px);box-shadow:0 4px 12px #4a90e266}.info-modal-close:active{transform:translateY(0)}@media (max-width: 768px){.info-modal-content{padding:var(--spacing-lg);max-width:320px}.info-modal-icon{width:56px;height:56px}.info-modal-message{font-size:15px}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.confirm-modal-content{background-color:#ffffff26!important;background:#ffffff26!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:var(--spacing-xl);max-width:400px;width:90%;text-align:center;border:1px solid rgba(255,193,7,.3);box-shadow:0 8px 32px #0003;animation:slideUp .3s ease-out;position:relative}.confirm-modal-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);color:#fbbf24;animation:scaleIn .4s ease-out .1s both}.confirm-modal-icon svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(251,191,36,.3))}.confirm-modal-message{color:var(--text-primary);font-size:16px;line-height:1.6;margin-bottom:var(--spacing-lg);font-weight:500}.confirm-modal-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.confirm-modal-cancel,.confirm-modal-confirm{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--border-radius);font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important;min-width:100px}.confirm-modal-cancel{background-color:#fff3!important;background:#fff3!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important}.confirm-modal-cancel:hover{background-color:#ffffff4d!important;background:#ffffff4d!important;border-color:#ffffff80!important;transform:translateY(-1px)}.confirm-modal-confirm{background-color:#4a90e2cc!important;background:#4a90e2cc!important;border:1px solid rgba(74,144,226,.9)!important;color:#fff!important}.confirm-modal-confirm:hover{background-color:#4a90e2!important;background:#4a90e2!important;border-color:#4a90e2!important;transform:translateY(-1px);box-shadow:0 4px 12px #4a90e266}.confirm-modal-cancel:active,.confirm-modal-confirm:active{transform:translateY(0)}@media (max-width: 768px){.confirm-modal-content{padding:var(--spacing-lg);max-width:320px}.confirm-modal-icon{width:56px;height:56px}.confirm-modal-message{font-size:15px}.confirm-modal-buttons{flex-direction:column}.confirm-modal-cancel,.confirm-modal-confirm{width:100%}}.location-selector{margin-bottom:var(--spacing-xl)}.location-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-md);flex-wrap:nowrap;width:100%}.location-title-section{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;flex-wrap:nowrap;overflow:visible}.location-title{font-size:36px;font-weight:300;color:var(--text-primary);letter-spacing:-.5px;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;margin:0}.location-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;flex-wrap:nowrap}.btn-custom-profile{padding:var(--spacing-xs) var(--spacing-md);background-color:#4a90e24d!important;background:#4a90e24d!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:var(--border-radius);color:#fff!important;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important}.btn-custom-profile:hover{background-color:#4a90e266!important;background:#4a90e266!important;border-color:#ffffff80!important;transform:translateY(-1px)}.custom-profile-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;line-height:1;padding:0;animation:badgeAppear .3s ease-out}.custom-profile-badge.has-custom{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 6px #4caf5080}.custom-profile-badge.no-custom{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);box-shadow:0 2px 6px #ffffff4d;color:#0009;border-color:#fffc}@keyframes badgeAppear{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.btn-travel-guide{padding:var(--spacing-xs) var(--spacing-md);border:1px solid rgba(255,255,255,.3)!important;border-radius:var(--border-radius);background-color:#4a90e24d!important;background:#4a90e24d!important;color:#fff!important;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important}.btn-travel-guide:hover{background-color:#4a90e266!important;background:#4a90e266!important;border-color:#ffffff80!important}.btn-add-location{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3)!important;background-color:#4a90e266!important;background:#4a90e266!important;color:#fff!important;font-size:24px;font-weight:300;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important}.btn-add-location:hover{background-color:#4a90e280!important;background:#4a90e280!important;transform:scale(1.1)}.add-location-form-wrapper{margin-bottom:var(--spacing-md)}.add-location-form{display:flex;gap:var(--spacing-sm);background-color:#ffffff1a!important;background:#ffffff1a!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:var(--spacing-md);border:1px solid var(--border-color)}.city-search-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:16px;background-color:#4a90e24d!important;background:#4a90e24d!important;color:#fff!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important}.city-search-input::placeholder{color:#ffffffb3!important}.city-search-input:focus{outline:none!important;border-color:#ffffff80!important;background-color:#4a90e266!important;background:#4a90e266!important;color:#fff!important}.city-search-input:disabled{background-color:#4a90e226!important;background:#4a90e226!important;color:#fff9!important;opacity:.6;cursor:not-allowed}.btn-search-city{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid rgba(255,255,255,.3)!important;border-radius:var(--border-radius);font-size:16px;font-weight:500;cursor:pointer;background-color:#4a90e266!important;background:#4a90e266!important;color:#fff!important;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important}.btn-search-city:hover:not(:disabled){background-color:#4a90e280!important;background:#4a90e280!important}.btn-search-city:disabled{background-color:#4a90e226!important;background:#4a90e226!important;opacity:.6;cursor:not-allowed}.location-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);padding-right:var(--spacing-sm);background-color:#4a90e24d!important;background:#4a90e24d!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)!important;border-radius:calc(var(--border-radius) * .75);font-size:14px;font-weight:500;color:#fff!important;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;min-width:100px;max-width:200px;width:auto;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important;position:relative;z-index:1;font-family:inherit}.location-select-trigger:hover{background-color:#4a90e266!important;background:#4a90e266!important;border-color:#ffffff80!important}.location-select-trigger:active{background-color:#4a90e280!important;background:#4a90e280!important}.location-select-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.location-select-arrow{font-size:10px;transition:transform .3s ease;flex-shrink:0;margin-left:var(--spacing-xs)}.location-select-arrow.open{transform:rotate(180deg)}.location-dropdown-custom{background-color:#141414fa!important;background:#141414fa!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 20px #00000080;max-height:300px;overflow-y:auto;overflow-x:hidden;animation:dropdownFadeIn .2s ease-out;z-index:99999;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.location-dropdown-list{display:flex;flex-direction:column}.location-dropdown-item-custom{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);cursor:pointer;transition:background-color .15s ease;font-size:14px;min-height:44px;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(255,255,255,.05)}.location-dropdown-item-custom:last-child{border-bottom:none}.location-dropdown-item-custom:hover{background-color:#ffffff1a!important;background:#ffffff1a!important}.location-dropdown-item-custom.active{background-color:#4a90e24d!important;background:#4a90e24d!important;color:#fff!important;font-weight:500}.location-dropdown-name-custom{flex:1;display:flex;align-items:center;gap:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.default-badge-custom{padding:2px 6px;background:#ffffff40;border-radius:6px;font-size:10px;color:inherit;font-weight:500;flex-shrink:0}.location-dropdown-item-custom.active .default-badge-custom{background-color:#ffffff4d!important;background:#ffffff4d!important}.btn-delete-location-custom{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.3)!important;background-color:#4a90e24d!important;background:#4a90e24d!important;color:#fff!important;font-size:18px;font-weight:300;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;flex-shrink:0;margin-left:var(--spacing-xs);-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important;font-family:inherit}.btn-delete-location-custom:hover{background-color:#f006!important;background:#f006!important;transform:scale(1.15)}.location-dropdown-item-custom.active .btn-delete-location-custom{background-color:#4a90e266!important;background:#4a90e266!important;color:#fff!important}.location-dropdown-item-custom.active .btn-delete-location-custom:hover{background-color:#ff000080!important;background:#ff000080!important}.location-dropdown-custom::-webkit-scrollbar{width:6px}.location-dropdown-custom::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.location-dropdown-custom::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.location-dropdown-custom::-webkit-scrollbar-thumb:hover{background:#ffffff80}.location-dropdown-text{font-weight:500}.location-dropdown-arrow{font-size:12px;transition:transform .2s ease;opacity:.7}.location-dropdown-arrow.open{transform:rotate(180deg)}.location-dropdown{background-color:#141414fa!important;background:#141414fa!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 20px #00000080;max-height:200px;overflow-y:auto;overflow-x:hidden;animation:dropdownFadeIn .2s ease-out;position:fixed;z-index:99999;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.location-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);cursor:pointer;transition:background-color .15s ease;font-size:14px;min-height:44px;-webkit-user-select:none;user-select:none}.location-dropdown-item:hover{background-color:#ffffff1a!important;background:#ffffff1a!important}.location-dropdown-item.active{background-color:#4a90e2e6!important;background:#4a90e2e6!important;color:#fff!important;font-weight:500}.location-dropdown-name{flex:1;display:flex;align-items:center;gap:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.default-badge-dropdown{padding:1px 6px;background:#ffffff40;border-radius:6px;font-size:10px;color:inherit;font-weight:500;flex-shrink:0}.location-dropdown-item.active .default-badge-dropdown{background-color:#ffffff4d!important;background:#ffffff4d!important}.btn-delete-location-dropdown{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.3)!important;background-color:#4a90e24d!important;background:#4a90e24d!important;color:#fff!important;font-size:18px;font-weight:300;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;flex-shrink:0;margin-left:var(--spacing-xs);-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important}.btn-delete-location-dropdown:hover{background-color:#f006!important;background:#f006!important;transform:scale(1.15)}.location-dropdown-item.active .btn-delete-location-dropdown{background-color:#4a90e266!important;background:#4a90e266!important;color:#fff!important}.location-dropdown-item.active .btn-delete-location-dropdown:hover{background-color:#ff000080!important;background:#ff000080!important}.location-dropdown::-webkit-scrollbar{width:6px}.location-dropdown::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.location-dropdown::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.location-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff80}.search-results-list{margin-top:var(--spacing-sm);background-color:#ffffff1a!important;background:#ffffff1a!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);border:1px solid var(--border-color);max-height:300px;overflow-y:auto;animation:dropdownFadeIn .2s ease-out}.search-results-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;color:var(--text-tertiary);font-weight:500}.search-result-item{padding:var(--spacing-md);cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#ffffff1a}.result-name{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.result-display-name{font-size:13px;color:var(--text-secondary);margin-bottom:var(--spacing-xs);line-height:1.4}.result-location{font-size:12px;color:var(--text-tertiary)}.search-results-list::-webkit-scrollbar{width:6px}.search-results-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.search-results-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.search-results-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 768px){.location-title{font-size:28px;max-width:calc(100% - 120px)}.location-header{flex-wrap:wrap}.location-title-section{width:100%;margin-bottom:var(--spacing-sm);flex-wrap:nowrap;overflow:visible;display:flex!important;align-items:center!important;gap:var(--spacing-sm)!important}.location-select-trigger{min-width:100px!important;max-width:150px!important;font-size:13px!important;padding:var(--spacing-xs) var(--spacing-xs)!important}.location-dropdown-custom{max-height:250px!important;min-width:180px!important}.location-dropdown-item-custom{min-height:40px!important;padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:13px!important}.location-actions{width:100%;justify-content:flex-start}.add-location-form{flex-direction:column}.search-results-list{max-height:250px}}.health-alerts{margin-bottom:var(--spacing-xl);background:#ffc10726;background-color:#ffc10726;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid rgba(255,193,7,.3)}.health-alerts-title{color:var(--text-primary);font-size:18px;font-weight:500;margin-bottom:var(--spacing-md)}.health-messages{display:flex;flex-direction:column;gap:var(--spacing-sm)}.health-message{padding:var(--spacing-sm) var(--spacing-md);background:#ffffff1a;background-color:#ffffff1a;border-radius:var(--border-radius);color:var(--text-primary);font-size:15px;line-height:1.6;border:1px solid rgba(255,255,255,.1)}.health-disclaimer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.2);color:var(--text-secondary);font-size:12px}.travel-recommendation,.travel-header{margin-bottom:var(--spacing-lg)}.travel-title-row{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.travel-header h3{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.travel-location-hint{font-size:14px;color:var(--text-secondary);font-weight:400}.travel-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.travel-date-selector{display:flex;gap:var(--spacing-md);align-items:flex-end;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.date-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:150px}.date-input-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.date-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:16px;background-color:#ffffff1a!important;background:#ffffff1a!important;color:var(--text-primary)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease}.date-input::-webkit-calendar-picker-indicator{background-color:#fffc!important;background:#fffc!important;color:#1c1c1e!important;cursor:pointer;opacity:1!important;padding:4px;border-radius:4px;margin-right:4px;filter:none!important;-webkit-filter:none!important}.date-input::-webkit-calendar-picker-indicator:hover{background-color:#fff!important;background:#fff!important}.date-input::-webkit-calendar-picker-indicator:active{background-color:#4a90e2cc!important;background:#4a90e2cc!important}.date-input::-webkit-clear-button{background-color:#fffc!important;background:#fffc!important;color:#1c1c1e!important;opacity:1!important;cursor:pointer}.date-input::-webkit-clear-button:hover{background-color:#fff!important;background:#fff!important}.date-input:hover{background-color:#fff3!important;background:#fff3!important;border-color:#fff6}.date-input:focus{outline:none;border-color:#4a90e299;background-color:#fff3!important;background:#fff3!important;box-shadow:0 0 0 2px #4a90e233}.btn-generate-travel{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid rgba(255,255,255,.3)!important;border-radius:var(--border-radius);font-size:16px;font-weight:500;cursor:pointer;background-color:#4a90e2cc!important;background:#4a90e2cc!important;color:#fff!important;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap;min-height:44px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important}.btn-generate-travel:hover:not(:disabled){background-color:#4a90e2!important;background:#4a90e2!important;transform:translateY(-1px)}.btn-generate-travel:disabled{background-color:#4a90e24d!important;background:#4a90e24d!important;opacity:.6;cursor:not-allowed}.travel-error{padding:var(--spacing-md);background:#f4433633;border:1px solid rgba(244,67,54,.4);border-radius:var(--border-radius);color:#ffcdd2;margin-bottom:var(--spacing-md);font-size:14px}.travel-results{margin-top:var(--spacing-lg)}.travel-summary{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md);background:#ffffff0d;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.summary-item{display:flex;align-items:center;gap:var(--spacing-xs)}.summary-label{font-size:14px;color:var(--text-secondary)}.summary-value{font-size:14px;font-weight:600;color:var(--text-primary)}.recommendation-section{margin-bottom:var(--spacing-xl)}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.section-icon{font-size:24px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}.item-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:#ffffff14;border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all .3s ease;text-align:center}.item-card:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.item-card-clothing{border-color:#4a90e24d}.item-card-essential{border-color:#4caf504d}.item-card-optional{border-color:#ff98004d}.item-icon{font-size:48px;margin-bottom:var(--spacing-sm);line-height:1;display:flex;align-items:center;justify-content:center;width:64px;height:64px}.clothing-icon-image{width:64px;height:64px;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.clothing-icon-emoji{font-size:48px;line-height:1;display:inline-block}.item-name{font-size:14px;font-weight:500;color:var(--text-primary);word-break:break-word;line-height:1.4;display:flex;flex-direction:column;align-items:center;gap:2px}.item-icon-note{font-size:11px;color:var(--text-tertiary);font-weight:400;font-style:italic}.item-reason{font-size:12px;color:var(--text-tertiary);margin-top:var(--spacing-xs);line-height:1.3}.item-details{font-size:11px;color:var(--text-secondary);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid rgba(255,255,255,.1);line-height:1.4}.weather-category{margin-bottom:var(--spacing-md)}.weather-category:last-child{margin-bottom:0}.category-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.category-items{list-style:none;padding:0;margin:0;padding-left:var(--spacing-md)}.category-items li{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xs);position:relative}.category-items li:before{content:"•";position:absolute;left:calc(-1 * var(--spacing-md));color:#ffffff80}.plan-change-alert{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#ff980026;border:1px solid rgba(255,152,0,.3);border-radius:var(--border-radius)}.alert-title{font-size:16px;font-weight:600;color:#ff9800;margin-bottom:var(--spacing-sm)}.alert-reasons{list-style:none;padding:0;margin:0;padding-left:var(--spacing-md)}.alert-reasons li{font-size:14px;color:var(--text-primary);line-height:1.6;margin-bottom:var(--spacing-xs);position:relative}.alert-reasons li:before{content:"⚠️";position:absolute;left:calc(-1 * var(--spacing-md))}.weather-summary-section,.special-notes-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#ffffff0d;border-radius:var(--border-radius)}.weather-summary-content{font-size:14px;color:var(--text-secondary);line-height:1.6}.notes-list{list-style:none;padding:0;margin:0}.notes-list li{padding:var(--spacing-xs) 0;font-size:14px;color:var(--text-secondary);line-height:1.6;padding-left:var(--spacing-md);position:relative}.notes-list li:before{content:"•";position:absolute;left:0;color:#ff9800cc;font-size:18px}@media (max-width: 768px){.travel-date-selector{flex-direction:column}.date-input-group,.btn-generate-travel{width:100%}.items-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm)}.item-icon{font-size:40px}.item-name{font-size:12px}}.home{padding:var(--spacing-lg) var(--spacing-md);max-width:600px;margin:0 auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-md)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.recommendation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background-color:#ffffff1a!important;background:#ffffff1a!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);border:1px solid var(--border-color)}.recommendation-loading .loading-spinner{width:30px;height:30px;border-width:2px}.empty-state{text-align:center;padding:var(--spacing-xxl)}.settings-panel{margin-bottom:var(--spacing-lg);background-color:#ffffff1a!important;background:#ffffff1a!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--border-color);position:relative;overflow:visible}.settings-row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);width:100%}.setting-item{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative;overflow:visible;flex:1;min-width:0}.setting-item label{font-weight:600;color:var(--text-primary);font-size:14px}.radio-group{display:flex;gap:var(--spacing-md)}.radio-group label{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:400;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);transition:all .3s ease;border:1px solid rgba(255,255,255,.2);background-color:#4a90e233!important;background:#4a90e233!important}.radio-group label:hover{background-color:#4a90e24d!important;background:#4a90e24d!important;border-color:#ffffff4d}.radio-group input[type=radio]{cursor:pointer;width:18px;height:18px;margin:0;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:2px solid rgba(255,255,255,.5);border-radius:50%;background-color:#4a90e24d!important;background:#4a90e24d!important;position:relative;transition:all .3s ease}.radio-group input[type=radio]:checked{background-color:#4a90e2cc!important;background:#4a90e2cc!important;border-color:#ffffffe6}.radio-group input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#fff}.radio-group label.radio-checked{background-color:#4a90e280!important;background:#4a90e280!important;border-color:#fff9!important;color:#fff!important;font-weight:500}@media (max-width: 768px){.settings-row{flex-direction:row;gap:var(--spacing-md);flex-wrap:nowrap}.setting-item{flex:1;min-width:0}.location-header{flex-wrap:wrap}.location-title-section{width:100%;margin-bottom:var(--spacing-sm)}.location-actions{width:100%;justify-content:flex-start}}.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.success-modal-content{background-color:#ffffff26!important;background:#ffffff26!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:var(--spacing-xl);max-width:400px;width:90%;text-align:center;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0003;animation:slideUp .3s ease-out;position:relative}.success-modal-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);color:#4ade80;animation:scaleIn .4s ease-out .1s both}.success-modal-icon svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(74,222,128,.3))}.success-modal-message{color:var(--text-primary);font-size:16px;line-height:1.6;margin-bottom:var(--spacing-lg);font-weight:500}.success-modal-close{padding:var(--spacing-sm) var(--spacing-xl);background-color:#4a90e2cc!important;background:#4a90e2cc!important;border:1px solid rgba(74,144,226,.9)!important;border-radius:var(--border-radius);color:#fff!important;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important;min-width:100px}.success-modal-close:hover{background-color:#4a90e2!important;background:#4a90e2!important;border-color:#4a90e2!important;transform:translateY(-1px);box-shadow:0 4px 12px #4a90e266}.success-modal-close:active{transform:translateY(0)}@media (max-width: 768px){.success-modal-content{padding:var(--spacing-lg);max-width:320px}.success-modal-icon{width:56px;height:56px}.success-modal-message{font-size:15px}}.error-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.error-modal-content{background-color:#ffffff26!important;background:#ffffff26!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:var(--spacing-xl);max-width:400px;width:90%;text-align:center;border:1px solid rgba(239,68,68,.3);box-shadow:0 8px 32px #0003;animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.error-modal-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);color:#ef4444;animation:scaleIn .4s ease-out .1s both}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.error-modal-icon svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(239,68,68,.3))}.error-modal-message{color:var(--text-primary);font-size:16px;line-height:1.6;margin-bottom:var(--spacing-lg);font-weight:500}.error-modal-close{padding:var(--spacing-sm) var(--spacing-xl);background-color:#ef4444cc!important;background:#ef4444cc!important;border:1px solid rgba(239,68,68,.9)!important;border-radius:var(--border-radius);color:#fff!important;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important;min-width:100px}.error-modal-close:hover{background-color:#ef4444!important;background:#ef4444!important;border-color:#ef4444!important;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.error-modal-close:active{transform:translateY(0)}@media (max-width: 768px){.error-modal-content{padding:var(--spacing-lg);max-width:320px}.error-modal-icon{width:56px;height:56px}.error-modal-message{font-size:15px}}.settings-page{padding:var(--spacing-lg) var(--spacing-md);max-width:800px;margin:0 auto}.settings-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.profile-intro{background-color:#4a90e21a!important;background:#4a90e21a!important;border:1px solid rgba(74,144,226,.3);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.intro-text{color:var(--text-primary);font-size:14px;line-height:1.6;margin:0}.section-header{margin-bottom:var(--spacing-lg)}.section-header h2{margin-bottom:var(--spacing-xs)}.section-subtitle{display:block;font-size:13px;color:var(--text-tertiary);font-weight:400;margin-top:var(--spacing-xs)}.profile-section{border:2px solid rgba(74,144,226,.3)}.settings-sections{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-section{margin-bottom:var(--spacing-lg)}.settings-section.card{background-color:#ffffff1a!important;background:#ffffff1a!important}.settings-section h2{font-size:20px;margin-bottom:var(--spacing-lg);color:var(--text-dark)}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#ffffff0d!important;background:#ffffff0d!important;border-radius:var(--border-radius);border:1px solid var(--border-color)}.checkbox-hint{font-size:13px;color:var(--text-tertiary);margin:0 0 var(--spacing-sm) 0;font-style:italic}.checkbox-item{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:400;cursor:pointer;padding:var(--spacing-xs);border-radius:calc(var(--border-radius) * .5);transition:background-color .2s ease}.checkbox-item:hover{background-color:#ffffff0d!important;background:#ffffff0d!important}.checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:rgba(74,144,226,.8);-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-color:#ffffff1a!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.3);border-radius:4px;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.checkbox-item input[type=checkbox]:checked{background-color:#4a90e2cc!important;background:#4a90e2cc!important;border-color:#4a90e2e6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M10 3L4.5 8.5 2 6l1.5-1.5L4.5 7 8.5 3z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px}.checkbox-item span{flex:1;color:var(--text-primary);font-size:14px}.locations-list{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.locations-list h3{font-size:18px;margin-bottom:var(--spacing-md);color:var(--text-dark)}.location-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--primary-light);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm)}.location-coords{font-size:14px;color:var(--text-gray);margin-top:var(--spacing-xs)}.default-badge{display:inline-block;padding:2px 8px;background:var(--primary-color);color:#fff;border-radius:4px;font-size:12px;margin-left:var(--spacing-xs)}.profile-history-section{border:2px solid rgba(74,144,226,.2)}.profile-history-section .section-header{margin-bottom:var(--spacing-sm)}.profile-history-section .section-header h2{margin-bottom:4px;font-size:18px}.profile-history-section .section-subtitle{font-size:12px;margin-top:2px}.profile-history-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-history-item{background-color:#ffffff0d!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.profile-history-item:hover{background-color:#ffffff14!important;background:#ffffff14!important;border-color:#4a90e24d}.profile-history-item.is-current{background-color:#4a90e226!important;background:#4a90e226!important;border-color:#4a90e280}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid rgba(255,255,255,.1);gap:var(--spacing-xs)}.history-item-date{font-size:12px;color:var(--text-tertiary);font-weight:500}.history-item-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs)}.history-item-field{display:flex;align-items:center;gap:4px;font-size:13px;line-height:1.4}.field-label{color:var(--text-tertiary);flex-shrink:0;white-space:nowrap}.field-value{color:var(--text-primary);flex:1;word-break:break-word}.history-item-actions{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-start;align-items:center}.btn-apply-history{padding:4px var(--spacing-sm);background-color:#4a90e2cc!important;background:#4a90e2cc!important;border:1px solid rgba(74,144,226,.9)!important;border-radius:var(--border-radius);color:#fff!important;font-size:12px;cursor:pointer;transition:all .3s ease;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.btn-apply-history:hover,.btn-apply-history:active,.btn-apply-history:focus{background-color:#4a90e2!important;background:#4a90e2!important;border-color:#4a90e2!important;transform:translateY(-1px);box-shadow:0 2px 8px #4a90e24d}.current-badge{display:inline-block;padding:2px 8px;background-color:#4a90e2cc!important;background:#4a90e2cc!important;color:#fff!important;border-radius:10px;font-size:11px;font-weight:500}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.history-item-content{grid-template-columns:1fr;gap:var(--spacing-xs)}.history-item-field{flex-direction:row;gap:4px}.field-label{min-width:auto}}.privacy-page{padding:var(--spacing-lg) var(--spacing-md);max-width:900px;margin:0 auto}.privacy-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.btn-back{padding:var(--spacing-xs) var(--spacing-md);background-color:#4a90e24d!important;background:#4a90e24d!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:var(--border-radius);color:#fff!important;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important}.btn-back:hover{background-color:#4a90e266!important;background:#4a90e266!important;border-color:#ffffff80!important}.page-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.privacy-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.privacy-intro{text-align:center;padding:var(--spacing-md);background-color:#4a90e21a!important;background:#4a90e21a!important;border:1px solid rgba(74,144,226,.3);border-radius:var(--border-radius)}.last-updated{color:var(--text-secondary);font-size:14px;margin:0}.privacy-section{background-color:#ffffff1a!important;background:#ffffff1a!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--border-color)}.privacy-section h2{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid rgba(74,144,226,.3)}.privacy-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.privacy-section p{color:var(--text-primary);font-size:15px;line-height:1.8;margin-bottom:var(--spacing-md);text-align:justify}.privacy-section ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg);list-style-type:disc}.privacy-section li{color:var(--text-primary);font-size:15px;line-height:1.8;margin-bottom:var(--spacing-sm);text-align:justify}.privacy-section li strong{color:var(--text-primary);font-weight:600}.privacy-section p:last-child{margin-bottom:0}.privacy-section ul:last-child{margin-bottom:0}.privacy-section li:last-child{margin-bottom:0}@media (max-width: 768px){.privacy-page{padding:var(--spacing-md) var(--spacing-sm)}.page-title{font-size:24px}.privacy-section{padding:var(--spacing-md)}.privacy-section h2{font-size:20px}.privacy-section h3{font-size:16px}.privacy-section p,.privacy-section li{font-size:14px}}.layout{min-height:100vh;display:flex;flex-direction:column}.navbar{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100}.navbar-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-size:20px;font-weight:600;color:var(--text-primary);text-decoration:none}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-lg)}.navbar-item{color:var(--text-secondary);text-decoration:none;font-size:16px;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);transition:all .3s ease}.navbar-item:hover{background-color:#ffffff1a;color:var(--text-primary)}.navbar-item.active{background-color:#ffffff26;color:var(--text-primary)}.navbar-user{display:flex;align-items:center;gap:var(--spacing-md)}.btn-logout{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-gray);cursor:pointer;transition:all .3s ease}.btn-logout:hover{border-color:var(--primary-color);color:var(--primary-color)}.main-content{flex:1;padding:var(--spacing-lg) 0}.app{min-height:100vh}