:root{--bg:#f8f9fa;--surface:#fff;--border:#d1d5db;--hairline:#e5e7eb;--text:#111;--muted:#6b7280;--accent:#4f5d75;--ring:#9da7b8;--radius-card:12px;--radius-input:10px;--shadow-card:0 1px 2px rgba(16,24,40,.06),0 6px 16px rgba(16,24,40,.06)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.chip{display:inline-flex;align-items:center;border:1px solid var(--hairline);border-radius:9999px;background:#f4f6fa;color:var(--muted);font-size:12px;line-height:1;padding:6px 10px}.chip--accent{background:var(--accent);color:#fff;border-color:transparent}.overlay-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.7);border:1px solid var(--border);border-radius:10px;padding:6px 12px;color:#475569}.overlay-btn:hover{color:var(--accent)}.skeleton{position:relative;overflow:hidden;background:#f2f4f8}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,0));animation:shimmer 1.6s infinite}@keyframes shimmer{to{transform:translateX(100%)}}