:root{
  --pc-primary:#111827;
  --pc-primary-700:#0b1220;
  --pc-cream:#f3f4f6;
  --pc-gold:#e5e7eb;
  --pc-green:#2563eb;
  --pc-ink:#0f172a;
  --pc-muted:#64748b;
}

.pc-bg{background:var(--pc-cream)}
.pc-card{background:#fff;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.pc-btn{background:var(--pc-primary);color:#fff}
.pc-btn:hover{filter:brightness(1.06)}
.pc-outline{background:#fff;color:var(--pc-primary);border:1px solid rgba(0,0,0,.12)}
.pc-outline:hover{box-shadow:0 6px 20px rgba(0,0,0,.08)}
.pc-headline{font-weight:800;letter-spacing:.2px;color:var(--pc-ink);text-align:center}
.pc-headline em{color:var(--pc-primary);font-style:normal}

.glass{backdrop-filter:blur(6px);background:rgba(0,0,0,.35)}
[x-cloak]{display:none!important}
.modal-panel{background:#fff;border-radius:1.25rem;box-shadow:0 25px 60px rgba(0,0,0,.25);max-height:90vh;overflow:auto}
.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;font-size:.7rem;font-weight:700}
.line-clamp-2{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.dropdown-panel{max-height:15rem;overflow:auto}