/* Standalone weather cover for wp-login.php. Core WordPress forms remain intact. */
html.dsm-weather-js body.login { background:#1d67a5; }
html.dsm-weather-js body.login #login { visibility:hidden; }
html.dsm-weather-js.dsm-weather-unlocked body.login #login {
  visibility:visible; position:fixed; z-index:100008; top:50%; left:50%;
  transform:translate(-50%,-50%); width:min(410px,calc(100vw - 32px));
  max-height:90vh; overflow-y:auto; box-sizing:border-box; padding:18px; margin:0;
  background:#f8f3e7; border-radius:22px; box-shadow:0 28px 95px #00234599;
}
html.dsm-weather-js.dsm-weather-unlocked body.login #login h1 {display:none}
html.dsm-weather-js.dsm-weather-unlocked body.login #login form {margin-top:30px}
.dsm-weather-screen {display:none}
html.dsm-weather-js .dsm-weather-screen {
 display:block; position:fixed; inset:0; z-index:100000; overflow:auto;
 background:linear-gradient(175deg,#194b8b 0%,#277fbe 44%,#5ba6d5 80%,#8bc7e2 100%);
 color:#fff; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;
 -webkit-font-smoothing:antialiased;
}
html.dsm-weather-js .dsm-weather-screen.dsm-weather-night {background:linear-gradient(175deg,#071b40,#123766 65%,#326087)}
.dsm-weather-screen::before {content:"";position:fixed;top:12%;right:10%;width:210px;height:210px;pointer-events:none;border-radius:50%;background:#ffffff2b;filter:blur(56px)}
.dsm-weather-shell {position:relative;width:min(680px,calc(100% - 32px));margin:0 auto;padding:25px 0 46px;box-sizing:border-box}
.dsm-weather-top {display:flex;justify-content:space-between;align-items:center;letter-spacing:.05em;font-size:15px;font-weight:700;opacity:.96}
.dsm-weather-clock {font-size:13px;font-weight:500}
.dsm-weather-top-actions {display:flex;align-items:center;gap:12px}
.dsm-weather-settings-button {width:36px;height:36px;border:0;border-radius:11px;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.dsm-weather-settings-button:hover,.dsm-weather-settings-button[aria-expanded="true"] {background:#ffffff35}
.dsm-weather-settings-button:focus-visible {outline:2px solid white;outline-offset:2px}
.dsm-weather-places[hidden] {display:none!important}
.dsm-weather-hero {text-align:center;padding:44px 0 18px}
.dsm-weather-area {font-size:clamp(25px,4.5vw,41px);font-weight:350;text-shadow:0 2px 12px #1b5a928a}
.dsm-weather-current {display:flex;align-items:center;justify-content:center;gap:12px;min-height:145px}
.dsm-weather-temp {font-size:clamp(78px,15vw,126px);font-weight:200;line-height:1.07;letter-spacing:-.085em;padding-right:.15em}
.dsm-weather-description {font-size:15px;min-height:25px;margin:3px 0 7px}
.dsm-weather-icon-button {display:flex;align-items:center;justify-content:center;width:100px;height:110px;flex:0 0 auto;padding:0;border:0;border-radius:0;background:none;cursor:default;touch-action:none;user-select:none;-webkit-user-select:none}
.dsm-weather-bigicon {font-size:76px;line-height:1;filter:drop-shadow(0 8px 12px #18396470)}
.dsm-weather-icon-button:focus-visible{outline:2px solid white;outline-offset:2px;border-radius:8px}
.dsm-weather-state {font-size:13px;text-align:center;min-height:22px;padding:3px 10px;margin:9px 0 18px}
.dsm-weather-panel {border:1px solid #ffffff46;background:#ffffff29;border-radius:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:20px;margin:14px 0;box-shadow:0 12px 36px #10355f25}
.dsm-weather-panel h2 {color:#fff;font-size:14px;margin:0 0 16px;padding:0;font-weight:650;letter-spacing:.025em}
.dsm-weather-panel h2 span {float:right;font-size:11px;font-weight:400;opacity:.9}
.dsm-weather-hours {display:flex;justify-content:space-between;gap:8px;overflow-x:auto;min-height:76px;padding:2px 0 7px;scrollbar-width:thin;scrollbar-color:#ffffffaa transparent}
.dsm-weather-hour {display:flex;flex:1 0 64px;flex-direction:column;text-align:center;align-items:center;gap:6px;min-width:64px;font-size:14px;font-weight:600}
.dsm-weather-small-icon {font-size:25px;min-height:30px}
.dsm-weather-rain {font-size:11px;color:#dcf4ff}
.dsm-weather-day {display:grid;grid-template-columns:1fr 70px 1fr;gap:10px;align-items:center;padding:12px 2px;border-bottom:1px solid #ffffff35;font-size:14px}
.dsm-weather-day:last-child{border-bottom:0}
.dsm-weather-day-icon{text-align:center;font-size:27px}
.dsm-weather-day-range{text-align:right}
.dsm-weather-empty{opacity:.75;font-size:12px}
.dsm-weather-places {position:fixed;top:76px;right:max(16px,calc((100vw - 680px) / 2));z-index:10;width:min(410px,calc(100vw - 32px));box-sizing:border-box;max-height:calc(100dvh - 92px);overflow-y:auto;background:#153d68f5;border:1px solid #ffffff63;box-shadow:0 25px 65px #001c46a8}
.dsm-weather-places label {display:block;margin:10px 0 6px;font-size:12px;font-weight:600}
.dsm-weather-places select,.dsm-weather-places input {height:44px;box-sizing:border-box;background:#fff;color:#153a63;border:0;border-radius:11px;padding:0 13px;width:100%;max-width:none;font-size:14px;box-shadow:none}
.dsm-weather-search-form{display:flex;gap:8px;align-items:center;min-height:44px}
.dsm-weather-search-form button,.dsm-weather-place-choice{min-height:44px;padding:0 17px;border:1px solid #ffffffa6;border-radius:11px;background:#ffffff35;color:#fff;font-weight:700;cursor:pointer;white-space:nowrap}
.dsm-weather-search-form button:hover,.dsm-weather-place-choice:hover{background:#ffffff58}
.dsm-weather-results{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px}
.dsm-weather-place-choice{text-align:left;font-weight:500;white-space:normal;padding:8px 14px}
.dsm-weather-settings-credit{margin:22px 0 0;font-size:11px;opacity:.8;line-height:1.6}
.dsm-weather-settings-credit a{color:#fff;text-decoration:underline}
#dsm-weather-close-login{display:none}
html.dsm-weather-js.dsm-weather-unlocked .dsm-weather-screen::after {content:"";position:fixed;inset:0;background:#061d41a8;z-index:100003;pointer-events:auto}
html.dsm-weather-js.dsm-weather-unlocked #dsm-weather-close-login {display:block;position:fixed;right:16px;top:12px;z-index:100010;border:0;border-radius:50%;background:#ffffffcc;color:#193e67;width:40px;height:40px;font-size:28px;cursor:pointer}
@media(max-width:540px){.dsm-weather-shell{width:calc(100% - 26px);padding-top:16px}.dsm-weather-hero{padding-top:28px}.dsm-weather-current{gap:4px;min-height:115px}.dsm-weather-icon-button{width:75px;height:88px}.dsm-weather-bigicon{font-size:63px}.dsm-weather-panel{padding:15px}.dsm-weather-hours{gap:6px}html.dsm-weather-js.dsm-weather-unlocked body.login #login{padding:12px}.dsm-weather-places{top:60px;right:13px;max-height:calc(100dvh - 70px)}}