:root{--nav-height: 60px;--primary-color: #007aff;--bg-color: #f9f9f9;--text-color: #333;--topbar-height: 60px;--font-title: "Playfair Display", "Cinzel", "Georgia", serif}header{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:center;align-items:center;z-index:101;font-family:var(--font-title);font-variant:small-caps;letter-spacing:.05em;font-weight:600;font-size:1.2rem;color:var(--text-color);text-align:center;box-shadow:0 1px 3px #0000000d}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg-color);color:var(--text-color)}body{display:grid;grid-template-rows:var(--topbar-height) 1fr var(--nav-height);min-height:100vh}main{overflow-y:auto;padding:1rem;margin-top:var(--topbar-height)}nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:#fff;border-top:1px solid #e6e6e6;display:flex;justify-content:space-around;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom)}nav button{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;font-size:.85rem;padding:.5rem .25rem;cursor:pointer;color:var(--text-color);transition:color .16s ease,transform .16s ease}nav button.btn-left{border-right:1px solid #e6e6e6}nav button.btn-right{border-left:1px solid #e6e6e6}nav button:active{transform:translateY(1px)}nav button.active,nav button:hover{color:var(--primary-color)}.grid{display:grid;gap:1rem}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:640px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}.card{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 8px #0000000a;text-align:center}.container{max-width:1100px;margin:0 auto}.p-1{padding:.5rem}.p-2{padding:1rem}.mt-1{margin-top:.75rem}.mt-2{margin-top:1.5rem}