:root{font-family:Pretendard Variable,Pretendard,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,Noto Sans,Arial,sans-serif;line-height:1.45;font-weight:400;color:#0f172a;background-color:#edf3ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#eaf2ff,#f5f9ff 36%,#f8fafc)}#root{min-height:100vh}button,input{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.page{max-width:960px;margin:0 auto;padding:1rem 1rem .6rem;flex:1}.site-header{position:sticky;top:0;z-index:10;background:#f8fbffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #d7e3f7;transition:background-color .18s ease,border-color .18s ease}.gnb-inner{max-width:960px;margin:0 auto;padding:.42rem 1rem .36rem;transition:padding .18s ease}.site-header.is-compact{background:#f8fbfff7;border-bottom-color:#c7d8f3}.site-header.is-compact .gnb-inner{padding-top:.28rem;padding-bottom:.22rem}.site-header.is-compact .title-wrap p{opacity:0;height:0;margin:0;overflow:hidden}.site-header.is-compact .topbar{gap:.4rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:.38rem;flex-wrap:wrap}.title-wrap h1{margin:0;font-size:clamp(1.08rem,2.4vw,1.28rem);letter-spacing:-.02em;color:#0f172a}.title-wrap p{margin:.12rem 0 0;font-size:.76rem;color:#51607c;transition:opacity .16s ease,height .16s ease,margin .16s ease}.umbrella-chip{margin-top:.18rem;display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.14rem .44rem;font-size:.68rem;font-weight:650;border:1px solid transparent}.umbrella-chip-icon{width:14px;height:14px}.umbrella-chip-high{background:#ffecec;color:#991b1b;border-color:#fecaca}.umbrella-chip-mid{background:#fff7db;color:#9a3412;border-color:#fde68a}.umbrella-chip-low{background:#e9f3ff;color:#1e40af;border-color:#bfdbfe}.controls{display:inline-flex;gap:.18rem;padding:.16rem;border-radius:.72rem;background:#e8effd}.controls button{border:0;background:transparent;color:#1e293b;border-radius:.52rem;padding:.24rem .46rem;font-size:.76rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .14s ease,transform .12s ease,box-shadow .14s ease,border-color .14s ease}.controls button:hover{background:#dce8ff;transform:translateY(-1px)}.unit-glyph{display:inline-block;min-width:1.55rem;text-align:center;font-size:.74rem;font-weight:700;letter-spacing:-.01em}.controls .active{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 0 0 2px #6366f12e}.search-section{position:relative;margin-top:.6rem}.search-section input{width:100%;border:1px solid #b8c7e3;border-radius:.85rem;padding:.78rem .86rem;font-size:1rem;color:#0f172a;background:#fff}.search-section input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.search-dropdown{position:absolute;left:0;right:0;margin-top:.35rem;z-index:20;border-radius:.85rem;border:1px solid #d9e2f3;box-shadow:0 14px 30px #0f172a21;background:#fff;padding:.32rem}.search-dropdown button{width:100%;border:0;background:transparent;color:#0f172a;text-align:left;padding:.6rem;border-radius:.55rem}.search-dropdown button:hover{background:#f3f5ff}.search-dropdown button.active-option{background:#e8edff}.search-empty,.search-title{margin:.35rem .6rem;color:#64748b;font-size:.84rem}.hero-card,.panel{margin-top:.75rem;border-radius:1rem;border:1px solid #cddaf2;background:#fff;padding:.9rem}.hero-card{background:radial-gradient(circle at 0% 0%,#edf3ff,#fff 58%)}.panel{content-visibility:auto;contain-intrinsic-size:1px 240px}.hero-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap}.hero-head h2{margin:0;font-size:1.05rem}.hero-head p{margin:.22rem 0 0;color:#5f6d88;font-size:.85rem}.hero-main{margin-top:.7rem;display:flex;gap:.9rem;align-items:center}.hero-icon-shell{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#fef3c7,#dbeafe);border:1px solid #dbe4ff}.weather-glyph{width:22px;height:22px}.weather-glyph-large{width:42px;height:42px}.weather-glyph.sun,.weather-glyph.partly{color:#f59e0b}.weather-glyph.cloud,.weather-glyph.fog{color:#64748b}.weather-glyph.rain,.weather-glyph.storm{color:#2563eb}.weather-glyph.snow{color:#0284c7}.temperature{margin:0;font-size:clamp(2.5rem,9vw,4.5rem);line-height:.93;letter-spacing:-.03em;font-weight:750;color:#111827}.condition{margin:.24rem 0 0;font-size:.96rem;color:#46556f}.metrics{margin-top:.72rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.metrics p{margin:0;display:flex;align-items:center;gap:.4rem;border-radius:.72rem;border:1px solid #e2e8f6;background:#f9fbff;padding:.52rem;font-size:.88rem;color:#334155}.metric-icon{width:16px;height:16px;color:#64748b}.updated-line{margin:.68rem 0 0;font-size:.82rem;color:#63728c}.error-box{margin-top:.8rem;border:1px solid #fca5a5;background:#fff5f5;border-radius:.8rem;padding:.8rem;display:flex;justify-content:space-between;align-items:center;gap:.7rem}.error-box p{margin:0}.site-footer{width:100%;margin-top:auto;border-top:1px solid #cddaf2;background:#fff}.footer-inner{max-width:960px;margin:0 auto;padding:.72rem 1rem .8rem}.site-footer p{margin:0;font-size:.82rem;color:#5f6d88}.site-footer p+p{margin-top:.25rem}.footer-credit{font-size:.9rem;color:#334155}.footer-links{margin-top:.5rem;display:flex;gap:.8rem;flex-wrap:wrap}.footer-links a{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;color:#1e3a8a;font-size:.84rem}.footer-links a:hover{text-decoration:underline}.footer-icon{width:15px;height:15px}.panel h3{margin:0 0 .65rem;color:#111827;letter-spacing:-.01em;font-size:.96rem}.hourly-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(88px,1fr);gap:.45rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.18rem;cursor:grab;scroll-snap-type:x proximity}.hourly-scroll.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.hourly-card{margin:0;text-align:center;border:1px solid #e2e8f6;background:#fbfdff;border-radius:.8rem;padding:.5rem;scroll-snap-align:start}.hourly-card p{margin:.14rem 0;font-size:.8rem}.daily-list{display:grid;gap:.45rem}.daily-row{display:grid;grid-template-columns:1.2fr .3fr .6fr .8fr;align-items:center;gap:.35rem;border:1px solid #e2e8f6;background:#fbfdff;border-radius:.8rem;padding:.52rem}.daily-row p{margin:0;font-size:.84rem}button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media(max-width:768px){.gnb-inner{padding-left:.75rem;padding-right:.75rem}.topbar{align-items:center}.title-wrap h1{font-size:1.04rem}.title-wrap p{font-size:.72rem}.controls{padding:.12rem;gap:.14rem}.controls button{padding:.22rem .38rem}.page{padding:.8rem .75rem .56rem}.search-section{margin-top:.48rem}.hero-card,.panel{margin-top:.62rem;padding:.74rem}.temperature{font-size:clamp(2.1rem,11vw,3rem)}.hourly-scroll{grid-auto-columns:minmax(82px,1fr)}.footer-inner{padding:.62rem .75rem .72rem}}@media(max-width:640px){.metrics{grid-template-columns:1fr}.hero-main{gap:.68rem}.hero-icon-shell{width:62px;height:62px;border-radius:18px}.daily-row{grid-template-columns:1.1fr .4fr .7fr .9fr;padding:.46rem}.daily-row p{font-size:.8rem}.footer-links{gap:.55rem}.footer-links a{font-size:.8rem}}@media(max-width:420px){.gnb-inner{padding-left:.62rem;padding-right:.62rem}.page{padding:.72rem .62rem .5rem}.controls button{padding:.2rem .32rem}.unit-glyph{min-width:1.36rem;font-size:.68rem}.hourly-scroll{grid-auto-columns:minmax(76px,1fr);gap:.36rem}.hourly-card{padding:.42rem}}