.search-bar{display:flex;gap:.5rem}.search-input{flex:1;padding:.7rem 1rem;border:1px solid rgba(26,22,18,.12);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:.95rem;outline:none;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .2s var(--ease);box-shadow:var(--shadow)}.search-input:hover{border-color:#1a161233}.search-input::placeholder{color:var(--ink-soft);opacity:.7}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #28727126,0 0 24px var(--accent-glow)}.search-input:disabled{opacity:.7;cursor:not-allowed}.search-btn{padding:.7rem 1.1rem;background:var(--accent);color:var(--surface);border:none;border-radius:var(--radius);font-weight:600;font-size:.9rem;transition:background .25s var(--ease),transform .2s var(--ease),box-shadow .25s var(--ease)}.search-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.search-btn:active:not(:disabled){transform:translateY(0)}.search-btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius);padding:1.5rem 1.4rem;box-shadow:var(--shadow);border:1px solid var(--glass-border);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:var(--glass-border-hover);background:var(--surface-hover)}.current-weather{margin-bottom:0;height:100%}.current-weather .location{font-size:.85rem;color:var(--accent);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;display:flex;align-items:center;gap:.4rem}.current-weather .location:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.temp-row{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.75rem}.icon-big{font-size:4rem;line-height:1;filter:drop-shadow(0 0 15px rgba(255,255,255,.4));animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.temp{font-family:"Instrument Serif",serif;font-size:3.5rem;font-weight:400;letter-spacing:-.02em;line-height:1.05;display:block;color:var(--ink);text-shadow:0 0 40px rgba(42,124,123,.08)}.condition{font-size:1.1rem;color:var(--ink);margin-top:.4rem;font-weight:500}.details{display:flex;flex-wrap:wrap;gap:1.25rem;padding-top:1.25rem;border-top:1px solid var(--glass-border)}.detail{display:flex;flex-direction:column;gap:.3rem;padding:.5rem;border-radius:12px;transition:background .3s var(--ease)}.detail:hover{background:#ffffff0d}.detail-label{font-size:.75rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.detail-value{font-size:1.05rem;font-weight:600;color:var(--ink-bright)}.forecast.card{height:100%;min-height:0;background:var(--surface);border-radius:var(--radius);border:1px solid var(--glass-border);box-shadow:var(--shadow);padding:1.35rem 1.25rem}.forecast-title{font-size:.72rem;font-weight:600;color:var(--ink-soft);margin-bottom:.85rem;text-transform:uppercase;letter-spacing:.1em}.forecast-list{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.forecast-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .6rem;min-width:4.5rem;flex:1 1 0;background:#1a161208;border-radius:10px;font-size:.85rem;border:1px solid rgba(26,22,18,.06);transition:all .3s var(--ease)}.forecast-item:hover{background:#2872710f;transform:scale(1.02);box-shadow:0 4px 12px #1a16120f;border-color:#28727126}.forecast-day{font-weight:600;color:var(--ink);font-size:.8rem;white-space:nowrap}.forecast-icon{font-size:1.6rem;line-height:1;filter:drop-shadow(0 2px 5px rgba(0,0,0,.1));transition:transform .3s var(--ease)}.forecast-item:hover .forecast-icon{transform:scale(1.15);filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.forecast-high{font-weight:700;color:var(--ink);font-size:.95rem}.forecast-low{color:var(--ink-soft);font-size:.8rem;font-weight:500}@media (min-width: 600px){.forecast-list{flex-wrap:nowrap;gap:.8rem}.forecast-item{flex:1 1 0;min-width:0;padding:1rem .6rem}.forecast-day{font-size:.85rem}.forecast-icon{font-size:1.8rem}}@media (min-width: 900px){.forecast-item{padding:1.25rem .75rem}.forecast-day{font-size:.9rem}.forecast-icon{font-size:2.2rem}}.weather-chart{margin-top:1rem;overflow:hidden}.weather-chart-title{font-size:.72rem;font-weight:600;color:var(--ink-soft);margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.1em}.weather-chart-subtitle{font-size:.7rem;color:var(--ink-soft);opacity:.85;margin-bottom:1rem}.snap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.snap-tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.85rem .5rem;background:var(--surface);border-radius:12px;border:1px solid var(--glass-border);transition:background .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);box-shadow:var(--shadow)}.snap-tile:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.snap-label{font-size:.68rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.snap-ring-wrap{position:relative;width:56px;height:56px;flex-shrink:0}.snap-ring{width:100%;height:100%;transform:rotate(-90deg)}.snap-ring-bg{stroke:#1d191414}.snap-ring-fill{stroke:var(--accent);transition:stroke-dasharray .6s var(--ease)}.snap-emoji{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.5rem;line-height:1}.snap-temp{font-size:.95rem;font-weight:700;color:var(--ink)}.snap-temp-min{font-weight:500;color:var(--ink-soft);font-size:.8rem}.snap-vitals{width:100%;display:flex;flex-direction:column;gap:.35rem}.snap-vital{display:flex;align-items:center;gap:.35rem;font-size:.65rem}.snap-vital-icon{width:1rem;text-align:center;opacity:.9}.snap-vital-bar-wrap{flex:1;height:4px;background:#1a161214;border-radius:2px;overflow:hidden;min-width:24px}.snap-vital-bar{height:100%;border-radius:2px;transition:width .4s var(--ease)}.snap-vital-precip{background:linear-gradient(90deg,#3ca7dd,#70b8db)}.snap-vital-wind{background:linear-gradient(90deg,#609f9f,#7ab8b8)}.snap-vital-humid{background:linear-gradient(90deg,var(--accent),hsl(190,40%,55%))}.snap-vital-val{min-width:1.8em;font-weight:600;color:var(--ink-soft);font-size:.6rem}.weather-chart-entrance{animation:cardReveal .5s ease backwards}@keyframes cardReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.snap-tile:nth-child(1){animation:tileIn .4s ease .05s backwards}.snap-tile:nth-child(2){animation:tileIn .4s ease .15s backwards}.snap-tile:nth-child(3){animation:tileIn .4s ease .25s backwards}.snap-tile:nth-child(4){animation:tileIn .4s ease .35s backwards}@keyframes tileIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (max-width: 500px){.snap-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 600px){.snap-tile{padding:1rem .6rem}.snap-ring-wrap{width:64px;height:64px}.snap-emoji{font-size:1.75rem}.snap-temp{font-size:1rem}.snap-vital{font-size:.68rem}.snap-vital-val{font-size:.62rem}}.app{min-height:100vh;display:flex;flex-direction:column;max-width:100%;margin:0 auto;padding:1.5rem 1.25rem 2rem}.header{margin-bottom:2rem;animation:fadeSlideDown .6s var(--ease) backwards}.header h1{font-family:"Instrument Serif",serif;font-size:2rem;font-weight:400;color:var(--ink);margin-bottom:.85rem;letter-spacing:-.01em}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.2rem;background:var(--error-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(247,118,142,.3);border-radius:12px;color:#ff98a8;margin-bottom:1.5rem;font-size:.9rem;font-weight:500;animation:fadeSlideDown .4s var(--ease) backwards;box-shadow:0 4px 15px #f7768e26}.error-banner button{background:none;border:none;color:var(--error);padding:.3rem .6rem;font-size:.85rem;text-decoration:underline;font-weight:600}.error-banner button:hover{opacity:.8;text-shadow:0 0 10px rgba(247,118,142,.5)}.main{flex:1;display:flex;flex-direction:column;gap:1.25rem}.main-content{display:flex;flex-direction:column;gap:1.25rem}.main-content .current-weather-wrap{animation:fadeSlideUp .6s var(--ease) .1s backwards}.main-content .forecast-wrap{animation:fadeSlideUp .6s var(--ease) .2s backwards}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading{text-align:center;padding:4rem 1rem;color:var(--ink-soft);font-size:1.1rem;font-weight:500;letter-spacing:.05em;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1);text-shadow:0 0 15px var(--accent-glow);color:var(--accent)}to{opacity:.5;transform:scale(.98)}}.footer{margin-top:auto;padding-top:2rem;font-size:.8rem;color:var(--ink-soft);opacity:.6;transition:all .3s var(--ease);text-align:center}.footer:hover{opacity:1}.footer a{color:var(--accent);text-decoration:none;transition:all .3s var(--ease);font-weight:500}.footer a:hover{color:var(--accent-hover);text-shadow:0 0 15px rgba(94,236,164,.6)}@media (min-width: 600px){.app{max-width:760px;padding:2rem 1.5rem 2.5rem}.header{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem}.header h1{margin-bottom:0;font-size:2.2rem;white-space:nowrap}.header .header-search{flex:1;min-width:0}.main-content{flex-direction:row;align-items:stretch;gap:1.5rem}.main-content .current-weather-wrap{flex:0 0 320px;min-width:0}.main-content .forecast-wrap{flex:1;min-width:0}}@media (min-width: 900px){.app{max-width:1040px;padding:2.5rem 2rem 3rem}.header{gap:3rem}.header h1{font-size:2.5rem}.main-content{gap:2rem}}:root{--bg: #f5f0e8;--surface: #fff;--surface-hover: #fafafa;--ink: #1a1612;--ink-soft: #4a443c;--ink-bright: #1a1612;--accent: #287271;--accent-hover: #1f5857;--accent-glow: rgba(40, 114, 113, .25);--error: #b53c2c;--error-bg: #fff3f1;--shadow: 0 2px 12px rgba(26, 22, 18, .06);--shadow-hover: 0 8px 28px rgba(26, 22, 18, .1);--radius: 14px;--ease: cubic-bezier(.25, .46, .45, .94);--glass-border: rgba(29, 25, 21, .06);--glass-border-hover: rgba(26, 22, 18, .12);--glass-blur: blur(0px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 80% at 70% -30%,rgba(40,114,113,.06) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at -20% 50%,rgba(180,140,100,.04) 0%,transparent 45%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}#root{min-height:100vh;position:relative;z-index:1}button{font-family:inherit;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}input{font-family:inherit}.glass-panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--glass-border)}