body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif}#root{width:100%;min-height:100vh}button,input{font-family:inherit}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.app{flex-direction:column;min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;transition:background 1.2s;display:flex;position:relative;overflow:hidden}.app--mounted .panel-left{opacity:1;transform:translate(0)}.app--mounted .panel-right{opacity:1;transform:translateY(0)}.blob{pointer-events:none;filter:blur(80px);border-radius:50%;transition:background 1.2s;position:absolute}.blob-1{width:500px;height:500px;top:-150px;left:-100px}.blob-2{width:400px;height:400px;bottom:-100px;right:-80px}.layout{z-index:1;flex:1;display:flex;position:relative}.panel-left{opacity:0;border-right:1px solid;flex-direction:column;flex-shrink:0;width:380px;transition:opacity .6s,transform .6s;display:flex;transform:translate(-20px)}.left-inner{flex-direction:column;gap:20px;height:100%;padding:28px 28px 24px;display:flex}.panel-right{opacity:0;flex:1;transition:opacity .7s .1s,transform .7s .1s;overflow-y:auto;transform:translateY(12px)}.right-inner{flex-direction:column;gap:24px;padding:28px 32px 24px;display:flex}.brand{letter-spacing:.08em;text-transform:uppercase;opacity:.65;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.search-form{width:100%;position:relative}.suggestions{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;border:1.5px solid;border-radius:12px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.suggestion-item{cursor:pointer;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.suggestion-item:hover{background:#ffffff14}.search-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;transition:border-color .25s,box-shadow .25s;display:flex}.search-wrapper.focused{box-shadow:0 0 0 3px #ffffff14}.search-icon{flex-shrink:0;width:16px;height:16px;transition:color .2s}.search-input{background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:14px}.search-input::placeholder{opacity:.45}.search-clear{cursor:pointer;opacity:.5;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1;transition:opacity .15s}.search-clear:hover{opacity:.9}.search-submit{cursor:pointer;letter-spacing:.03em;border:none;border-radius:9px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;transition:opacity .2s,transform .15s}.search-submit:hover:not(:disabled){opacity:.85;transform:scale(.97)}.search-submit:disabled{opacity:.4;cursor:default}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:10px;padding:10px 14px;font-size:13px}.left-weather{flex-direction:column;flex:1;gap:10px;display:flex}.city-row{align-items:flex-start;gap:6px;display:flex}.city-name{letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.2}.country-code{font-size:16px;font-weight:400}.temp-block{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.temp-main{letter-spacing:-.04em;font-size:80px;font-weight:800;line-height:1;transition:color .8s}.temp-unit{vertical-align:super;margin-left:2px;font-size:28px;font-weight:500}.weather-icon-wrap{opacity:.9;transition:color .8s}.mood-badge{letter-spacing:.04em;border-radius:20px;align-items:center;width:fit-content;padding:5px 12px;font-size:12px;font-weight:600;transition:background .8s,color .8s;display:inline-flex}.feels-like{opacity:.75;font-size:13px}.sun-row{align-items:center;gap:6px;margin-top:4px;font-size:13px;display:flex}.empty-state,.loading-state{opacity:.6;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 0;font-size:14px;display:flex}.pulse-ring{border:2.5px solid;border-radius:50%;width:36px;height:36px;animation:1.2s ease-in-out infinite pulse-ring}@keyframes pulse-ring{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.details-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;display:flex}.details-title{letter-spacing:-.01em;font-size:18px;font-weight:700}.details-date{opacity:.7;font-size:13px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;border:1px solid;border-radius:16px;align-items:center;gap:10px;padding:14px 16px;transition:transform .2s,box-shadow .2s;display:flex}.stat-pill:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.stat-icon{flex-shrink:0;align-items:center;display:flex}.stat-content{flex-direction:column;min-width:0;display:flex}.stat-label{letter-spacing:.07em;text-transform:uppercase;opacity:.7;font-size:10px;font-weight:600}.stat-value{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.wind-compass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:20px;padding:20px 24px}.compass-wrap{align-items:center;gap:24px;display:flex}.compass-ring{border:2px solid;border-radius:50%;flex-shrink:0;width:88px;height:88px;position:relative}.compass-label{letter-spacing:.05em;font-size:10px;font-weight:700;line-height:1;position:absolute}.compass-label--n{top:4px;left:50%;transform:translate(-50%)}.compass-label--s{bottom:4px;left:50%;transform:translate(-50%)}.compass-label--e{top:50%;right:5px;transform:translateY(-50%)}.compass-label--w{top:50%;left:5px;transform:translateY(-50%)}.compass-needle{transform-origin:bottom;opacity:.85;border-bottom:30px solid;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;margin-top:-30px;margin-left:-5px;transition:transform 1s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%}.compass-center{border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compass-info{flex-direction:column;gap:3px;display:flex}.compass-speed{letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1}.compass-dir{letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:700}.compass-tag{letter-spacing:.05em;text-transform:uppercase;opacity:.6;font-size:11px;font-weight:500}.forecast-strip{flex-direction:column;gap:12px;display:flex}.forecast-heading{letter-spacing:.1em;text-transform:uppercase;opacity:.6;font-size:11px;font-weight:700}.forecast-cards{scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.forecast-cards::-webkit-scrollbar{display:none}.forecast-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;border:1px solid;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;min-width:80px;padding:14px 16px;transition:transform .2s;display:flex}.forecast-card:hover{transform:translateY(-3px)}.fc-day{letter-spacing:.06em;text-transform:uppercase;opacity:.6;font-size:10px;font-weight:700}.fc-icon{display:flex}.fc-temp{letter-spacing:-.02em;font-size:18px;font-weight:800;line-height:1}.fc-desc{opacity:.6;text-align:center;font-size:10px;font-weight:500}.right-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;padding:40px;display:flex}.placeholder-graphic{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex}.placeholder-text{opacity:.4;text-align:center;font-size:15px;line-height:1.6}.footer{letter-spacing:.05em;z-index:1;border-top:1px solid;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:11px;font-weight:500;display:flex;position:relative}.footer-dot{opacity:.4}@media (width<=900px){.layout{flex-direction:column}.panel-left{opacity:1;border-bottom:1px solid;border-right:none;width:100%;transform:none}.panel-right{opacity:1;transform:none}.left-inner,.right-inner{padding:20px 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.temp-main{font-size:64px}}@media (width<=480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-pill{padding:12px}.city-name{font-size:18px}.temp-main{font-size:56px}}