:root{--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#6c778a;--line:#dce4ef;--blue:#0b4cab;--shadow:0 8px 24px rgba(24,49,83,.08);--top:rgba(255,255,255,.96);--nav:rgba(255,255,255,.97);--soft:#edf6ff;--sponsor1:#e8f3ff;--sponsor2:#dcecff}html[data-theme=dark]{--bg:#0e1520;--card:#172131;--text:#eef4fb;--muted:#a9b7c8;--line:#2b3a4d;--blue:#62a6ff;--shadow:0 8px 24px rgba(0,0,0,.22);--top:rgba(23,33,49,.96);--nav:rgba(23,33,49,.97);--soft:#172a40;--sponsor1:#172d47;--sponsor2:#1d3b5d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}.app{max-width:760px;margin:auto;min-height:100vh;padding-bottom:18px}.top{position:sticky;top:0;z-index:20;background:var(--top);border-bottom:1px solid var(--line);padding:10px 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.brand{text-align:center;font-size:26px;font-weight:800}.brand .gas{color:var(--blue)}.controls{display:flex;gap:5px}.controls.right{justify-content:flex-end}.control{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:9px;padding:7px 6px;font-size:11px;max-width:84px}.statusbar{background:linear-gradient(90deg,#0b4cab,#1167d8);color:#fff;padding:9px 16px;display:flex;justify-content:space-between;font-size:12px;text-decoration:none}.content{padding:16px}.alert{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:var(--shadow);margin-bottom:20px}.alert h3{margin:0 0 6px;font-size:16px}.alert p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.ghost{display:inline-flex;margin-top:12px;border:1px solid #9bbcf0;background:var(--card);color:var(--blue);border-radius:9px;padding:8px 12px;font-weight:800;font-size:11px;text-decoration:none}.section-title{font-size:18px;font-weight:800;margin:4px 0 12px}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.module{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:16px 8px;text-align:center;box-shadow:var(--shadow);min-height:132px;color:var(--text);text-decoration:none}.module .pic{height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:var(--blue)}.module svg{width:44px;height:44px}.module strong{display:block;font-size:14px}.module span{display:block;margin-top:8px;color:var(--blue);font-size:12px;font-weight:700}.module-pending{width:100%;font:inherit;cursor:pointer}.module-pending:hover{border-color:var(--blue);transform:translateY(-1px)}.module-pending:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}.disabled{cursor:default;user-select:none}.sponsor{background:linear-gradient(135deg,var(--sponsor1),var(--sponsor2));border:1px solid var(--line);border-radius:16px;padding:15px;display:grid;grid-template-columns:1.4fr .7fr;gap:12px;align-items:center;box-shadow:var(--shadow)}.sponsor small{font-size:10px;color:var(--muted);font-weight:800}.sponsor h3{margin:5px 0 6px;color:var(--blue);font-size:17px}.sponsor p{margin:0;font-size:12px;color:var(--muted)}.cta{display:inline-block;text-decoration:none;cursor:pointer;margin-top:10px;background:#0b4cab;color:#fff;border-radius:8px;padding:8px 10px;font-weight:700;font-size:11px}.sponsor-art{height:88px;border-radius:14px;background:linear-gradient(145deg,#cdd9e6,#f7fbff);position:relative}.sponsor-art:after{content:attr(data-label);position:absolute;right:5px;bottom:4px;background:#596777;color:#fff;font-size:8px;padding:3px 5px;border-radius:4px}.bottom{position:fixed;left:50%;transform:translateX(-50%);bottom:0;z-index:30;width:min(760px,100%);background:var(--nav);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr)}.nav{text-align:center;color:var(--muted);font-size:10px;text-decoration:none}.nav svg{width:22px;height:22px;display:block;margin:0 auto 4px}.nav.active{color:var(--blue);font-weight:800}@media(max-width:560px){.modules{gap:8px}.module{padding:14px 5px;min-height:126px}.module strong{font-size:13px}.brand{font-size:23px}.control{font-size:10px;padding:7px 4px;max-width:70px}}@media(max-width:390px){.top{grid-template-columns:auto 1fr auto;padding:9px 10px}.brand{font-size:21px}.modules{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.module{min-width:0;padding:12px 3px}.module strong{font-size:12px;overflow-wrap:anywhere}.module span{font-size:10px}.sponsor{grid-template-columns:1fr}.sponsor-art{height:72px}}