:root{color:#f6efe5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b111d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #f8efe1;--muted: #a7b1c3;--panel: rgba(18, 28, 45, .9);--panel-soft: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .13);--accent: #f6b15d;--accent-2: #6dc7ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.app-shell{min-height:100vh;padding:clamp(18px,4vw,54px);background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 18% 18%,rgba(109,199,255,.2),transparent 28rem),radial-gradient(circle at 88% 0%,rgba(246,177,93,.22),transparent 24rem),#0b111d;background-size:46px 46px,46px 46px,auto,auto,auto}.weather-desk{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(18px,3vw,34px);max-width:1180px;min-height:calc(100vh - clamp(36px,8vw,108px));margin:0 auto}.brand-rail{align-content:space-between;animation:slide-in .62s ease both;border-right:1px solid var(--line);display:grid;padding:clamp(20px,3vw,34px) clamp(18px,3vw,28px) clamp(20px,3vw,34px) 0}.brand-rail p{color:var(--ink);font-size:clamp(2.5rem,5vw,4.6rem);font-weight:900;letter-spacing:-.12em;line-height:.82;margin:0;writing-mode:vertical-rl}.brand-rail span{color:var(--muted);font-size:.82rem;font-weight:800;letter-spacing:.16em;line-height:1.7;text-transform:uppercase}.workspace{animation:rise-in .68s 80ms ease both;background:linear-gradient(145deg,#ffffff1f,#ffffff08),var(--panel);border:1px solid var(--line);border-radius:36px;box-shadow:0 30px 120px #0000006b;display:grid;gap:clamp(24px,4vw,44px);overflow:hidden;padding:clamp(22px,4vw,48px)}.workspace-header{align-items:start;display:grid;gap:clamp(22px,4vw,42px);grid-template-columns:minmax(0,1fr) minmax(300px,430px)}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.19em;margin:0 0 12px;text-transform:uppercase}.workspace h1,.workspace h2{color:var(--ink);letter-spacing:-.07em;line-height:.92;margin:0}.workspace h1{font-size:clamp(2.8rem,7vw,7.5rem);max-width:720px}.workspace h2{font-size:clamp(2rem,4vw,4rem)}.search{background:#ffffff12;border:1px solid var(--line);border-radius:24px;padding:16px}.search label{color:var(--muted);display:block;font-size:.78rem;font-weight:800;letter-spacing:.1em;margin:0 0 10px;text-transform:uppercase}.search__row{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.search input{background:#070c14;border:1px solid rgba(255,255,255,.11);border-radius:16px;color:var(--ink);min-width:0;outline:0;padding:15px 16px;transition:border-color .18s ease,box-shadow .18s ease}.search input:focus{border-color:#f6b15dc2;box-shadow:0 0 0 4px #f6b15d24}.search button{background:var(--accent);border:0;border-radius:16px;color:#15100a;cursor:pointer;font-weight:900;min-width:62px;padding:0 18px;transition:transform .18s ease,filter .18s ease,opacity .18s ease}.search button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.search button:disabled{cursor:progress;opacity:.66}.error{color:#ffb7ad;font-weight:800;margin:12px 0 0}.current-grid{display:grid;gap:clamp(18px,3vw,30px);grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr)}.temperature-card{background:radial-gradient(circle at 78% 22%,rgba(109,199,255,.22),transparent 16rem),linear-gradient(135deg,#f6b15d2e,#ffffff0f);border:1px solid var(--line);border-radius:32px;min-height:430px;padding:clamp(22px,4vw,42px);position:relative}.temperature-card p{color:var(--muted);font-size:clamp(1.1rem,2vw,1.45rem);font-weight:800;margin:0}.temperature-card strong{bottom:clamp(20px,4vw,38px);color:var(--ink);display:block;font-size:clamp(7rem,18vw,18rem);font-weight:950;letter-spacing:-.18em;line-height:.72;position:absolute;right:clamp(24px,5vw,58px)}.temperature-card>span{bottom:clamp(22px,4vw,42px);color:var(--muted);font-weight:800;left:clamp(22px,4vw,42px);position:absolute}.weather-mark{margin-bottom:clamp(34px,8vw,96px)}.weather-icon{border-radius:999px;display:inline-block;flex:0 0 auto;position:relative}.weather-icon--sun{background:var(--accent);box-shadow:0 0 0 16px #f6b15d21,0 0 80px #f6b15d61}.weather-icon--cloud{background:#e7eef8;box-shadow:-22px 16px 0 -8px #e7eef8db,22px 14px 0 -10px #e7eef894,0 24px 70px #6dc7ff2e}.weather-icon--rain{background:var(--accent-2);box-shadow:-18px 18px 0 -8px #e7eef8cc,20px 16px 0 -10px #e7eef894,0 24px 70px #6dc7ff38}.weather-icon--snow{background:#f8fbff;box-shadow:0 0 0 14px #f8fbff29,0 24px 70px #6dc7ff2e}.weather-icon--storm{background:#60708a;box-shadow:0 0 0 14px #60708a2e,0 24px 70px #6dc7ff29}.temperature-card .weather-icon{height:clamp(74px,11vw,124px);width:clamp(74px,11vw,124px)}.metric-list{border:1px solid var(--line);border-radius:32px;display:grid;overflow:hidden}.metric-row{align-content:center;background:var(--panel-soft);display:grid;gap:10px;padding:clamp(20px,4vw,34px)}.metric-row+.metric-row{border-top:1px solid var(--line)}.metric-row span,.forecast-day span,.forecast-day small{color:var(--muted);font-weight:800}.metric-row strong{color:var(--ink);font-size:clamp(2rem,4vw,4rem);letter-spacing:-.08em;line-height:.9}.forecast-panel{border-top:1px solid var(--line);padding-top:clamp(22px,4vw,38px)}.section-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:clamp(20px,3vw,30px)}.forecast-strip{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.forecast-day{background:#ffffff0e;border:1px solid var(--line);border-radius:24px;min-height:174px;padding:18px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.forecast-day:hover{background:#ffffff17;border-color:#f6b15d57;transform:translateY(-5px)}.forecast-day .weather-icon{height:34px;margin:22px 0;width:34px}.forecast-day strong{color:var(--ink);display:block;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.09em;line-height:.9;margin-bottom:8px}@keyframes slide-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.weather-desk{grid-template-columns:1fr}.brand-rail{align-items:center;border-bottom:1px solid var(--line);border-right:0;display:flex;justify-content:space-between;padding:0 0 18px}.brand-rail p{font-size:clamp(2.4rem,10vw,4rem);writing-mode:initial}.brand-rail span{max-width:180px;text-align:right}.workspace-header,.current-grid{grid-template-columns:1fr}.temperature-card{min-height:360px}}@media(max-width:700px){.app-shell{padding:14px}.workspace{border-radius:26px}.search__row,.forecast-strip{grid-template-columns:1fr}.search button{min-height:50px}.temperature-card strong{font-size:clamp(6.5rem,32vw,10rem)}.section-heading{align-items:start;flex-direction:column;gap:8px}.forecast-day{align-items:center;display:grid;grid-template-columns:1fr auto auto auto;min-height:auto}.forecast-day .weather-icon{margin:0 12px}}