@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap";:root,[data-theme=dark]{--bg:#0c0e14;--surface:#13151e;--card:#1a1d28;--border:#252836;--bHov:#353848;--ink:#f0f2ff;--mid:#8b8fa8;--faint:#454860;--blue:#6c8aff;--blueL:#1a2040;--teal:#3dd9c5;--tealL:#0d2b28;--amber:#ffb547;--amberL:#2a1e08;--rose:#ff6b8a;--roseL:#2a0e18;--green:#4ade80;--greenL:#0a2010;--purple:#a78bfa;--purpleL:#1a1030;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 20px 60px #0009}[data-theme=light]{--bg:#f4f6fc;--surface:#fff;--card:#fff;--border:#e2e6f0;--bHov:#c8d0e0;--ink:#111827;--mid:#6b7280;--faint:#9ca3af;--blue:#3b6ae8;--blueL:#eef2ff;--teal:#0d9e8b;--tealL:#e6f7f5;--amber:#d97706;--amberL:#fef3c7;--rose:#e5365a;--roseL:#fff0f3;--green:#16a34a;--greenL:#f0fdf4;--purple:#7c3aed;--purpleL:#f5f3ff;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 12px 40px #00000024}:root{--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--header-h:54px;--tab-bar-h:44px;--header-total:99px;--bottom-nav:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--max-w:960px;--transition:.2s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow-x:hidden}body{background:var(--bg);min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition), color var(--transition);-webkit-overflow-scrolling:touch;font-family:DM Sans,system-ui,sans-serif;overflow-x:hidden}[data-theme=light] .card-shadow{box-shadow:var(--shadow-sm)}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}input,textarea,select,button{font-family:inherit}input[type=range]{-webkit-appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--blue);cursor:pointer;border-radius:50%;width:16px;height:16px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fu{animation:.3s both fadeUp}.fi{animation:.2s both fadeIn}.su{animation:.35s both slideUp}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}.skeleton{background:linear-gradient(90deg, var(--card) 25%, var(--border) 50%, var(--card) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.5s infinite shimmer}.page{max-width:var(--max-w);padding:16px 14px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px);margin:0 auto}@media (width>=640px){.page{padding:20px 20px 40px}}.scroll-x{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow:auto visible}.scroll-x::-webkit-scrollbar{display:none}.g2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.g3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.g4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=639px){.g2,.g3,.g4{grid-template-columns:1fr 1fr}.g4.force1{grid-template-columns:1fr}}@media (width<=400px){.g3,.g4{grid-template-columns:1fr}}.pb-nav{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)}@media (width>=640px){.pb-nav{padding-bottom:40px}}.hide-mobile{display:flex}.show-mobile{display:none}@media (width<=639px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.tab-panel{flex-direction:column;gap:14px;min-height:0;display:flex;overflow:visible}.forecast-strip{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow:auto visible}.forecast-strip::-webkit-scrollbar{display:none}