*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0e1116;overflow:hidden}html.cursor-hot,html.cursor-hot *{cursor:pointer}html.is-mobile-viewport,html.is-mobile-viewport body{height:auto;min-height:100%;overflow:visible;overscroll-behavior-y:none}html.is-mobile-viewport #root{height:auto}html.is-mobile-viewport.is-booting,html.is-mobile-viewport.is-booting body{overflow:hidden}.mobile-scroll-spacer{height:calc(var(--scroll-pages, 8) * 100vh);pointer-events:none}.loader-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#121212;color:#fff;font-family:Alan Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:center;transition:opacity .7s cubic-bezier(.4,0,.2,1)}.loader-screen.is-hidden{opacity:0;pointer-events:none}.loader-text{display:flex;flex-direction:column;align-items:center;gap:8px}.loader-title{font-weight:600;font-size:32px;margin:0}.loader-subtitle{font-weight:300;font-size:24px;color:#ffffffd9;margin:0}.loader-track{position:relative;width:min(360px,82vw);height:3px;border:.5px solid #fff;border-radius:999px}.loader-fill{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:#fff;transition:width .25s ease-out}@media (pointer: coarse) and (max-width: 900px){.loader-title{font-size:22px}.loader-subtitle{font-size:18px}}.hint{position:fixed;left:50%;transform:translate(-50%);bottom:20px;color:#fff9;font-family:Alan Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;font-size:10px;pointer-events:none;z-index:10;display:flex;flex-direction:row;align-items:center;gap:6px;line-height:1;padding:2px 12px;border-radius:999px;background:#ffffff1a;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 24px #0000002e;transition:opacity .4s ease}.hint-arrows{position:relative;width:24px;height:24px;overflow:hidden}.hint-arrows-inner{position:absolute;width:48px;height:48px;left:-12px;top:-11.52px}.weather-select{--tab-w: 64px;position:fixed;left:24px;bottom:24px;z-index:11;display:flex;align-items:center;gap:0;padding:8px;border-radius:999px;background:#ffffff1a;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 24px #0000002e;-webkit-user-select:none;user-select:none}.weather-select-highlight{position:absolute;top:8px;left:8px;width:var(--tab-w);transform:translate(calc(var(--sel, 0) * var(--tab-w)));height:calc(100% - 16px);border-radius:999px;background:#fff3;transition:transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.weather-select button{position:relative;z-index:1;background:transparent;border:0;margin:0;display:flex;align-items:center;justify-content:center;width:var(--tab-w);padding:8px 12px;border-radius:999px;font-family:Alan Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;font-size:12px;line-height:normal;white-space:nowrap;color:#fff9;cursor:pointer;transition:color .3s ease}.weather-select button:hover:not(.active){color:#ffffffd9}.weather-select button.active{color:#fff}.brand-badge{position:fixed;right:24px;bottom:24px;z-index:11;display:flex;align-items:center;justify-content:flex-end;-webkit-user-select:none;user-select:none}.brand-badge-text{font-family:Alan Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;font-size:10px;line-height:normal;color:#fff9;text-align:right;white-space:nowrap;overflow:hidden;max-width:0;margin-right:0;opacity:0;transition:max-width .35s cubic-bezier(.4,0,.2,1),margin-right .35s cubic-bezier(.4,0,.2,1),opacity .25s ease}.brand-badge-text.is-visible{max-width:200px;margin-right:12px;opacity:1}.brand-badge-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:8px;border-radius:999px;background:#ffffff1a;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 24px #0000002e}.brand-badge-logo img{display:block;width:30px;height:24px}.brand-badge-logo{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.rotate-gate{display:none}@media (orientation: portrait) and (pointer: coarse) and (max-width: 900px){.rotate-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:32px;text-align:center;background:#121212;font-family:Alan Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.rotate-gate-phone{width:42px;height:72px;flex-shrink:0;border:2px solid rgba(255,255,255,.55);border-radius:9px;animation:rotate-gate-tip 2.4s ease-in-out infinite}.rotate-gate-title{font-weight:600;font-size:15px;line-height:1.3;color:#ffffffe6}.rotate-gate-sub{display:block;margin-top:7px;font-weight:400;font-size:11px;line-height:1.45;color:#ffffff80}}@keyframes rotate-gate-tip{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation: landscape) and (pointer: coarse) and (max-height: 500px){:root{--m-bottom: max(26px, env(safe-area-inset-bottom));--m-left: 20px;--m-right: 20px;--m-logo: 40px}.weather-select{left:var(--m-left);bottom:var(--m-bottom)}.brand-badge{right:var(--m-right);bottom:var(--m-bottom)}.brand-badge-logo{width:var(--m-logo);height:var(--m-logo);padding:7px}.brand-badge-logo img{width:25px;height:20px}.brand-badge-text{position:absolute;right:0;top:calc(100% + 5px);max-width:none;margin-right:0;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease}.brand-badge-text.is-visible{max-width:none;margin-right:0;max-height:20px}.brand-badge-text br{display:none}.hint{left:auto;transform:none;right:calc(var(--m-right) + var(--m-logo) + 12px);bottom:calc(var(--m-bottom) + ((var(--m-logo) - 28px) / 2))}}@media (orientation: landscape) and (pointer: coarse) and (max-height: 500px) and (max-width: 680px){.weather-select{--tab-w: 52px;padding:6px}.weather-select button{width:var(--tab-w);padding:7px 8px;font-size:11px}.weather-select-highlight{top:6px;left:6px;height:calc(100% - 12px)}.hint{font-size:9px}}