html{min-height:100%;background:#151829}body{max-width:960px;margin:0 auto;min-height:100dvh;box-shadow:0 0 100px #0003;overflow:auto}header{-webkit-app-region:no-drag;height:62px}header nav button{min-width:38px;height:36px}#cityButton{width:auto;padding:0 12px;font-size:11px;border:1px solid #ffffff18}main{height:calc(100dvh - 62px);min-height:600px;max-height:980px}#stage{min-height:260px}.dashboard{padding-bottom:max(16px,env(safe-area-inset-bottom))}.care-card button{min-height:36px}.bottom-row select{min-height:34px}#cityDialog label{display:block;margin:20px 0 8px;color:#dad0c4;font-size:12px}#cityDialog select{display:block;width:100%;max-width:none;font-size:14px;padding:12px;background:#32374d}#cityDetail{margin-top:12px;font-size:11px}.compact main{height:calc(100dvh - 44px);min-height:300px;max-height:none}.compact #cityButton{font-size:10px}.compact .stage-actions #zoom{display:block}.compact .pet-status{max-width:70%;overflow:hidden;text-overflow:ellipsis}#error{max-width:600px;margin:auto;bottom:12px;font-size:11px}#toast{max-width:95vw;white-space:normal;text-align:center}@media(min-width:800px){.dashboard{padding:18px 28px}.care-grid{gap:18px}.brand{font-size:18px}}@media(max-width:480px){header{padding:9px 12px}.brand{font-size:13px;letter-spacing:1.8px}.brand small{font-size:8px}.dashboard{padding:12px}.sky-info{gap:8px}.sky-info p{font-size:10px}.moon-info{gap:5px}.moon-info small{font-size:8px}.care-card button{min-height:40px}main{min-height:610px}.compact main{min-height:350px}.stage-actions button{min-height:32px}.bottom-row{gap:6px}.bottom-row select{max-width:135px}dialog{padding:18px}#cityButton{padding:0 8px}.compact #zoom{max-width:104px}.compact .pet-status{max-width:50%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.desktop-download{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff12}.desktop-download a{display:inline-block;color:#b9d9ca;text-decoration:none;font-size:12px;padding:4px 0}.desktop-download a:hover{text-decoration:underline}.desktop-download a:focus-visible{outline:2px solid #a9caba;outline-offset:4px}.desktop-download a span{font-size:10px;color:#aaaabd;margin-left:6px}.desktop-download small{display:block;color:#a4a4b6;font-size:9px;margin-top:4px}