.weather-card{--card-light:var(--clear-sky-light);--card-dark:var(--clear-sky-dark);--card-text:var(--off-white);background:linear-gradient(to bottom left, var(--card-light) 25%, var(--card-dark));border-radius:2em;max-width:35em;margin:1em auto 0;padding:1.5em 1em}.weather-card *{color:var(--card-text)}.weather-card.dark-sky{--card-light:var(--dark-sky-light);--card-dark:var(--dark-sky-dark);border:1px solid var(--bg-light)}.weather-card.cloudy-sky{--card-light:var(--cloudy-sky-dark);--card-dark:var(--bg)}.weather-card.snowy-sky{--card-light:var(--snowy-sky-light);--card-dark:var(--snowy-sky-dark);--card-text:var(--dark)}.weather-card.sunset{--card-light:var(--sunset-light);--card-dark:var(--sunset-dark);--card-text:var(--dark)}.weather-card h1{overflow-wrap:anywhere;font-size:1.75em;line-height:1.2}.region{margin-top:.25em;font-size:1.05em;font-weight:500;display:block}.local-time{margin-top:.5em;font-size:.95em;display:block}.card-middle{justify-content:center;align-items:center;gap:1.25em;margin-top:.5em;display:flex}.weather-card img{height:6.5em;margin:0}.temp-unit{font-size:.7em}.weather-card h2{font-size:2.5em;font-weight:600}.extra-info-div{flex-wrap:wrap;justify-content:center;align-items:center;gap:1em 2em;padding-top:1em;display:flex}.extra-info{flex-direction:column;gap:.25em;display:flex}.extra-info-text{font-size:.9em}.high-low{justify-content:space-evenly;align-items:center;gap:1em;display:flex}.game-result{margin:1.25em auto}.game-result h1{color:var(--bg-text);font-size:1.1em;font-weight:500}.game-result h2{margin:.25em auto;font-size:2em}.game-result h3{margin-top:.5em;font-size:1.75em;animation:.4s ease-out result-pop}.off-by{color:var(--bg-text);font-size:1.1em}.result-actions{flex-wrap:wrap;gap:.75em;margin-top:1.25em;display:flex}.result-actions button{flex:8em}.secondary-btn{background:linear-gradient(to bottom left, var(--cloudy-sky-dark) 25%, var(--bg-light));text-align:center;box-sizing:border-box;justify-content:center;align-items:center;min-height:52px;padding:.5em 1em;display:flex}@keyframes result-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.weather-game{text-align:center;max-width:35em;margin:0 auto;padding-bottom:1em}.game form{margin:1.25em auto;font-weight:500}.guess-input{justify-content:center;align-items:center;gap:.5em;margin-bottom:1.25em;display:flex}.guess-input .sign-btn,.guess-input .step-btn{background-color:var(--bg-light);box-sizing:border-box;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:1.5em;display:flex}.guess-input .sign-btn{border:2px solid var(--border);background-color:#0000;font-size:1.25em}.guess-field{align-items:baseline;display:flex}.guess-field input{width:3em;color:var(--off-white);text-align:center;border-bottom:2px solid var(--off-white);background-color:#0000;border-radius:0;font-size:1.75em;font-weight:600}.guess-field span{font-size:1.4em}.weather-game .primary-btn{background:linear-gradient(to bottom left, var(--clear-sky-light) 25%, var(--clear-sky-dark));text-align:center;box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:52px;padding:.5em 1em;display:flex}.weather-game .primary-btn:disabled{cursor:default;opacity:.5;transform:none}.load-error{margin:2em auto}.load-error p{margin-bottom:1.25em;font-size:1.1em}.hot{color:var(--hot)}.cold{color:var(--cold)}.so-close{color:var(--so-close);font-style:italic}.correct{color:var(--correct)}.daily{text-align:center;max-width:35em;margin:0 auto}.daily-heading{color:var(--bg-text);margin:1em auto .75em;font-size:1.2em;font-weight:600}.daily-summary{background-color:var(--bg-light);border-radius:2em;margin-bottom:1em;padding:1.5em 1.25em}.daily-summary h3{font-size:1.5em}.daily-temp{margin-top:.25em;font-size:3em;font-weight:700;display:block}.daily-next{color:var(--bg-text)}.stats{text-align:center;max-width:35em;margin:0 auto;padding-bottom:1em}.stats-grid{grid-template-columns:1fr 1fr;gap:.75em;margin:1em auto;display:grid}.stat-tile{background-color:var(--bg-light);border-radius:1em;flex-direction:column;justify-content:center;gap:.35em;padding:1em .5em;display:flex}.stat-tile.stat-total{grid-column:1/-1}.stat-value{font-size:1.75em;font-weight:600}.stat-label{color:var(--bg-text);font-size:.9em}.stat-hot .stat-value{color:var(--hot)}.stat-cold .stat-value{color:var(--cold)}.stat-so-close .stat-value{color:var(--so-close)}.stat-perfect .stat-value{color:var(--correct)}.stats .reset-stats,.confirm-btns button{box-sizing:border-box;justify-content:center;align-items:center;min-height:48px;padding:.5em 1em;display:flex}.stats .reset-stats{border:2px solid var(--delete);width:100%;color:var(--delete-text)}.delete-confirm{background-color:var(--bg-light);border-radius:1em;padding:1.25em;line-height:1.4}.confirm-btns{gap:.75em;padding-top:1em;display:flex}.confirm-btns button{flex:1}.stats .confirm-delete{background-color:var(--delete)}.stats .confirm-cancel{border:2px solid var(--border)}.settings{max-width:35em;margin:0 auto;padding-bottom:1em}.settings h2{color:var(--bg-text);padding:1em 0 .5em;font-size:1.1em}.settings form{background-color:var(--bg-light);border-radius:1em;padding:1em}.settings form label{font-size:1.1em}.settings form hr{background-color:var(--border)}.form-setting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5em 1em;display:flex}.form-setting select{background-color:var(--bg);border:2px solid var(--border);border-radius:10px;min-height:44px;padding:0 .75em;font-family:inherit;font-size:1em}.setting-switch{border:2px solid var(--border);border-radius:10px;width:max-content;display:flex}.setting-switch label{background-color:inherit;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;min-width:3.5em;min-height:40px;margin:2px;padding:0 .85em;display:flex;font-size:1em!important}.setting-switch input[type=radio]{opacity:0;width:1px;height:1px;position:absolute}.setting-switch input[type=radio]:focus-visible+label{outline:2px solid var(--link);outline-offset:2px}.setting-switch input[type=radio]:checked+label{background:linear-gradient(to bottom left, var(--clear-sky-light) 25%, var(--clear-sky-dark));font-weight:600}.app{--tab-bar-height:64px;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(var(--tab-bar-height) + env(safe-area-inset-bottom)) env(safe-area-inset-left);background:linear-gradient(to bottom left, var(--dark-light) 25%, var(--dark));flex-direction:column;display:flex}.top-nav{align-items:center;gap:.5em;width:100%;max-width:37.4em;min-height:44px;margin:0 auto;padding:.75em 1.2em 0;display:flex}.top-nav img{height:2em;margin:0}.top-nav h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.5em;overflow:hidden}.tab-content{flex:1;margin:0 1.2em}.home{text-align:center;background:linear-gradient(to bottom left, var(--clear-sky-light) 25%, var(--clear-sky-dark));border-radius:2em;max-width:35em;margin:calc(1.75em + 44px) auto 1em;padding:2em 1.25em}.home img{height:6em}.home h1{margin-top:.4em}.tagline{max-width:20em;margin:.75em auto 1.75em;font-size:1.1em;line-height:1.4}.home .play-btn{background-color:var(--off-white);width:100%;max-width:16em;min-height:56px;color:var(--clear-sky-dark);box-sizing:border-box;justify-content:center;align-items:center;padding:.5em 1em;font-size:1.4em;font-weight:600;display:inline-flex}.home .daily-btn{border:2px solid var(--off-white);color:var(--off-white);background-color:#0000;margin-top:.75em}.how-to-play{max-width:35em;margin:2em auto 1em;padding:0 .5em;line-height:1.5}.how-to-play h2{margin-bottom:.5em;font-size:1.3em}.how-to-play p{color:var(--bg-text);margin-bottom:.9em}footer{text-align:center;padding:1em 1.2em 1.5em}.donation-btn{width:174px;margin:0 auto 1.5em;display:block}.donation-btn img{width:174px;height:48px}.api-link{color:var(--bg-text);font-size:.9em;line-height:1.6}.api-link a{color:var(--link);padding:.75em 0}.api-link a:hover{text-decoration:underline}.tab-bar{z-index:10;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background-color:var(--dark-light);border-top:1px solid var(--bg-light);display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar .tab-btn{height:var(--tab-bar-height);box-sizing:border-box;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25em;padding:0;font-size:.8em;display:flex}.tab-bar .tab-btn,.tab-bar .tab-btn *{color:var(--bg-text)}.tab-bar .tab-btn.selected,.tab-bar .tab-btn.selected *{color:var(--link)}:root{--off-white:#f5f5f5;--bg:#232832;--dark-light:#15171b;--dark:#0f1118;--bg-light:#2f3642;--bg-text:#b3c2d0;--clear-sky-light:#007a8a;--clear-sky-dark:#184883;--dark-sky-light:#111a36;--dark-sky-dark:#030916;--sunset-light:#fcde17;--sunset-dark:#eb621f;--cloudy-sky-light:#a7a8ad;--cloudy-sky-dark:#4c5257;--snowy-sky-light:#e8f0f9;--snowy-sky-dark:#579ad0;--input-color:#a5bddd;--btn-bg:#003270;--btn-bg-hover:#062c5a;--spinner:#3498db;--link:#92f1fd;--line-color:#74a9b1;--border:#465061;--hot:#ff8411;--cold:#90dfff;--so-close:#ff0;--correct:#00e700;--delete:#be1313;--delete-text:#ff6b6b;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/inter-v13-latin-regular-BT1H-PT_.woff2)format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/assets/inter-v13-latin-500-kWhwEdDH.woff2)format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/assets/inter-v13-latin-600-B2Ssfs8e.woff2)format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/assets/inter-v13-latin-700-C2zfFY7I.woff2)format("woff2")}*{box-sizing:border-box;color:var(--off-white);margin:0;padding:0}html{touch-action:manipulation;-webkit-text-size-adjust:100%}body{background-color:var(--dark);-webkit-tap-highlight-color:transparent;margin:0;padding:0}a,select,.setting-input,.search-result,.favorite-entry{cursor:pointer}a{color:inherit;text-decoration:none}button{all:unset;cursor:pointer;font-weight:500;transition:transform .1s,filter .1s}button:active{filter:brightness(.9);transform:scale(.96)}:focus-visible{outline:2px solid var(--link);outline-offset:2px}button:not(.delete-favorite,.close,.edit-btn,.search-cancel){border-radius:2em;padding:.5em .75em;font-size:1.2em}hr{background-color:var(--line-color);border:none;border-radius:1em;height:1px;margin:1em auto}img{-webkit-user-select:none;user-select:none;margin:0 auto;display:block}h1{font-size:clamp(2em,6vw,3em)}h1,h2{font-weight:600}ul{list-style-type:none}input{background-color:var(--bg-light);border:none;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}select{background-color:#0000;border:none;font-size:1.1em}option{background-color:var(--bg-light)}::placeholder{color:var(--input-color);opacity:1}.loading{border:8px solid var(--bg-light);border-top-color:var(--spinner);border-radius:50%;width:6em;height:6em;margin:6em auto 0;animation:1s linear infinite spin}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}