:root{--primary:#1554b8;--secondary:#071a3d;--accent:#21b6c7;--bg:#f3f6fb;--surface:#fff;--text:#10233f;--muted:#6b7890;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.app{max-width:920px;margin:auto;padding:18px 16px 92px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:900;font-size:20px}.season{font-size:12px;color:var(--muted)}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--secondary);color:#fff;font-weight:900}.contexts{display:flex;gap:8px;overflow:auto;padding:14px 0}.chip{border:1px solid #d7dfeb;background:var(--surface);padding:9px 13px;border-radius:999px;white-space:nowrap;font-weight:700}.chip.active{background:var(--secondary);color:#fff}.hero{background:linear-gradient(135deg,var(--secondary),var(--primary));color:#fff;padding:22px;border-radius:24px;margin:4px 0 16px}.hero h1{margin:0 0 5px;font-size:28px}.hero p{margin:0;opacity:.85}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.btn{border:0;border-radius:16px;padding:15px;font-weight:900;background:var(--surface);color:var(--text);box-shadow:0 4px 16px #14213d10;text-decoration:none}.btn.primary{background:var(--accent);color:#071a3d}.section{margin-top:22px}.section h2{font-size:18px;margin:0 0 10px}.cards{display:grid;gap:10px}.card{background:var(--surface);border-radius:18px;padding:16px;box-shadow:0 4px 18px #14213d0c}.row{display:flex;justify-content:space-between;gap:10px;align-items:center}.meta{color:var(--muted);font-size:13px;margin-top:4px}.badge{background:#edf2fa;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800}.bottom{position:fixed;z-index:20;left:50%;bottom:0;transform:translateX(-50%);width:min(920px,100%);display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid #dce3ee;padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.bottom a{text-align:center;text-decoration:none;color:var(--muted);font-size:11px;font-weight:800;padding:7px 2px;border-radius:12px}.bottom a span{display:block;font-size:20px;margin-bottom:2px}.bottom a.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,white)}@media(min-width:760px){.cards.two{grid-template-columns:1fr 1fr}.bottom{bottom:12px;border:1px solid #dce3ee;border-radius:18px;width:650px;box-shadow:0 8px 30px #071a3d18}}