:root{font-family:Arial,sans-serif;color:#1f2937;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}a{color:#2563eb;text-decoration:none}.app-shell{min-height:100vh;background:#f5f7fb}.main-content{min-height:100vh;padding:16px 16px 92px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-around;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e5e7eb;box-shadow:0 -8px 24px #0f172a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-item{display:flex;flex:1;flex-direction:column;align-items:center;gap:4px;color:#6b7280;font-size:12px}.nav-item svg{width:22px;height:22px}.nav-item.router-link-active{color:#2563eb}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{padding:16px;border-radius:12px;background:#fff;box-shadow:0 8px 24px #0f172a14}.button{display:inline-block;padding:10px 14px;border:0;border-radius:8px;cursor:pointer;background:#2563eb;color:#fff}.button.secondary{background:#4b5563}.muted{color:#6b7280}.tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#e5efff;color:#1d4ed8;font-size:12px}.stack{display:flex;flex-direction:column;gap:12px}