.clothing-section{margin-top:24px}.clothing-section__label{font-size:11px;font-weight:600;letter-spacing:1px;opacity:.55;margin-bottom:10px;padding:0 2px}.clothing-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clothing-card{background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px 12px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;animation:clothingFadeUp .45s ease both}@keyframes clothingFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.clothing-card__emoji{font-size:38px;line-height:1}.clothing-card__name{font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;opacity:.95}.clothing-card__desc{font-size:11px;line-height:1.45;opacity:.68;font-style:italic}.weather-view{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform;transition:transform .4s cubic-bezier(.32,.72,0,1)}.weather-scroll{height:100%;overflow-y:auto;padding:70px 16px 100px}.weather-hero{text-align:center;padding:30px 0 36px}.my-location-label{font-size:17px;font-weight:500;opacity:.85;margin-bottom:2px;display:flex;align-items:center;justify-content:center;gap:4px}.location-dot{font-size:20px}.city-name{font-size:36px;font-weight:300;letter-spacing:-.5px;margin-bottom:2px}.big-temp{font-size:96px;font-weight:100;line-height:1;letter-spacing:-4px;margin:6px 0}.condition-text{font-size:20px;font-weight:300;opacity:.9;text-transform:capitalize;margin-bottom:6px}.high-low{font-size:17px;font-weight:400;opacity:.8}.conditions-section{margin-top:8px}.conditions-label{font-size:11px;font-weight:600;letter-spacing:1px;opacity:.55;margin-bottom:10px;padding:0 2px}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:14px 16px 16px;min-height:100px}.detail-card--wide{grid-column:span 2}.detail-card__label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;opacity:.6;margin-bottom:10px}.detail-card__value{font-size:30px;font-weight:300;line-height:1;margin-bottom:4px}.detail-card__sub{font-size:13px;opacity:.7}.city-list-screen{height:100%;display:flex;flex-direction:column;background:linear-gradient(to bottom,#1a1a2e,#16213e 60%,#0f3460);overflow:hidden}.cls-header{display:flex;align-items:center;justify-content:space-between;padding:52px 20px 12px;flex-shrink:0}.cls-lang-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;padding:5px 10px;border-radius:10px;font-size:13px;outline:none;cursor:pointer;min-width:90px}.cls-lang-select option{background:#1a1a2e}.cls-title{font-size:20px;font-weight:600;flex:1;text-align:center;letter-spacing:-.3px}.cls-location-btn{background:none;border:none;color:#ffffffd9;display:flex;align-items:center;justify-content:flex-end;min-width:90px;padding:4px 0;transition:opacity .2s}.cls-location-btn:hover{opacity:.65}.cls-search-form{padding:4px 16px 12px;flex-shrink:0}.cls-search-bar{display:flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:11px 14px;gap:8px}.cls-search-icon{opacity:.5;flex-shrink:0}.cls-search-input{flex:1;background:none;border:none;color:#fff;font-size:16px;outline:none;min-width:0}.cls-search-input::placeholder{color:#ffffff59}.cls-clear-btn{background:#ffffff2e;border:none;color:#ffffffb3;width:18px;height:18px;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cls-message{color:#ffc864f2;font-size:13px;margin-top:8px;padding-left:4px}.cls-list{flex:1;overflow-y:auto;padding:0 16px 40px;display:flex;flex-direction:column;gap:12px}.cls-city-wrapper{position:relative}.cls-city-card{border-radius:20px;padding:18px 52px 18px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:120px;transition:transform .15s ease,opacity .15s ease;overflow:hidden}.cls-city-card:active{transform:scale(.97);opacity:.9}.cls-city-left{flex:1;min-width:0}.cls-my-location{font-size:12px;opacity:.8;margin-bottom:2px;font-weight:500}.cls-city-name{font-size:26px;font-weight:600;letter-spacing:-.5px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cls-city-condition{font-size:14px;opacity:.85;text-transform:capitalize;margin-bottom:6px}.cls-city-hl{font-size:13px;opacity:.75}.cls-city-right{flex-shrink:0;padding-left:8px}.cls-city-temp{font-size:60px;font-weight:100;line-height:1;letter-spacing:-3px}.cls-delete-btn{position:absolute;top:50%;right:14px;transform:translateY(-50%);background:#00000059;border:1px solid rgba(255,255,255,.3);color:#fff;width:34px;height:34px;border-radius:50%;font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;z-index:2}.cls-delete-btn:hover{background:#dc3232bf;border-color:#ff505099}.cls-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:10px;padding:60px 20px;opacity:.55;text-align:center}.cls-empty-icon{font-size:56px;margin-bottom:4px}.cls-empty-title{font-size:18px;font-weight:500}.cls-empty-hint{font-size:14px;opacity:.75;max-width:220px}.app{height:100%;position:relative;overflow:hidden;transition:background 1s ease}.app--loading{display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#1a1a2e,#0f3460)}.app__spinner{font-size:64px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}.app__back-btn{position:fixed;top:52px;left:16px;z-index:10;display:flex;align-items:center;gap:5px;background:none;border:none;color:#fff;font-size:17px;font-weight:400;opacity:.9;transition:opacity .2s}.app__back-btn:hover{opacity:.65}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff}button{-webkit-tap-highlight-color:transparent;cursor:pointer}input{-webkit-appearance:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none}