:root{--brand: #1377C4;--brand-deep: #0E5E9C;--accent: #E55A2B;--bg: #F4F6FA;--surface: #FFFFFF;--surface-2: #F7F9FC;--ink: #1A1F2A;--ink-2: #4B5260;--ink-3: #8A93A1;--line: rgba(20,30,48,.08);--line-2: rgba(20,30,48,.04);--shadow-card: 0 1px 0 rgba(255,255,255,.6) inset, 0 1px 2px rgba(20,30,48,.04), 0 4px 18px rgba(20,30,48,.06);--radius-card: 12px;--on-brand: #FFFFFF}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter Tight,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}.app{max-width:980px;margin:0 auto;padding-bottom:16px;background:var(--bg)}.header{position:relative;background:linear-gradient(160deg,var(--brand) 0%,var(--brand-deep) 100%);color:var(--on-brand);padding:14px 20px 16px;overflow:hidden}.header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 80% at 85% 10%,rgba(255,255,255,.25),transparent 60%),radial-gradient(50% 70% at 15% 100%,rgba(255,255,255,.1),transparent 60%);pointer-events:none}.header>*{position:relative}.header-link{display:block;text-decoration:none;color:inherit}.title{font-family:Fraunces,Inter Tight,ui-serif,Georgia,serif;font-weight:600;font-size:clamp(28px,5.4vw,44px);line-height:1.04;letter-spacing:-.02em;margin:0;text-wrap:balance}.title em{font-style:italic;font-weight:500;background:linear-gradient(120deg,#ffc85a 20%,#ff4d00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.locbar-row{display:flex;align-items:stretch;gap:8px;margin:10px 20px 2px}.locbar-row .locbar{flex:1;margin:0}.locbar{position:relative;border-radius:12px;background:var(--surface);border:1px solid var(--line);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.locbar:hover{border-color:#141e3029}.locbar.editing{background:var(--surface);border-color:color-mix(in oklab,var(--brand) 50%,var(--line));box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 18%,transparent)}.locbar-trigger,.locbar-edit{display:flex;align-items:baseline;gap:10px;width:100%;padding:10px 12px 10px 18px;background:transparent;border:0;text-align:left;font:inherit;color:inherit}.locbar-trigger{cursor:pointer}.locbar-trigger:hover .locbar-icon{color:var(--ink-2)}.locbar-name{font-size:clamp(20px,4.2vw,24px);font-weight:600;letter-spacing:-.015em;color:var(--ink)}.locbar-country{font-size:13px;color:var(--ink-3);font-weight:500}.locbar-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:34px;height:34px;border-radius:999px;color:var(--ink-3);align-self:center;flex-shrink:0;background:transparent;border:0;font-size:18px;cursor:pointer;transition:background .12s,color .12s}button.locbar-icon:hover{background:var(--surface-2);color:var(--ink)}.locbar-input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:inherit;font-size:clamp(20px,4.2vw,24px);font-weight:600;letter-spacing:-.015em;color:var(--ink);padding:0}.locbar-input::placeholder{color:var(--ink-3);font-weight:500}.locbar-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-card),0 24px 60px #141e3029;padding:6px;margin:0;list-style:none;z-index:50;max-height:320px;overflow-y:auto}.locbar-result{display:flex;align-items:baseline;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--ink);line-height:1.3}.locbar-result strong{font-weight:600}.locbar-result small{color:var(--ink-3);font-size:13px}.locbar-result.active,.locbar-result:hover{background:var(--surface-2)}.locbar-locate-row{align-items:center;color:var(--brand)}.locbar-locate-row strong{color:var(--brand);font-weight:600}.locbar-empty{padding:10px 12px;color:var(--ink-3);font-size:13px}.unit-toggle{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;flex-shrink:0}.unit-toggle button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font-family:inherit;font-size:12px;font-weight:600;color:var(--ink-3);cursor:pointer;padding:0 11px;flex:1;transition:background .12s,color .12s;white-space:nowrap;line-height:1}.unit-toggle button:first-child{border-bottom:1px solid var(--line)}.unit-toggle button.active{background:var(--brand);color:var(--on-brand)}.unit-toggle button:hover:not(.active){background:var(--surface-2);color:var(--ink)}.scroller{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;padding:8px 16px 10px;cursor:grab;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}.scroller.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.scroller::-webkit-scrollbar{height:8px;background:transparent}.scroller::-webkit-scrollbar-track{background:transparent}.scroller::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;transition:background .15s}.scroller:hover{scrollbar-color:rgba(20,30,48,.22) transparent}.scroller:hover::-webkit-scrollbar-thumb{background:#141e3038}.scroller:hover::-webkit-scrollbar-thumb:hover{background:#141e3059}.daycard{flex:0 0 auto;min-width:122px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:9px 11px 10px;box-shadow:var(--shadow-card);position:relative;cursor:pointer;transition:transform .15s,border-color .15s;text-align:left;font:inherit;color:inherit;overflow:hidden;display:flex;flex-direction:column;align-items:stretch}.daycard:hover{transform:translateY(-1px)}.daycard[data-past="1"]{opacity:.78}.daycard[data-today="1"]{background:linear-gradient(180deg,color-mix(in oklab,var(--brand) 8%,var(--surface)) 0%,var(--surface) 60%);border-color:color-mix(in oklab,var(--brand) 35%,var(--line))}.daycard[data-today="1"]:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--accent)}.daycard[data-selected="1"]{border-color:var(--accent);box-shadow:var(--shadow-card),0 0 0 1.5px var(--accent)}.day-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--ink-2);font-weight:600;margin-bottom:8px;white-space:nowrap}.day-h .dayname{color:var(--ink)}.day-h>span:last-child{font-weight:500;color:var(--ink-3)}.daycard[data-today="1"] .day-h .dayname{color:var(--brand-deep)}.day-icon{font-size:46px;display:block;height:46px;line-height:1;flex-shrink:0}.day-body{display:flex;align-items:center;gap:12px;margin-top:6px}.day-temps{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;font-variant-numeric:tabular-nums;line-height:1.05}.day-hi{font-size:20px;font-weight:600;color:var(--ink)}.day-lo{font-size:15px;color:var(--ink-3);font-weight:500;margin-top:1px}.day-rain{font-size:11.5px;color:var(--ink-3);margin-top:4px;font-variant-numeric:tabular-nums;white-space:nowrap}.day-rain svg{margin-right:3px;color:#3da5e0;opacity:.95}.summary{margin:2px 20px 0;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-card)}.summary-icon{font-size:46px;flex-shrink:0;line-height:1}.summary-text{min-width:0;flex:1}.summary-cond{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.005em;text-wrap:balance}.summary-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px;font-size:12.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}.summary-meta>span{white-space:nowrap}.summary-meta svg{margin-right:5px;opacity:.7}.seclabel{margin:14px 20px 2px;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.hour{flex:0 0 auto;width:70px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:8px 0;text-align:center;box-shadow:var(--shadow-card);position:relative}.hour[data-past="1"]{opacity:.6}.hour[data-now="1"]{background:linear-gradient(180deg,color-mix(in oklab,var(--brand) 8%,var(--surface)),var(--surface));border-color:color-mix(in oklab,var(--brand) 30%,var(--line))}.hour[data-now="1"]:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;border-radius:3px 3px 0 0;background:var(--accent)}.hour-t{font-size:12px;color:var(--ink-2);font-weight:600;font-variant-numeric:tabular-nums}.hour[data-now="1"] .hour-t{color:var(--brand-deep)}.hour-icon{font-size:28px;margin:4px 0 2px;display:block;height:28px}.hour-temp{font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.hour-rain{font-size:11px;color:#2d8fdb;margin-top:2px;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.hour-rain svg{margin-right:2px;color:#3da5e0}.hour-rain.dim{color:var(--ink-3);font-weight:500}.hour-rain.dim svg{color:var(--ink-3);opacity:.55}.ad{margin:12px 20px 0;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);display:flex;align-items:center;gap:12px;position:relative}.ad-tag{position:absolute;top:6px;right:10px;font-size:9.5px;font-weight:600;letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase}.ad-art{width:40px;height:40px;border-radius:10px;flex-shrink:0;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:22px}.ad-body{min-width:0;flex:1}.ad-title{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:1px}.ad-sub{font-size:12.5px;color:var(--ink-2);line-height:1.35}.ad-cta{flex-shrink:0;font-size:13px;font-weight:600;color:var(--brand);text-decoration:none;padding:4px 0;white-space:nowrap}.ad-cta:hover{text-decoration:underline}@media (max-width: 480px){.ad{flex-wrap:wrap}.ad-cta{width:100%;padding-top:4px}}.tip{margin:10px 20px 0;padding:12px 14px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;gap:14px}.tip-art{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.tip-art svg{image-rendering:pixelated}.tip-body{min-width:0;flex:1}.tip-title{font-size:14px;font-weight:600;color:var(--ink)}.tip-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--ink);color:var(--surface);font-family:"Press Start 2P",ui-monospace,SF Mono,monospace;font-size:9.5px;letter-spacing:.04em;padding:8px 12px;border-radius:4px;cursor:pointer;box-shadow:3px 3px 0 var(--brand-deep);transition:transform .08s,box-shadow .08s;flex-shrink:0;text-transform:uppercase;text-decoration:none;display:inline-block;white-space:nowrap}.tip-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--brand-deep)}@media (max-width: 480px){.tip{flex-wrap:wrap}.tip-btn{margin-left:auto}}.foot{margin-top:10px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11.5px;color:var(--ink-3)}.foot>span{white-space:nowrap}.foot a{color:inherit;text-decoration:underline;text-decoration-color:var(--line)}.foot a:hover{color:var(--ink-2)}.about-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:0;text-decoration:underline;text-decoration-color:var(--line)}.about-link:hover{color:var(--ink-2)}.sk{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:skshimmer 1.4s ease-in-out infinite;border-radius:6px}@keyframes skshimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.svg-i{width:1em;height:1em;vertical-align:-.12em;fill:currentColor}.errbar{margin:12px 20px 0;padding:10px 14px;background:color-mix(in oklab,#E55A2B 12%,var(--surface));border:1px solid color-mix(in oklab,#E55A2B 35%,var(--line));color:var(--ink);border-radius:10px;font-size:13px}.errbar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--brand);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer;padding:0;margin-left:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e3080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--surface);border-radius:16px;padding:28px 24px 24px;max-width:420px;width:100%;position:relative;box-shadow:0 20px 60px #141e3033}.modal h2{margin:0 0 12px;font-size:20px;font-weight:700;color:var(--ink)}.modal p{margin:0 0 8px;font-size:14px;line-height:1.5;color:var(--ink-2)}.modal a{color:var(--brand)}.modal-meta{color:var(--ink-3)!important;font-size:12px!important;margin-top:16px!important}.modal-close{position:absolute;top:12px;right:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font-size:22px;color:var(--ink-3);cursor:pointer;line-height:1;padding:4px}.modal-close:hover{color:var(--ink)}