:root{--ink: #5b4636;--ink-soft: #8a7262;--stitch: rgba(139, 107, 82, .4);--felt: #fffaf2;--hi: #d9704a;--lo: #4a86b8}*{box-sizing:border-box}body{margin:0;font-family:Yomogi,Hiragino Maru Gothic ProN,cursive;font-weight:400;color:var(--ink);background:#f3e9dc;-webkit-font-smoothing:antialiased}button{font-family:inherit}.app{--bg: #d7ecf5;--header-ink: var(--ink);min-height:100vh;padding:calc(24px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));background-color:var(--bg);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(91,70,54,.04) 0 1px,transparent 1px 4px);transition:background-color .6s}.theme-clear{--bg: #d7ecf5}.theme-cloudy{--bg: #e7e2da}.theme-fog{--bg: #ece8e2}.theme-rain{--bg: #d3dde9}.theme-storm{--bg: #cdd0dc}.theme-night{--bg: #3d4473;--header-ink: #fdf3e1}.header,.content,.error,.loading{max-width:880px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:var(--header-ink)}h1{margin:0;font-size:2rem;font-weight:400;letter-spacing:.08em;display:inline-block;padding-bottom:2px;border-bottom:2px dashed currentColor}h2{display:inline-block;margin:0 0 12px;padding:2px 12px;font-size:.9rem;font-weight:400;letter-spacing:.08em;background:#fff;border:1.5px dashed var(--stitch);border-radius:999px}.subtitle{margin:6px 0 0;font-size:.9rem;opacity:.85}.refresh{position:relative;width:52px;height:52px;border-radius:50%;border:none;background:#f6b7c1;color:var(--ink);font-size:1.5rem;cursor:pointer;box-shadow:inset 0 -3px #5b463626,0 3px 6px #5b46362e}.refresh:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1.5px dashed rgba(91,70,54,.4);border-radius:50%}.refresh:hover:not(:disabled){background:#f3a3b0}.refresh:disabled{cursor:default;opacity:.75}.refresh span{display:inline-block}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content{display:flex;flex-direction:column;gap:16px}.card{position:relative;background:var(--card, var(--felt));border-radius:24px;padding:20px;box-shadow:0 3px #5b46361a,0 8px 18px #5b46361a}.card:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:2px dashed var(--stitch);border-radius:18px;pointer-events:none}.current{--card: #fff4d6}.hourly-card{--card: #e6f3e8}.daily-card{--card: #fbeee4}.current-main{display:flex;align-items:center;gap:16px}.current-icon{line-height:0}.current-temp{font-size:4.5rem;line-height:1}.current-temp .unit{font-size:1.6rem;vertical-align:top;margin-left:4px}.current-label{font-size:1.4rem;margin-top:4px}.current-sub{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:1rem}.hi{color:var(--hi)}.lo{color:var(--lo)}.drop-icon{vertical-align:-1px;margin-right:2px}.hourly-scroll{overflow-x:auto;margin:0 -12px;padding:0 12px 6px;scrollbar-width:thin}.hourly-row{display:flex}.hour{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.hour-time{font-size:.8rem;color:var(--ink-soft)}.temp-chart{display:block}.chart-label{fill:var(--ink);font-size:13px;font-family:Yomogi,cursive}.precip-bar{width:12px;height:36px;background:#fffc;border:1.5px dashed var(--stitch);border-radius:6px;display:flex;align-items:flex-end;overflow:hidden}.precip-fill{width:100%;background:#9fcdea}.hour-precip,.hour-wind{font-size:.75rem;color:var(--ink-soft)}.details{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.tile:nth-child(5n+1){--card: #fde6e6}.tile:nth-child(5n+2){--card: #e3f1fa}.tile:nth-child(5n+3){--card: #eee7f8}.tile:nth-child(5n+4){--card: #fff4d6}.tile:nth-child(5n+5){--card: #e6f3e8}.tile-wide{--card: #fff4d6}.tile-title{font-size:.85rem;color:var(--ink-soft);margin-bottom:6px}.tile-value{white-space:nowrap;font-size:1.7rem;display:flex;align-items:center;gap:8px}.tile-note{font-size:.85rem;color:var(--ink-soft);margin-top:6px}.tile-wide{grid-column:1 / -1}.tone-good{color:#3f8f5a}.tone-fair{color:#a07d16}.tone-warn{color:#c46a2a}.tone-bad{color:#c44545}.wind-arrow{width:22px;height:22px;color:#e98a6b;transition:transform .4s}.sun-arc{display:block;width:100%;max-width:320px;margin:0 auto;color:var(--ink-soft)}.sun-times{display:flex;justify-content:space-between;max-width:380px;margin:6px auto 0;font-size:.95rem}.daily{list-style:none;margin:0;padding:0}.day{display:grid;grid-template-columns:5.5em 40px 1fr 3.5em 2.5em minmax(60px,1.4fr) 2.5em;align-items:center;gap:8px;padding:8px 0;border-top:1.5px dashed var(--stitch)}.day:first-child{border-top:none}.day-icon{line-height:0;display:flex;justify-content:center}.day-label{font-size:.9rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-precip{font-size:.85rem;color:var(--lo)}.day-lo{text-align:right;color:var(--lo)}.day-hi{color:var(--hi)}.range{position:relative;height:10px;background:#ffffffd9;border:1.5px dashed var(--stitch);border-radius:6px}.range-fill{position:absolute;top:1px;bottom:1px;border-radius:4px;background:linear-gradient(90deg,#9fcdea,#f5a98e)}.error{--card: #fde6e6;text-align:center}.error button{margin-top:8px;padding:8px 20px;border-radius:999px;border:1.5px dashed var(--stitch);background:#fff;color:var(--ink);cursor:pointer}.loading{text-align:center;padding:60px 0;color:var(--header-ink)}.footer{text-align:center;font-size:.8rem;color:var(--header-ink);opacity:.8;margin-top:8px}.footer a{color:inherit}@media(max-width:560px){.current-icon svg{width:88px;height:88px}.current-temp{font-size:3.8rem}.day{grid-template-columns:4.5em 36px 3em 2em minmax(40px,1fr) 2em;font-size:.95rem}.day-label{display:none}.details{grid-template-columns:repeat(2,1fr)}.tile-value{font-size:1.4rem}}