*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}a{text-decoration:none}:root{--font-family: "Montserrat", sans-serif;--fw-thin: 200;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-bold: 600;--fs-xs: .75rem;--fs-md: .9375rem;--fs-lg: 1.125rem;--fs-xl: clamp(5rem, 12vw, 7rem);--clr-white-100: rgba(255, 255, 255, 1);--clr-white-80: rgba(255, 255, 255, .87);--clr-white-55: rgba(255, 255, 255, .72);--clr-white-40: rgba(255, 255, 255, .6);--clr-white-35: rgba(255, 255, 255, .54);--clr-error: rgba(255, 190, 160, 1);--clr-divider: rgba(255, 255, 255, .18);--clr-input-bg: rgba(255, 255, 255, .12);--clr-input-border: rgba(255, 255, 255, .25);--grad-default: linear-gradient(135deg, #4a5568 0%, #718096 100%);--grad-clear: linear-gradient(135deg, #e8820c 0%, #f5b942 100%);--grad-clouds: linear-gradient(135deg, #606c7c 0%, #9aa5b4 100%);--grad-rain: linear-gradient(135deg, #1a3a5c 0%, #4a7fb5 100%);--grad-drizzle: linear-gradient(135deg, #2c5282 0%, #63b3ed 100%);--grad-thunderstorm: linear-gradient(135deg, #1a1a2e 0%, #4a3f6b 100%);--grad-snow: linear-gradient(135deg, #7eafd4 0%, #c8e6f5 100%);--grad-mist: linear-gradient(135deg, #8e9eab 0%, #c8d6df 100%);--grad-haze: linear-gradient(135deg, #b8860b 0%, #d4a843 100%);--space-xs: .375rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 2.5rem;--radius-sm: .625rem;--radius-md: .75rem;--transition-bg: background 1.2s ease}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;scrollbar-gutter:stable;font-size:1rem}body{font-family:var(--font-family);background:var(--grad-default);background-position:center;background-repeat:no-repeat;background-size:cover;transition:var(--transition-bg);min-height:100vh;color:var(--clr-white-100)}main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl) var(--space-md);gap:0}img,picture{display:block;max-width:100%}button,input{font:inherit;cursor:pointer;border:none;background:none}a{color:inherit}.search-area{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:var(--space-md)}.app-label{font-size:var(--fs-xs);letter-spacing:.12em;color:var(--clr-white-40);text-transform:uppercase;margin-bottom:4px}.search-row{width:100%;display:flex;gap:8px}.search-bar{flex:1;background:var(--clr-input-bg);border-bottom:1px solid var(--clr-input-border);color:var(--clr-white-100);padding:8px 4px;height:38px;outline:none;font-family:inherit;font-size:var(--fs-md)}.search-bar::placeholder{color:var(--clr-white-35)}.search-bar:focus{border-bottom-color:var(--clr-white-80)}.search-btn{background:none;border:none;color:var(--clr-white-55);font-size:1.25rem;cursor:pointer;padding:0 4px;display:flex;align-items:center;transition:color .2s ease}.search-btn:hover{color:var(--clr-white-100)}.error-msg{font-size:var(--fs-xs);color:var(--clr-error);display:none;align-self:flex-start;padding-left:4px}.card-one{width:100%;max-width:380px;display:none;flex-direction:column;align-items:flex-start;background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:var(--space-md)}.location{display:flex;align-items:center;gap:5px;color:var(--clr-white-55);font-size:var(--fs-xs);margin-bottom:3px}.city{font-size:var(--fs-xs);font-weight:var(--fw-regular)}.date{margin-bottom:var(--space-lg)}.current-date{font-size:var(--fs-xs);color:var(--clr-white-35)}.weekday{display:none}.weather{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-xs)}.temp{font-size:var(--fs-xl);font-weight:var(--fw-thin);line-height:1;letter-spacing:-4px;color:var(--clr-white-100)}.temp span{font-size:1.75rem;font-weight:var(--fw-light);vertical-align:super;letter-spacing:0}.weather-meta{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:12px;gap:4px}.icon{width:56px;height:56px}#description{font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--clr-white-80)}.feelsLike{font-size:var(--fs-xs);color:var(--clr-white-40);margin-bottom:var(--space-xl)}.grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:.5px solid var(--clr-divider);padding-top:var(--space-md);gap:0}.details-item{display:flex;flex-direction:column;gap:5px;padding-right:var(--space-lg)}.details-item+.details-item{padding-left:var(--space-lg);padding-right:0;border-left:.5px solid var(--clr-divider)}.details-icon{display:none}.details{display:flex;flex-direction:column;gap:4px}.par-value{font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--clr-white-100);line-height:1}.par-value span{font-size:var(--fs-xs);font-weight:var(--fw-light);color:var(--clr-white-55)}.par-name{font-size:var(--fs-xs);color:var(--clr-white-35);font-weight:var(--fw-light)}.card-two{display:contents}.heading{display:none}