.btn-danger{background:#ef4444;color:#fff;border:0;border-radius:20px;padding:12px 18px}
.chip{display:inline-block;border-radius:999px;background:var(--color-bg-soft);padding:6px 10px;font-size:14px}
.progress{height:10px;border-radius:999px;background:var(--color-bg-soft);overflow:hidden}
.progress>div{height:100%;background:var(--color-primary);width:0%}
.toast{position:fixed;top:16px;right:16px;background:#fff;border-radius:14px;box-shadow:var(--shadow-md);padding:12px 16px}
.navbar .logo{font-weight:700;color:var(--color-ink)}
.navbar .nav-actions a{margin-left:12px}
.bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:8px 12px;display:none}
.bottom-bar .container{display:flex;justify-content:space-between}
.card-feed{padding:12px}
.skeleton{position:relative;overflow:hidden}
.skeleton::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skeleton 1.2s infinite}
@keyframes skeleton{100%{transform:translateX(100%)}}