*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff7e9;--surface:rgba(255,252,245,.82);--surface-strong:#fffdf7;--surface-soft:rgba(255,245,221,.72);--border:rgba(168,118,38,.18);--shadow:0 22px 60px rgba(188,127,28,.14);--shadow-soft:0 16px 40px rgba(188,127,28,.1);--text:#3f2a14;--text-soft:#6e5332;--text-muted:#8f7250;--accent:#f28d35;--accent-strong:#dc6b22;--radius-lg:32px;--radius-md:22px;--font-ui:"Avenir Next","Segoe UI","Trebuchet MS",sans-serif;--font-display:Georgia,"Times New Roman",serif}html{min-height:100%}body{min-height:100vh;background:radial-gradient(circle at top left,rgba(255,226,160,.9),transparent 34%),radial-gradient(circle at top right,rgba(255,195,139,.55),transparent 28%),radial-gradient(circle at 20% 80%,rgba(255,235,189,.75),transparent 24%),linear-gradient(180deg,#fff6e6,#fffaf2 44%,#fff6eb);color:var(--text);font-family:var(--font-ui);line-height:1.6;transition:background 1.4s ease}body.theme-cloud{--accent:#c8956a;--accent-strong:#a8714a;background:radial-gradient(circle at top left,hsla(36,26%,81%,.8),transparent 34%),radial-gradient(circle at top right,hsla(36,22%,77%,.5),transparent 28%),radial-gradient(circle at 20% 80%,hsla(36,29%,83%,.6),transparent 24%),linear-gradient(180deg,#f2ede6,#f8f4ee 44%,#f2ede6)}body.theme-rain{--bg:#dde6f0;--accent:#5b8fb9;--accent-strong:#3a6f9e;--text:#1e2e3e;--text-soft:#3a5570;--text-muted:#5a7590;--border:rgba(80,130,180,.2);background:radial-gradient(circle at top left,rgba(140,180,230,.6),transparent 34%),radial-gradient(circle at top right,rgba(110,160,210,.4),transparent 28%),radial-gradient(circle at 20% 80%,rgba(150,190,235,.5),transparent 24%),linear-gradient(180deg,#dce7f3,#e8f0f8 44%,#dce7f3)}body.theme-drizzle{--bg:#e4ecf5;--accent:#7aaac8;--accent-strong:#5a8aaa;--text:#223040;--text-soft:#425a70;--text-muted:#627a90;--border:rgba(90,140,180,.18);background:radial-gradient(circle at top left,rgba(160,195,230,.5),transparent 34%),radial-gradient(circle at top right,rgba(140,180,220,.35),transparent 28%),radial-gradient(circle at 20% 80%,rgba(170,205,235,.4),transparent 24%),linear-gradient(180deg,#e2eaf4,#eaf1f9 44%,#e2eaf4)}body.theme-mist{--bg:#eeecf0;--accent:#9b93b0;--accent-strong:#7b6f92;--text:#2e2838;--text-soft:#5a5268;--text-muted:#7e7690;--border:rgba(130,115,160,.16);background:radial-gradient(circle at top left,rgba(200,195,220,.55),transparent 34%),radial-gradient(circle at top right,rgba(195,188,215,.4),transparent 28%),radial-gradient(circle at 20% 80%,rgba(210,205,228,.45),transparent 24%),linear-gradient(180deg,#ece9f2,#f3f1f7 44%,#ece9f2)}body.theme-thunder{--bg:#1e1928;--surface:rgba(35,28,48,.88);--surface-strong:#2c2440;--surface-soft:rgba(45,36,60,.75);--accent:#a87fd8;--accent-strong:#8855c0;--text:#e8e0f0;--text-soft:#b8a8d0;--text-muted:#907898;--border:rgba(140,100,200,.22);--shadow:0 22px 60px rgba(80,40,140,.28);--shadow-soft:0 16px 40px rgba(80,40,140,.18);background:radial-gradient(circle at top left,rgba(120,60,200,.35),transparent 34%),radial-gradient(circle at top right,rgba(80,40,160,.25),transparent 28%),radial-gradient(circle at 20% 80%,rgba(100,50,180,.28),transparent 24%),linear-gradient(180deg,#1a1428,#221b36 44%,#1a1428)}body.theme-snow{--bg:#eaf2fb;--accent:#6aaad8;--accent-strong:#4a8abf;--text:#1a2e40;--text-soft:#3a5570;--text-muted:#5a7890;--border:rgba(80,150,210,.18);background:radial-gradient(circle at top left,rgba(180,215,245,.65),transparent 34%),radial-gradient(circle at top right,rgba(200,225,250,.5),transparent 28%),radial-gradient(circle at 20% 80%,rgba(175,210,245,.55),transparent 24%),linear-gradient(180deg,#e8f2fc,#f2f8fe 44%,#e8f2fc)}body.time-night{filter:brightness(.92) saturate(.88)}body:after,body:before{content:"";position:fixed;inset:auto;z-index:-1;pointer-events:none;filter:blur(18px)}body:before{width:18rem;height:18rem;top:5rem;right:7vw;border-radius:999px;background:rgba(255,197,119,.35)}body:after{width:20rem;height:20rem;bottom:2rem;left:4vw;border-radius:999px;background:rgba(255,225,175,.28)}a{color:inherit}.main{width:min(1100px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0 4rem}.intro-shell{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.9rem}.card,.empty-state,.error-box,.intro-copy,.search-card,.spinner-box-soft{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.intro-copy{padding:.15rem .15rem 0}.card-kicker,.day-overview-kicker,.empty-state-kicker,.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong)}.intro-copy h1{max-width:16ch;margin-top:.15rem;font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2rem);line-height:.98;letter-spacing:-.04em;color:#5b3510}.tagline{max-width:42rem;margin-top:.15rem;color:var(--text-soft);font-size:.9rem}.search-card{position:relative;z-index:10;width:100%;padding:1rem 1.05rem;border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,252,245,.94),rgba(255,246,227,.86))}.search-card-copy p{margin-bottom:.55rem;color:var(--text-soft);font-size:.88rem}.search-kicker{margin-bottom:.1rem;color:#6a3e15;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.results-shell{display:flex;flex-direction:column;gap:1rem}.empty-state{padding:2rem;border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,251,242,.92),rgba(255,246,225,.84))}.empty-state h2{margin-top:.7rem;font-family:var(--font-display);font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.05;color:#61350f}.empty-state p:last-child{max-width:42rem;margin-top:.8rem;color:var(--text-soft)}.location-picker{display:flex;flex-direction:column;gap:.5rem}.city-form{display:flex;gap:.55rem;align-items:stretch}.city-input-wrap{position:relative;flex:1 1}.city-input{width:100%;min-height:3.2rem;padding:.8rem 1rem;border:1px solid rgba(216,154,63,.24);border-radius:22px;background:hsla(0,0%,100%,.88);color:var(--text);font-size:1rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.city-input:focus{border-color:rgba(229,143,43,.62);box-shadow:0 0 0 6px rgba(255,203,135,.24)}.city-input::placeholder{color:#aa8967}.input-status{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.78rem}.suggestions-list{position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:20;overflow:hidden;border:1px solid rgba(214,149,61,.18);border-radius:20px;background:rgba(255,253,248,.97);box-shadow:var(--shadow-soft)}.suggestion-item{width:100%;border:0;background:transparent;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:.12rem;padding:.9rem 1rem .9rem 2.65rem;text-align:left;position:relative;transition:background .14s ease}.suggestion-item:before{content:"•";position:absolute;left:1rem;top:.85rem;color:var(--accent);font-size:1rem}.suggestion-item+.suggestion-item{border-top:1px solid hsla(35,56%,65%,.2)}.suggestion-item.active,.suggestion-item:hover{background:rgba(255,224,188,.44)}.suggestion-main{font-size:.98rem;font-weight:700}.suggestion-sub{color:var(--text-muted);font-size:.82rem}.btn-primary,.btn-secondary,.recent-chip{font:inherit}.btn-primary{min-height:3.2rem;padding:.8rem 1rem;border:none;border-radius:22px;background:linear-gradient(180deg,#f8a64e,#ee8132);color:#fffaf3;font-size:.96rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 14px 28px rgba(226,126,34,.24);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 30px rgba(226,126,34,.28)}.btn-secondary{min-height:3.2rem;padding:.8rem .95rem;border:1px solid rgba(223,168,88,.28);border-radius:999px;background:rgba(255,252,245,.78);color:var(--text-soft);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.btn-secondary:hover:not(:disabled),.recent-chip:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(226,132,37,.34);background:rgba(255,240,214,.86)}.btn-primary:disabled,.btn-secondary:disabled,.recent-chip:disabled{opacity:.55;cursor:not-allowed}.recent-locations{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.1rem}.recent-title{color:var(--text-muted);font-size:.8rem}.recent-chips{display:flex;flex-wrap:wrap;gap:.45rem}.recent-chip{padding:.45rem .75rem;border:1px solid rgba(223,168,88,.26);border-radius:999px;background:rgba(255,251,242,.8);color:var(--text-soft);cursor:pointer}.error{color:#b94d29;font-size:.9rem}.error-box{padding:1rem 1.1rem;border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,245,241,.96),rgba(255,236,230,.92));color:#9f4325}.spinner-box{text-align:center}.spinner-box-soft{padding:2rem 1rem;border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,251,241,.92),rgba(255,244,222,.82));color:var(--text-soft)}.spinner{width:40px;height:40px;margin:0 auto 1rem;border:3px solid rgba(240,183,97,.25);border-top:3px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.card{position:relative;overflow:hidden;padding:1.55rem;border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,253,247,.95),rgba(255,247,229,.86))}.card:before{content:"";top:-2.75rem;right:-3rem;width:11rem;height:11rem;background:radial-gradient(circle,rgba(255,206,129,.38),transparent 68%);pointer-events:none}.card-loading,.card:before{position:absolute;border-radius:999px}.card-loading{top:1rem;right:1rem;padding:.28rem .65rem;background:rgba(255,244,219,.9);color:var(--text-soft);font-size:.78rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem}.location-name{margin-top:.2rem;font-family:var(--font-display);font-size:clamp(1.65rem,3vw,2.35rem);line-height:.98;letter-spacing:-.03em;color:#60350f}.observed-at{color:var(--text-muted);font-size:.88rem;white-space:nowrap}.card-preview .preview-loading{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:1.25rem;border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,243,215,.84),rgba(255,236,198,.72))}.preview-loading .spinner{margin:0;flex:0 0 auto}.preview-title{font-weight:700;color:#704113}.preview-loading-copy p:last-child{color:var(--text-soft)}.day-overview-shell{margin-bottom:1.5rem}.day-overview-header{margin-bottom:.75rem}.day-overview-header h2{margin-top:.2rem;font-size:1.06rem;color:#6b4117}.day-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.day-part{padding:1rem;border:1px solid rgba(221,171,89,.2);border-radius:24px;background:linear-gradient(180deg,rgba(255,253,248,.92),rgba(255,241,212,.84));box-shadow:0 12px 28px rgba(221,171,89,.1)}.day-part-topline{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}.day-part-label{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong)}.day-part-meta,.day-part-time{color:var(--text-muted);font-size:.78rem}.day-part-icon{margin-top:.55rem;font-size:1.8rem;line-height:1}.day-part-temp{margin-top:.45rem;font-size:1.55rem;font-weight:800;color:#5b3510}.day-part-summary{margin-top:.35rem;color:var(--text-soft);font-size:.9rem;line-height:1.35}.vibe-bar{position:relative;height:12px;margin-bottom:1.5rem;border-radius:999px;background:rgba(255,231,181,.8);overflow:hidden}.vibe-fill{height:100%;border-radius:inherit;transition:width 1.1s cubic-bezier(.34,1.56,.64,1)}.vibe-label{position:absolute;right:0;top:-1.7rem;font-size:.78rem;font-weight:700}.personality-label{position:relative;max-width:28ch;padding:1rem 1.25rem 1rem 2.8rem;margin-bottom:.25rem;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(255,246,224,.92),rgba(255,237,198,.72));border-left:3px solid var(--accent);font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);line-height:1.22;letter-spacing:-.02em;color:#563111}.personality-label:before{content:"\201C";position:absolute;left:.35rem;top:.1rem;font-size:3.5rem;line-height:1;font-family:Georgia,serif;color:var(--accent);opacity:.45;pointer-events:none}.summary-line{margin-top:.7rem;color:var(--text-soft);font-size:1.02rem;font-style:italic}.description{max-width:60ch;margin-top:.95rem;margin-bottom:1.4rem;color:var(--text);font-size:1.02rem}.clothing-advice{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1.4rem;padding:.7rem 1rem;border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,247,226,.92),rgba(255,238,202,.76))}.clothing-advice-label{flex-shrink:0;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#754519}.clothing-advice-text{font-size:1rem;color:var(--text)}.card-sections{margin-bottom:1.6rem}.card-sections section{padding:1rem 1.1rem;border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,247,226,.92),rgba(255,238,202,.76))}.card-sections h2{margin-bottom:.7rem;color:#754519;font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.card-sections ul{list-style:none;display:flex;flex-direction:column;gap:.45rem}.card-sections li{position:relative;padding-left:1.05rem}.card-sections li:before{content:"•";position:absolute;left:0;color:var(--accent-strong)}.attribution{color:var(--text-muted);font-size:.76rem}.attribution a{color:var(--text-soft);text-decoration:underline}@media (max-width:700px){.main{width:min(100% - 1rem,100%);padding-top:.9rem}.card,.empty-state,.error-box,.intro-copy,.search-card,.spinner-box-soft{border-radius:24px}.card,.empty-state,.search-card{padding:1rem}.intro-copy{padding:0 .05rem}.city-form{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.day-overview{grid-template-columns:1fr}.day-part{padding:.95rem}.card-header{flex-direction:column;gap:.5rem}.observed-at{white-space:normal}}@media (max-width:480px){.intro-copy h1{max-width:100%;font-size:1.45rem}.recent-locations{align-items:flex-start}}.change-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding:.6rem .9rem;border-radius:var(--radius-md);background:rgba(255,243,210,.92);border:1px solid rgba(220,160,50,.28);font-size:.88rem;color:var(--text-soft);animation:slide-in .35s ease}.change-banner-text{flex:1 1}.change-banner-close{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:1.1rem;line-height:1;color:var(--text-muted);padding:0 .2rem}@keyframes slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.weather-metrics{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin-bottom:1.4rem;padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--surface-soft)}.metric{display:flex;align-items:center;gap:.3rem;font-size:.88rem}.metric-icon{font-size:1rem;line-height:1}.metric-value{font-weight:700;color:var(--text)}.metric-label{color:var(--text-muted)}.metric-trend{width:100%;font-style:italic;color:var(--text-soft);font-size:.85rem}.share-btn{display:flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border:1px solid var(--border);border-radius:999px;background:none;cursor:pointer;font-size:.8rem;color:var(--text-soft);transition:background .15s ease,color .15s ease;white-space:nowrap}.share-btn:hover{background:rgba(255,220,160,.35);color:var(--text)}.loading-steps{display:flex;flex-direction:column;gap:.45rem;margin-top:1rem;padding:1.1rem 1.25rem;border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,243,215,.84),rgba(255,236,198,.72))}.loading-step{display:flex;align-items:center;gap:.6rem;font-size:.9rem}.loading-step.done{color:var(--text-soft)}.loading-step.active{color:var(--text);font-weight:600}.loading-step.waiting{color:var(--text-muted)}.step-check{color:#22c55e;font-weight:700;width:1rem;text-align:center}.step-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);margin:0 .22rem}.loading-step.active .step-dot{animation:pulse-dot 1.4s ease-in-out infinite}.loading-step.waiting .step-dot{background:var(--text-muted);opacity:.4}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}@media (prefers-reduced-motion:no-preference){.motion-sun{animation:sun-pulse 3.5s ease-in-out infinite}.motion-rain{animation:rain-drip 1.6s ease-in-out infinite}.motion-mist{animation:mist-haze 3s ease-in-out infinite}.motion-snow{animation:snow-float 2.4s ease-in-out infinite}.motion-thunder{animation:thunder-flash 2.8s ease-in-out infinite}}@keyframes sun-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes rain-drip{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes mist-haze{0%,to{opacity:1}50%{opacity:.5}}@keyframes snow-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}@keyframes thunder-flash{0%,90%,to{filter:brightness(1)}92%{filter:brightness(1.6)}94%{filter:brightness(1)}96%{filter:brightness(1.4)}}